299 lines
4.6 KiB
CSS
299 lines
4.6 KiB
CSS
body {
|
|
font-family:Arial, Helvetica, Verdana, sans-serif;
|
|
font-size:12px;
|
|
color:#000;
|
|
|
|
margin:0px 0px 15px 0px;
|
|
padding:0px 0px 15px 0px;
|
|
}
|
|
|
|
#header {
|
|
width:746px;
|
|
position:relative;
|
|
left:50%;
|
|
margin:0px 0px 25px -373px;
|
|
}
|
|
|
|
#main {
|
|
width:708px;
|
|
position:relative;
|
|
|
|
left:50%;
|
|
margin-left:-354px;
|
|
}
|
|
|
|
a:active,a:hover,a:link,a:visited {
|
|
color:#5069a1;
|
|
}
|
|
|
|
a.secondary:active,a.secondary:hover,a.secondary:link,a.secondary:visited {
|
|
color:#93a3c6;
|
|
}
|
|
|
|
div#addon {
|
|
width:439px;
|
|
float:left;
|
|
margin-right:12px;
|
|
padding-right:15px;
|
|
|
|
line-height:1.5;
|
|
|
|
background:url('/images/sidebarBackground.gif') repeat-y 453px;
|
|
}
|
|
|
|
img#addonIcon {
|
|
height:50px;
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
|
|
h2#addonName {
|
|
width:379px;
|
|
|
|
font-size:24px;
|
|
font-weight:bold;
|
|
line-height:1;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
h2#addonName span#version {
|
|
font-weight:normal;
|
|
color:#888;
|
|
font-size:12px;
|
|
line-height:1;
|
|
}
|
|
|
|
span#developer {
|
|
font-size:10px;
|
|
font-weight:bold;
|
|
line-height:1;
|
|
color:#666;
|
|
}
|
|
|
|
span#tagline {
|
|
color:#555;
|
|
font-style:italic;
|
|
}
|
|
|
|
div#actionBar {
|
|
width:439px;
|
|
overflow:auto;
|
|
|
|
margin-top:10px;
|
|
margin-bottom:15px;
|
|
|
|
background:url('/images/actionBarBackground.gif') repeat-x top left;
|
|
border-top:1px solid #ccc;
|
|
border-bottom:1px solid #ccc;
|
|
}
|
|
div#actionBar div {
|
|
float:left;
|
|
|
|
padding:13px 25px 13px 20px;
|
|
|
|
font-weight:bold;
|
|
line-height:1;
|
|
}
|
|
div#actionBar div img {
|
|
float:left;
|
|
vertical-align:middle;
|
|
margin-right:5px;
|
|
}
|
|
|
|
div#actionBar div span {
|
|
font-size:10px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
div#images {
|
|
width:252px;
|
|
height:175px;
|
|
|
|
margin:0px 0px 8px 8px;
|
|
padding:0px;
|
|
|
|
float:right;
|
|
|
|
text-align:center;
|
|
|
|
font-size:10px;
|
|
color:#bbb;
|
|
}
|
|
div#images div#image {
|
|
width:252px;
|
|
height:163px;
|
|
|
|
border:1px solid #bbb;
|
|
}
|
|
|
|
div#images span.index {
|
|
display:block;
|
|
float:left;
|
|
margin-left:90px;
|
|
}
|
|
|
|
div#images span.prev {
|
|
float:left;
|
|
}
|
|
|
|
div#images span.next {
|
|
float:right;
|
|
}
|
|
|
|
div#images a.prev {
|
|
float:left;
|
|
}
|
|
|
|
div#images a.next {
|
|
float:right;
|
|
}
|
|
|
|
div.versionNotes h3 {
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
div.versionNotes h3 span {
|
|
font-weight:normal;
|
|
color:#acacac;
|
|
}
|
|
|
|
div#sidebar {
|
|
float:right;
|
|
font-size:11px;
|
|
}
|
|
div#sidebar h3 {
|
|
clear:left;
|
|
|
|
width:240px;
|
|
|
|
margin:20px 0px 4px 0px;
|
|
padding:0px 0px 5px 0px;
|
|
|
|
font-weight:bold;
|
|
font-size:11px;
|
|
color:#444;
|
|
|
|
border-bottom:1px solid #ccc;
|
|
}
|
|
|
|
div#sidebar h3#languages {
|
|
margin-top:0px;
|
|
}
|
|
|
|
div.review {
|
|
clear:right;
|
|
overflow:auto;
|
|
width:240px;
|
|
margin-bottom:15px;
|
|
|
|
font-size:11px;
|
|
color:#666;
|
|
}
|
|
div.review div.score {
|
|
float:left;
|
|
clear:left;
|
|
|
|
padding:3px 5px 1px 5px;
|
|
margin-right:8px;
|
|
|
|
font-size:20px;
|
|
color:#555;
|
|
|
|
background-color:#ddd;
|
|
}
|
|
div.review div.score span {
|
|
color:#aaa;
|
|
}
|
|
|
|
div.review span.review {
|
|
display:block;
|
|
|
|
width:150px;
|
|
float:left;
|
|
clear:right;
|
|
}
|
|
|
|
div.review a {
|
|
font-size:13px;
|
|
color:#666;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.review a.profileLink {
|
|
font-size:11px;
|
|
color:#666;
|
|
font-weight:normal;
|
|
}
|
|
|
|
a.reviewLink {
|
|
margin-left:45px;
|
|
}
|
|
|
|
div#sidebar ul {
|
|
margin:0px;
|
|
padding:0px 0px 0px 18px;
|
|
}
|
|
div#sidebar ul li {
|
|
margin-bottom:6px;
|
|
}
|
|
|
|
/* FROM EXISTING AMO... */
|
|
#footer {
|
|
background: url("../../images/footer.gif") 0 8px no-repeat;
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
}
|
|
#footer span,#footer a {
|
|
white-space: nowrap;
|
|
padding: 0 1em;
|
|
color: #666;
|
|
font-size: 85%;
|
|
}
|
|
|
|
#footer p a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
#footer .switch-fx,
|
|
#footer .switch-tb,
|
|
#footer .switch-suite {
|
|
padding-left: 30px;
|
|
font-size: 100%;
|
|
background: #fff 9px 0 no-repeat;
|
|
}
|
|
|
|
#footer .switch-tb {
|
|
background-image: url("../../images/switch-tb.gif");
|
|
}
|
|
|
|
#footer .switch-suite {
|
|
background-image: url("../../images/switch-suite.gif");
|
|
}
|
|
|
|
#footer .switch-fx {
|
|
background-image: url("../../images/switch-fx.gif");
|
|
}
|
|
#mozilla-com a {
|
|
float: right;
|
|
display: block;
|
|
text-indent: -5000em;
|
|
width: 110px;
|
|
height: 25px;
|
|
text-decoration: none;
|
|
background: url("https://addons.mozilla.org/images/mozilla-org.gif") no-repeat;
|
|
}
|
|
body {
|
|
background: #fff url("https://addons.mozilla.org/images/body_back.gif") repeat-x;
|
|
margin: 0 0 2em 0;
|
|
}
|
|
.disclaimer {
|
|
text-align: center;
|
|
color: #ccc;
|
|
font-size: x-small;
|
|
width: 600px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|