зеркало из https://github.com/mozilla/FlightDeck.git
Style alterations, bugfixes
This commit is contained in:
Oskar Krawczyk
Родитель
f72afd6eba
Коммит
5054a2699a
|
|
@ -26,91 +26,110 @@ body {
|
|||
.UI_Browser .UI_Item {
|
||||
width: 300px;
|
||||
min-height: 100px;
|
||||
float: left;
|
||||
padding: 0 0 20px 115px;
|
||||
margin: 0 20px 20px 0;
|
||||
border-bottom: solid 1px #E9EDF0;
|
||||
background: url(../img/_temp-browse-icon.png) 0 0 no-repeat;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item h3 {
|
||||
margin: 0 0 0;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item h4 {
|
||||
font-size: .8em;
|
||||
font-style: normal;
|
||||
background: #A6AEB5;
|
||||
color: #F8F8F8;
|
||||
-moz-border-radius: 3px;
|
||||
padding: 1px 3px;
|
||||
margin: 4px 0 10px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item p {
|
||||
font-size: .9em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions {
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li {
|
||||
background: #BEC5CC;
|
||||
border-bottom: solid 1px #fff;
|
||||
padding: 1px;
|
||||
margin: 0 -1px 1px 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
.UI_Browser .UI_Icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
background-image: url(../img/UI_Browser/browse-icons.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li a {
|
||||
background: -moz-linear-gradient(270deg, #EBEFF2, #D4D9DF);
|
||||
border-top: solid 1px #fff;
|
||||
display: block;
|
||||
padding: 7px 10px;
|
||||
font-size: .9em;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
.UI_Browser .UI_Icon.jetpack {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Icon.dependency {
|
||||
background-position: -106px 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item h3 {
|
||||
margin: 0 0 0;
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item h4 {
|
||||
font-size: .8em;
|
||||
font-style: normal;
|
||||
background: #A6AEB5;
|
||||
color: #F8F8F8;
|
||||
-moz-border-radius: 3px;
|
||||
padding: 1px 3px;
|
||||
margin: 4px 0 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Item p {
|
||||
font-size: .9em;
|
||||
color: #7F7F7F;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions {
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li {
|
||||
background: #BEC5CC;
|
||||
border-bottom: solid 1px #fff;
|
||||
padding: 1px;
|
||||
margin: 0 -1px 1px 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Starting element */
|
||||
.UI_Browser .UI_Actions li:first-child {
|
||||
-moz-border-radius: 6px;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li:first-child a {
|
||||
-moz-border-radius: 5px;
|
||||
.UI_Browser .UI_Actions li a {
|
||||
background: -moz-linear-gradient(270deg, #EBEFF2, #D4D9DF);
|
||||
border-top: solid 1px #fff;
|
||||
display: block;
|
||||
padding: 7px 10px;
|
||||
font-size: .9em;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
/* Starting element */
|
||||
.UI_Browser .UI_Actions li:first-child {
|
||||
-moz-border-radius: 6px;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
}
|
||||
|
||||
/* Ending element */
|
||||
.UI_Browser .UI_Actions li:last-child {
|
||||
-moz-border-radius: 6px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
}
|
||||
.UI_Browser .UI_Actions li:first-child a {
|
||||
-moz-border-radius: 5px;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li:last-child a {
|
||||
-moz-border-radius: 5px;
|
||||
/* Ending element */
|
||||
.UI_Browser .UI_Actions li:last-child {
|
||||
-moz-border-radius: 6px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li a:hover {
|
||||
background: -moz-linear-gradient(270deg, #FBFBFB, #E6E8EB);
|
||||
text-decoration: none;
|
||||
}
|
||||
.UI_Browser .UI_Actions li:last-child a {
|
||||
-moz-border-radius: 5px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li a:active {
|
||||
background: -moz-linear-gradient(270deg, #BEC5CC, #D9DDE0);
|
||||
border-top: solid 1px transparent;
|
||||
color: #6D7880;
|
||||
}
|
||||
.UI_Browser .UI_Actions li a:hover {
|
||||
background: -moz-linear-gradient(270deg, #FBFBFB, #E6E8EB);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.UI_Browser .UI_Actions li a:active {
|
||||
background: -moz-linear-gradient(270deg, #BEC5CC, #D9DDE0);
|
||||
border-top: solid 1px transparent;
|
||||
color: #6D7880;
|
||||
}
|
||||
|
||||
|
|
@ -37,8 +37,29 @@ authors:
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.UI_File_Listing li a span.File_close {
|
||||
display: none;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
right: 10px;
|
||||
opacity: 0.7;
|
||||
background: url(../img/UI_File_Listing/ico-close.png) 0 0 no-repeat;
|
||||
}
|
||||
|
||||
.UI_File_Listing li a:hover span.File_close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.UI_File_Listing li a span.File_close:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
|
||||
/* Modification indicator */
|
||||
.UI_File_Listing li a span {
|
||||
.UI_File_Listing li a span.File_status {
|
||||
display: block;
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
|
|
@ -49,6 +70,7 @@ authors:
|
|||
-moz-border-radius: 7px;
|
||||
}
|
||||
|
||||
/* Version indicator (Recent files only) */
|
||||
.UI_File_Listing li a em {
|
||||
font-size: .8em;
|
||||
font-style: normal;
|
||||
|
|
@ -65,7 +87,7 @@ authors:
|
|||
}
|
||||
|
||||
/* Modification indicator of a modified file */
|
||||
.UI_File_Listing li.UI_File_Modified a span {
|
||||
.UI_File_Listing li.UI_File_Modified a span.File_status {
|
||||
background: -moz-linear-gradient(270deg, #5AA2F3, #3E81D2);
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +99,7 @@ authors:
|
|||
}
|
||||
|
||||
/* Modification indicator of a modified & selected file */
|
||||
.UI_File_Listing li.UI_File_Selected.UI_File_Modified a span {
|
||||
.UI_File_Listing li.UI_File_Selected.UI_File_Modified a span.File_status {
|
||||
background: #fff;
|
||||
-moz-box-shadow: 0 1px 0 #011E4F;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -101,11 +101,11 @@ authors:
|
|||
|
||||
.UI_Sidebar_ItemCont {
|
||||
font-size: .9em;
|
||||
padding: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.UI_Sidebar_ItemCont .UI_Field_Cont {
|
||||
padding: 0 0 5px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.UI_Sidebar_ItemCont .UI_Field_Cont label {
|
||||
|
|
|
|||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.2 KiB |
Двоичный файл не отображается.
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 298 B |
|
|
@ -10,7 +10,7 @@
|
|||
{% for capversion in capabilities %}
|
||||
{% if capversion %}{% with capversion.capability as cap %}
|
||||
<li class="UI_File_Normal">
|
||||
<a title="" href="#" class='capability_dependency' id="dependency_{{ cap.slug }}">{{ cap.name }} {{ capversion.fullname }}<span></span></a>
|
||||
<a title="" href="#" class="capability_dependency" id="dependency_{{ cap.slug }}">{{ cap.name }} {{ capversion.fullname }} <span class="File_status"></span><span class="File_close"></span></a>
|
||||
<script type="text/javascript">
|
||||
window.addEvent('domready', function() {
|
||||
var cap = new CapDependency({
|
||||
|
|
@ -37,4 +37,4 @@
|
|||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
{% endwith %}
|
||||
|
|
@ -1,8 +1,12 @@
|
|||
<h3>{{ item.name }}</h3>
|
||||
<h4>{{ item.base_version.last_update|date }}</h4>
|
||||
<p>{{ item.base_version.status_name }}</p>
|
||||
<h4>{{ item.base_version.name }}</h4>
|
||||
<p>{{ item.base_version.description }}</p>
|
||||
|
||||
<ul class="UI_Actions">
|
||||
<li><a title="Install {{ item.name }}" href="#">Install</a></li>
|
||||
<li><a title="Edit {{ item.name }}" href="{{ item.get_absolute_url }}">Edit</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<div class="UI_Icon jetpack">
|
||||
|
||||
</div>
|
||||
|
|
@ -40,17 +40,17 @@
|
|||
|
||||
<section id="jetpack-info" class="UI_Sidebar_Item">
|
||||
<h3 id="ji-toggler">
|
||||
<a title="{{ capability.name }}" href="#">{{ capability.name }} <span></span></a>
|
||||
<a title="{{ capability.name }}" href="#">{{ capability.name }}</a>
|
||||
</h3>
|
||||
<ul class="UI_File_Listing">
|
||||
<li class="UI_File_Selected">
|
||||
<a title="Content" href="#" id="{{ version|tab_link_id:"content" }}">Content <span></span></a>
|
||||
<a title="Content" href="#" id="{{ version|tab_link_id:"content" }}">Content <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
<li class="UI_File_Normal">
|
||||
<a title="Description" href="#" id="{{ capability|tab_link_id:"description" }}">Description <span></span></a>
|
||||
<a title="Description" href="#" id="{{ capability|tab_link_id:"description" }}">Description <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
<li class="UI_File_Normal">
|
||||
<a title="Version description" href="#" id="{{ version|tab_link_id:"version_description" }}">Version description <span></span></a>
|
||||
<a title="Version description" href="#" id="{{ version|tab_link_id:"version_description" }}">Version description <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -77,27 +77,27 @@
|
|||
<div class="UI_Field_Cont">
|
||||
<label for="version_name">Version Name</label>
|
||||
<input type="text" id="version_name" name="version_name" value="{{ version.name|default:"0.0" }}" /> {% if version %}.{{ version.counter }}{% endif %}
|
||||
</div>
|
||||
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_SwitchTo">
|
||||
Switch to:
|
||||
{% if capability_page %}<a title="Version {{ version.fullname }}" href="{{ version.get_absolute_url }}">Version {{ version.fullname }}</a>
|
||||
{% else %}<a title="Capability base" href="{{ capability.get_absolute_url }}">Capability base</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<p class="UI_Sidebar_Creator">Origin by: <a title="{{ capability.creator }}" href="{% url person_public_profile capability.creator.username %}">{{ capability.creator }}</a></p>
|
||||
|
||||
{% ifequal capability.creator.username version.author.username %}
|
||||
{% else %}
|
||||
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_Author">{{ version.fullname }} by:
|
||||
<a title="{{ version.author }}" href="{% url person_public_profile version.author.username %}">{{ version.author }}</a>
|
||||
<p class="UI_Sidebar_SwitchTo">
|
||||
Switch to:
|
||||
{% if capability_page %}<a title="Version {{ version.fullname }}" href="{{ version.get_absolute_url }}">Version {{ version.fullname }}</a>
|
||||
{% else %}<a title="Capability base" href="{{ capability.get_absolute_url }}">Capability base</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endifequal %}
|
||||
|
||||
<p class="UI_Sidebar_Creator">Origin by: <a title="{{ capability.creator }}" href="{% url person_public_profile capability.creator.username %}">{{ capability.creator }}</a></p>
|
||||
|
||||
{% ifequal capability.creator.username version.author.username %}
|
||||
{% else %}
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_Author">{{ version.fullname }} by:
|
||||
<a title="{{ version.author }}" href="{% url person_public_profile version.author.username %}">{{ version.author }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endifequal %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -43,20 +43,20 @@
|
|||
|
||||
<section id="jetpack-info" class="UI_Sidebar_Item">
|
||||
<h3 id="ji-toggler">
|
||||
<a title="{{ jetpack.name }}" href="#">{{ jetpack.name }} <span></span></a>
|
||||
<a title="{{ jetpack.name }}" href="#">{{ jetpack.name }}</a>
|
||||
</h3>
|
||||
<ul class="UI_File_Listing">
|
||||
<li class="UI_File_Selected">
|
||||
<a title="Content" href="#" id="{{ version|tab_link_id:"content" }}">Content <span></span></a>
|
||||
<a title="Content" href="#" id="{{ version|tab_link_id:"content" }}">Content <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
<li class="UI_File_Normal">
|
||||
<a title="Manifest" href="#" id="{{ version|tab_link_id:"manifest" }}">Manifest <span></span></a>
|
||||
<a title="Manifest" href="#" id="{{ version|tab_link_id:"manifest" }}">Manifest <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
<li class="UI_File_Normal">
|
||||
<a title="Description" href="#" id="{{ jetpack|tab_link_id:"description" }}">Description <span></span></a>
|
||||
<a title="Description" href="#" id="{{ jetpack|tab_link_id:"description" }}">Description <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
<li class="UI_File_Normal">
|
||||
<a title="Version description" href="#" id="{{ version|tab_link_id:"version_description" }}">Version description <span></span></a>
|
||||
<a title="Version description" href="#" id="{{ version|tab_link_id:"version_description" }}">Version description <span class="File_status"></span><span class="File_close"></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -83,27 +83,27 @@
|
|||
<div class="UI_Field_Cont">
|
||||
<label for="version_name">Version Name</label>
|
||||
<input type="text" id="version_name" name="version_name" value="{{ version.name|default:"0.0" }}" /> {% if version %}.{{ version.counter }}{% endif %}
|
||||
</div>
|
||||
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_SwitchTo">
|
||||
Switch to:
|
||||
{% if jetpack_page %}<a title="Version {{ version.fullname }}" href="{{ version.get_absolute_url }}">Version {{ version.fullname }}</a>
|
||||
{% else %}<a title="Jetpack base" href="{{ jetpack.get_absolute_url }}">Jetpack base</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
<p class="UI_Sidebar_Creator">Origin by: <a title="{{ jetpack.creator }}" href="{% url person_public_profile jetpack.creator.username %}">{{ jetpack.creator }}</a></p>
|
||||
|
||||
{% ifequal jetpack.creator.username version.author.username %}
|
||||
{% else %}
|
||||
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_Author">{{ version.fullname }} by:
|
||||
<a title="{{ version.author }}" href="{% url person_public_profile version.author.username %}">{{ version.author }}</a>
|
||||
<p class="UI_Sidebar_SwitchTo">
|
||||
Switch to:
|
||||
{% if jetpack_page %}<a title="Version {{ version.fullname }}" href="{{ version.get_absolute_url }}">Version {{ version.fullname }}</a>
|
||||
{% else %}<a title="Jetpack base" href="{{ jetpack.get_absolute_url }}">Jetpack base</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endifequal %}
|
||||
|
||||
<p class="UI_Sidebar_Creator">Origin by: <a title="{{ jetpack.creator }}" href="{% url person_public_profile jetpack.creator.username %}">{{ jetpack.creator }}</a></p>
|
||||
|
||||
{% ifequal jetpack.creator.username version.author.username %}
|
||||
{% else %}
|
||||
{% if version %}
|
||||
<p class="UI_Sidebar_Author">{{ version.fullname }} by:
|
||||
<a title="{{ version.author }}" href="{% url person_public_profile version.author.username %}">{{ version.author }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endifequal %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче