gecko-dev/mobile/android/themes/core/aboutDownloads.css
Sriram Ramasubramanian ec4e473460 Bug 840346: Flat UI in about: pages. [r=mfinkle]
--HG--
extra : rebase_source : 147cbcc250e0a34055b6fd9520a0c8b377543b2d
2013-02-13 08:50:57 -08:00

143 lines
2.3 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/. */
%filter substitution
%include defines.inc
html {
font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
font-size: 18px;
background-color: #ced7de;
-moz-text-size-adjust: none;
}
body {
margin: 0;
}
li > a {
color: inherit;
text-decoration: none;
}
.header {
color: black;
padding: 10px;
-moz-padding-start: 25px;
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid;
-moz-border-bottom-colors: #ff9100 #f27900;
}
.header > div {
width: 100%;
height: 45px;
display: -moz-box;
-moz-box-align: center;
}
ul {
padding: 0px;
margin: 0px;
width: 100%;
}
li {
color: black;
background-color: #e6e9eb;
border-bottom: 2px solid;
-moz-border-bottom-colors: #ffffff #bac2ac;
position: relative;
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px;
height: 86px;
font-size: 18px !important;
}
#private-downloads-list li {
background-image: none;
background-color: #080a0b;
color: #ddd;
}
div.details {
background-color: #eef2f5;
}
#private-downloads-list div.details {
background-image: none;
background-color: #393e43;
}
li:active {
background-color: @color_background_highlight_overlay@;
background-image: none;
color: #000;
}
li:active div.details,
#private-downloads-list li:active div.details {
background-image: none;
background-color: transparent;
}
.icon {
width: 32px;
height: 32px;
position: absolute;
top: 27px;
left: 27px;
pointer-events: none;
}
.details {
margin-left: 86px;
padding: 10px;
min-height: 66px;
}
.row {
display: -moz-box;
width: 100%;
}
.title {
font-size: 22px;
font-weight: bold;
overflow: hidden;
-moz-box-flex: 1;
}
.date {
color: gray;
}
.domain,
.size {
display: inline;
}
.displayState {
color:gray;
margin-bottom: -3px; /* Prevent overflow that hides bottom border */
}
.size:after {
content: " - ";
white-space: pre;
}
#no-downloads-indicator {
display: none;
}
#private-downloads-list:empty + #normal-downloads-list:empty + #no-downloads-indicator {
display: block;
text-align: center;
padding-top: 70px;
}