1b09a79ca9
rustico: some ugly excess platform text when viewing an add-on that's not available for your platform r=shaver git-svn-id: svn://10.0.0.236/trunk@214621 18797224-902f-48f8-a5cc-f745e15eee43
741 lines
13 KiB
CSS
741 lines
13 KiB
CSS
/* General Structure */
|
|
/* copied from Mozilla.com */
|
|
|
|
body, td, th, input { /* redundant rules for bad browsers */
|
|
font-family: verdana, sans-serif;
|
|
font-size: x-small;
|
|
voice-family: "\"}\"";
|
|
voice-family: inherit;
|
|
font-size: small;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
color: #333;
|
|
min-width: 610px;
|
|
margin: 0 0 1em 0;
|
|
padding: 0; /* need for Opera */
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: arial, verdana, sans-serif;
|
|
margin: 1em 0 0.2em 0;
|
|
}
|
|
|
|
li h1, li h2, li h3, li h4, li h5, li h6 {
|
|
border: none;
|
|
}
|
|
|
|
#header h1 { border: 0; }
|
|
|
|
h1 { font-size: 160%; font-weight: normal; }
|
|
h2 { font-size: 150%; font-weight: normal; }
|
|
h3 { font-size: 120%; }
|
|
h4 { font-size: 100%; }
|
|
h5 { font-size: 90%; }
|
|
h6 { font-size: 90%; border: 0; }
|
|
|
|
/* Navigation */
|
|
|
|
:link { color: #039; }
|
|
:visited { color: #636; }
|
|
:link:hover, :visited:hover { color: #333; }
|
|
:link:active, :link:active { color: #000; }
|
|
|
|
/* header copied from Mozilla.com */
|
|
|
|
#header {
|
|
background: #33415d url("../../images/rustico/header/header-background.png") top repeat-x;
|
|
position: relative;
|
|
height: 38px;
|
|
padding: 0 50px;
|
|
border-bottom: 1px solid #a1a6b1;
|
|
z-index: 1;
|
|
}
|
|
|
|
#header div {
|
|
position: relative;
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#header h1 { margin: 0; }
|
|
|
|
#header h1 img {
|
|
font-weight: bold;
|
|
color: #7f7c45;
|
|
}
|
|
|
|
#header ul {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-left: 1px solid #576178;
|
|
border-right: 1px solid #1f2635;
|
|
} * html #header ul { right: 50px; }
|
|
|
|
#header li {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#header ul span, #header ul a:link, #header ul a:visited {
|
|
display: block;
|
|
float: left;
|
|
padding: 10px 15px;
|
|
text-decoration: none;
|
|
border-right: 1px solid #576178;
|
|
border-left: 1px solid #1f2635;
|
|
color: #dee0e5;
|
|
height: 36px;
|
|
voice-family: "\"}\"";
|
|
voice-family: inherit;
|
|
height: 16px;
|
|
} #ignored {}
|
|
|
|
#header ul li span,
|
|
#header ul li a.current,
|
|
#header ul li a:hover {
|
|
background: #475470;
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#header ul li span,
|
|
#header ul li a.current {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* page title */
|
|
|
|
#page-title {
|
|
background: url("../../images/rustico/common/bg-header-small.jpg") repeat-x 50% 0;
|
|
}
|
|
|
|
#page-title div, #container {
|
|
max-width: 750px;
|
|
margin: 0 auto;
|
|
padding: 0 50px;
|
|
}
|
|
|
|
#page-title div {
|
|
background: url("../../images/rustico/common/firefox-addons-hdr.jpg") no-repeat 50% 0;
|
|
height: 170px;
|
|
} body>#page-title div { height: auto; min-height: 170px; }
|
|
|
|
#page-title div h2 {
|
|
margin: 0;
|
|
padding: 40px 0;
|
|
border: 0;
|
|
}
|
|
|
|
#page-title div h2 img {
|
|
border: 0;
|
|
}
|
|
|
|
/* mainContent */
|
|
|
|
#mainContent {
|
|
color: #3c475b;
|
|
line-height: 150%;
|
|
margin-left: 180px;
|
|
}
|
|
|
|
#mainContent hr {
|
|
margin: 2em;
|
|
}
|
|
|
|
#mainContent h3 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* front page features */
|
|
|
|
.frontpage-intro {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#top-extensions,
|
|
.front-recommended {
|
|
float: left;
|
|
width: 45%;
|
|
margin-right: 4%;
|
|
}
|
|
|
|
#home-rec-link img {
|
|
border: none;
|
|
float: right;
|
|
text-decoration: none;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.front-recommended img {
|
|
float: right;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.newest-extensions h3,
|
|
.top-extensions h3,
|
|
.front-recommended h3 {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.front-search-container {
|
|
float: left;
|
|
width: 45%;
|
|
}
|
|
|
|
.front-search-container img {
|
|
float: left;
|
|
}
|
|
|
|
.front-search-container h3 {
|
|
margin-left: 40px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
/* addon features */
|
|
|
|
.divider-bottom,
|
|
.bookmarkaddon-feature {
|
|
background: url(../../images/rustico/firefox-featured-divider.png) no-repeat bottom center;
|
|
|
|
margin-bottom: 1.5em;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#primary-feature {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.addon-feature h2 {
|
|
font-weight: bold;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
.eula {
|
|
font-size: 75%;
|
|
}
|
|
|
|
.addon-feature h2 span {
|
|
font-weight: normal;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.addon-feature h3,
|
|
.bookmarkaddon-feature h3 {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.addon-feature h4,
|
|
.bookmarkaddon-feature h4 {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.addon-feature h4 span,
|
|
.bookmarkaddon-feature h4 span {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.addon-feature h1 span {
|
|
font-size: small;
|
|
}
|
|
|
|
.addon-feature h1 span.author {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.addon-feature .search-result-image {
|
|
float: right;
|
|
margin: 10px 0 5px 10px;
|
|
}
|
|
|
|
.addon-feature .addon-feature-image,
|
|
.bookmarkaddon-feature .addon-feature-image {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
|
|
.preview-image a {
|
|
text-decoration: none;
|
|
text-align: center;
|
|
display: block;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.addon-display .preview-image {
|
|
float: right;
|
|
}
|
|
|
|
.addon-display .version-and-date {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.addon-feature .addon-feature-text { margin-left: 220px; }
|
|
.bookmarkaddon-feature .addon-feature-text { margin-left: 190px; }
|
|
|
|
.addon-feature a, .bookmarkaddon-feature a { color: #f7941d; }
|
|
.addon-feature a:visited, .bookmarkaddon-feature a:visited { color: #f7941d; }
|
|
.addon-feature a:hover, .bookmarkaddon-feature a:hover { color: #333; }
|
|
|
|
.recommended a, .recommended a:visited { color: #f7941d; }
|
|
.recommended a:hover { color: #333; }
|
|
|
|
.bookmarkstitle {
|
|
background: url(../../images/rustico/bookmarks/firefox-bm-puzzle-ico.png) no-repeat top left;
|
|
height: 27px;
|
|
padding: 5px 0 0 35px;
|
|
}
|
|
|
|
/* install button */
|
|
.install-button,
|
|
p.install-button {
|
|
width: 230px;
|
|
margin: 0;
|
|
}
|
|
|
|
span.install-button-text {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.install-button a:link span.install-green-button,
|
|
.install-button a:visited span.install-green-button,
|
|
.install-button a:hover span.install-green-button,
|
|
.install-button a:active span.install-green-button {
|
|
background: url(../../images/rustico/install-button.png) no-repeat bottom left;
|
|
display: block;
|
|
min-height: 20px;
|
|
padding: 10px;
|
|
}
|
|
* html .install-button a:link span.install-green-button,
|
|
* html .install-button a:visited span.install-green-button,
|
|
* html .install-button a:hover span.install-green-button,
|
|
* html .install-button a:active span.install-green-button { height: 20px; }
|
|
|
|
.install-button a:link,
|
|
.install-button a:visited,
|
|
.install-button a:hover,
|
|
.install-button a:active {
|
|
background: #a8ed2d url(../../images/rustico/install-button.png) no-repeat top left;
|
|
display: block;
|
|
color: #005825;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.install-button a:hover span.install-green-button,
|
|
.install-button a:active span.install-green-button {
|
|
background: url(../../images/rustico/install-button.png) no-repeat bottom right;
|
|
}
|
|
|
|
.install-button a:hover,
|
|
.install-button a:active {
|
|
background: #89dc29 url(../../images/rustico/install-button.png) no-repeat top right;
|
|
color: #000;
|
|
cursor: hand;
|
|
}
|
|
|
|
/* corner box */
|
|
|
|
.corner-box {
|
|
background: url(../../images/rustico/left-top-corner-box.jpg) top left no-repeat;
|
|
margin: 0 0 10px 0;
|
|
padding: 12px 0 12px 15px;
|
|
}
|
|
|
|
.corner-box h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* front page search */
|
|
|
|
#front-search {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
#front-search label {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
#front-search div {
|
|
float: left;
|
|
width: 70%
|
|
}
|
|
|
|
#front-search div .keywords {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
/* search box */
|
|
|
|
.search-container img {
|
|
float: left;
|
|
}
|
|
|
|
.search-container h3 {
|
|
margin-left: 40px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#extensions-search {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
#extensions-search .keywords {
|
|
width: 40%;
|
|
}
|
|
|
|
#hide-search-options,
|
|
#search-options {
|
|
display: none;
|
|
}
|
|
|
|
#search-results .desc p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#search-results h2 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#search-results h2 span {
|
|
font-weight: normal;
|
|
font-size: 80%;
|
|
}
|
|
|
|
#pages #next-page {
|
|
float: right;
|
|
}
|
|
|
|
/* various lists */
|
|
|
|
.compact-list {
|
|
font-size: 80%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.category-list {
|
|
padding-left: 3em;
|
|
font-weight: bold;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.category-list td,
|
|
.compact-list td {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.category-list td {
|
|
padding: 0 1.5em 0 1.5em;
|
|
}
|
|
|
|
.category-list a:link,
|
|
.category-list a:visited,
|
|
.compact-list a:link,
|
|
.compact-list a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.compact-list span {
|
|
font-size: smaller;
|
|
}
|
|
|
|
/* menu box */
|
|
|
|
#menu-box {
|
|
float: left;
|
|
background: url(../../images/rustico/menu-box/menu-box-top.png) top left no-repeat;
|
|
font-size: 80%;
|
|
font-weight: bold;
|
|
width: 160px;
|
|
}
|
|
|
|
#menu-box ul {
|
|
background: url(../../images/rustico/menu-box/menu-box-bottom.png) bottom left no-repeat;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
#menu-box ul li a:link,
|
|
#menu-box ul li a:visited,
|
|
#menu-box ul li span {
|
|
background: url(../../images/rustico/menu-box/menu-box-background.png) 0 0 no-repeat;
|
|
display: block;
|
|
width: 136px;
|
|
margin: 0;
|
|
padding: 8px 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#menu-box ul li span {
|
|
background: url(../../images/rustico/menu-box/menu-box-background.png) -400px 0 no-repeat;
|
|
}
|
|
|
|
#menu-box ul li a:hover,
|
|
#menu-box ul li a:active {
|
|
background: url(../../images/rustico/menu-box/menu-box-background.png) -200px 0 no-repeat;
|
|
}
|
|
|
|
/* footer */
|
|
|
|
#doc-links a,
|
|
#switch-links a,
|
|
#tool-links a {
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#footer {
|
|
clear: both;
|
|
color: #888;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 1em 0;
|
|
}
|
|
|
|
#footer ul {
|
|
margin: 1.5em 0;
|
|
}
|
|
|
|
#footer ul li {
|
|
display: inline;
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
#footer-addons-menu {
|
|
font-size: 110%;
|
|
padding: 0;
|
|
}
|
|
|
|
#footer-addons-menu li {
|
|
white-space: nowrap;
|
|
padding: 10px 0 5px 25px;
|
|
}
|
|
|
|
#footer-addons-menu li.firefox { background: url(../../images/rustico/footer/footer-icon-firefox.png) no-repeat center left; }
|
|
#footer-addons-menu li.thunderbird { background: url(../../images/rustico/footer/footer-icon-thunderbird.png) no-repeat center left; }
|
|
#footer-addons-menu li.mozilla { background: url(../../images/rustico/footer/footer-icon-mozilla.png) no-repeat center left; }
|
|
|
|
/* disclaimer */
|
|
|
|
#disclaimer {
|
|
clear: both;
|
|
background: url(../../images/rustico/footer/disclaimer.png) top repeat-x;
|
|
}
|
|
|
|
#disclaimer form {
|
|
float: right;
|
|
margin: 1em 50px 2em 25px;
|
|
}
|
|
|
|
#disclaimer form select {
|
|
font-size: 80%;
|
|
}
|
|
|
|
#disclaimer p {
|
|
max-width: 750px;
|
|
font-size: 80%;
|
|
margin: 0 auto;
|
|
padding: 10px 50px 20px 50px;
|
|
}
|
|
|
|
#disclaimer a { color: #f7941d; }
|
|
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.clearfix {display: inline-block;}
|
|
|
|
/* Hides from IE-mac \*/
|
|
* html .clearfix {height: 1%;}
|
|
.clearfix {display: block;}
|
|
/* End hide from IE-mac */
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border: none;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
table.dalvay-table {
|
|
border-collapse: separate;
|
|
}
|
|
|
|
table.dalvay-table thead th {
|
|
background: none;
|
|
}
|
|
|
|
table.dalvay-table thead td,
|
|
table.dalvay-table thead th {
|
|
background: #f9fafa url(/img/dalvay/table/header.png) top repeat-x;
|
|
border: 0;
|
|
}
|
|
|
|
table.dalvay-table thead .top-left {
|
|
background: url(/img/dalvay/table/top-left.png) top left no-repeat;
|
|
}
|
|
|
|
table.dalvay-table thead .top-right {
|
|
background: url(/img/dalvay/table/top-right.png) top right no-repeat;
|
|
}
|
|
|
|
td.left { border-left: 1px solid #d7d7d7; }
|
|
td.right { border-right: 1px solid #d7d7d7; }
|
|
|
|
table.dalvay-table tfoot td {
|
|
background: #f9fafa url(/img/dalvay/table/footer.png) bottom repeat-x;
|
|
border: 0;
|
|
}
|
|
|
|
table.dalvay-table tfoot .bottom-left {
|
|
background: url(/img/dalvay/table/bottom-left.png) bottom left no-repeat;
|
|
}
|
|
|
|
table.dalvay-table tfoot .bottom-right {
|
|
background: url(/img/dalvay/table/bottom-right.png) bottom right no-repeat;
|
|
}
|
|
|
|
table.dalvay-table tfoot td { height: 12px; }
|
|
|
|
|
|
table.dalvay-table tr.odd td { background: #fff; }
|
|
table.dalvay-table tr.even td { background: #eee; }
|
|
table.dalvay-table tr:target td { background: yellow; }
|
|
table.dalvay-table td.curVersion { font-weight: bold; }
|
|
table.dalvay-table td.nya { text-align: center; }
|
|
|
|
table.dalvay-table td,
|
|
table.dalvay-table th {
|
|
margin: 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
table.dalvay-table td.dl,
|
|
table.dalvay-table th.dl {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table.dalvay-table th {
|
|
text-align: left;
|
|
}
|
|
|
|
/* search-engines */
|
|
|
|
.front-section {
|
|
width: 220px;
|
|
padding: 5px 0 5px 25px;
|
|
float: left;
|
|
color: #666;
|
|
}
|
|
|
|
#switch-links {
|
|
align: right;
|
|
padding-left: 5em;
|
|
}
|
|
|
|
#switch-links .switch-tb,
|
|
#switch-links .switch-suite {
|
|
padding: 1px 0 1px 30px;
|
|
font-size: 100%;
|
|
background: #fff 9px 0 no-repeat;
|
|
}
|
|
|
|
#switch-links .switch-tb {
|
|
background-image: url("../../images/switch-tb.gif");
|
|
}
|
|
|
|
#switch-links .switch-suite {
|
|
background-image: url("../../images/switch-suite.gif");
|
|
}
|
|
|
|
|
|
/* ported from cavendish */
|
|
|
|
.item {
|
|
border: #D2D6D6 1px solid;
|
|
padding-left: 5px;
|
|
padding-right: 6px;
|
|
MARGIN-bottom: 10px;
|
|
-moz-border-radius: 10px;
|
|
}
|
|
|
|
.item a {
|
|
color: #00129c;
|
|
text-decoration: none;
|
|
}
|
|
.item a:visited {
|
|
color: #00129c;
|
|
text-decoration: none;
|
|
}
|
|
.item a:hover {
|
|
color: #fc5900;
|
|
}
|
|
|
|
.item h2 {
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
.iconbar {
|
|
padding-right: 15px;
|
|
float: left;
|
|
width: auto;
|
|
height: 34px;
|
|
}
|
|
|
|
.iconbar img {
|
|
float:left;
|
|
}
|
|
|
|
.iconbar a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* user comments */
|
|
|
|
div.averagerating {
|
|
float:right;
|
|
font-size:85%;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.usercomment {
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
p.commenttext {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
p.commentmeta {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.pages {
|
|
color: #999;
|
|
font-weight: bold;
|
|
height: 2em;
|
|
}
|
|
|
|
.next {
|
|
border-left: 1px solid #000;
|
|
display: inline;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.prev {
|
|
display: inline;
|
|
}
|
|
|
|
#comments-sort {
|
|
float: right;
|
|
}
|