v1.0
This commit is contained in:
195
static/css/base.css
Normal file
195
static/css/base.css
Normal file
@@ -0,0 +1,195 @@
|
||||
/* RESET */
|
||||
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
|
||||
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
|
||||
fieldset,iframe { border: none; }
|
||||
caption,th { text-align: left; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
|
||||
|
||||
/* LAYOUT */
|
||||
html { background-color:#fff; }
|
||||
|
||||
.clear { clear: both; }
|
||||
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
|
||||
.selfclear { zoom:1; }
|
||||
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
|
||||
|
||||
img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg,
|
||||
|
||||
img { border: 0; }
|
||||
img.left { float: left; margin: 2px 20px 16px 0; }
|
||||
img.right { float: right; margin: 2px 0 16px 20px; }
|
||||
img.across { margin: 2px 0 16px 0; }
|
||||
img.flushleft { margin-left: -20px; }
|
||||
img.flushright { margin-right: -20px; }
|
||||
|
||||
.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
|
||||
#omniture, #top { position: absolute; top: 0; }
|
||||
#container { width: 980px; margin: 0 auto; position: relative; }
|
||||
#main { width: 100%; position: relative; }
|
||||
#content { padding: 18px 20px; position: relative; color: #333; }
|
||||
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }
|
||||
|
||||
.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
|
||||
.content:nth-child(1n) { border: none; } /* reset border for smart browsers */
|
||||
|
||||
.content,
|
||||
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
|
||||
|
||||
.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
|
||||
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }
|
||||
|
||||
|
||||
.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }
|
||||
|
||||
.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
|
||||
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
|
||||
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
|
||||
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
|
||||
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
|
||||
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
|
||||
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
|
||||
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }
|
||||
|
||||
.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
|
||||
.grabbing,
|
||||
.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }
|
||||
|
||||
/* GRID */
|
||||
.column { float: left; }
|
||||
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
|
||||
|
||||
.grid2col .column { width: 49%; }
|
||||
.grid2col .grid2col .column { width: 47.8%; }
|
||||
.grid3col .grid2col .column { width: 46%; }
|
||||
.grid4col .grid2col .column { width: 45%; }
|
||||
|
||||
.grid2cola .column.first { width: 66%; }
|
||||
.grid2cola .column.last { width: 32%; }
|
||||
|
||||
.grid2colb .column.first { width: 74.9%; }
|
||||
.grid2colb .column.last { width: 23%; }
|
||||
|
||||
.grid2colc .column.first { width: 32%; }
|
||||
.grid2colc .column.last { width: 66%; }
|
||||
|
||||
.grid2cold .column.first { width: 23%; }
|
||||
.grid2cold .column.last { width: 74.9%; }
|
||||
|
||||
.grid2cole .column.first { width: 79%; }
|
||||
.grid2cole .column.last { width: 19%; }
|
||||
|
||||
.grid2colf .column.first { width: 19%; }
|
||||
.grid2colf .column.last { width: 79%; }
|
||||
|
||||
.grid3col .column { width: 32%; margin-left: 2%; }
|
||||
.grid2col .grid3col .column { width: 31%; }
|
||||
|
||||
.grid3cola .column { width: 58%; margin-left: 2%; }
|
||||
.grid3cola .column.first,
|
||||
.grid3cola .column.last { width: 19%; }
|
||||
|
||||
.grid4col .column { width: 23%; margin-left: 3%; }
|
||||
|
||||
.grid5col .column { width: 18.4%; margin-left: 2%; }
|
||||
|
||||
.grid6col .column { width: 15%; margin-left: 2%; }
|
||||
|
||||
.column.first, .column.last { margin-left: 0 !important; }
|
||||
.column.last { float: right !important; }
|
||||
|
||||
p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
|
||||
|
||||
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }
|
||||
|
||||
/* TYPE */
|
||||
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }
|
||||
|
||||
a { color: #08c; }
|
||||
a:link, a:visited, a:active { text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
a.block { display: block; cursor: pointer; }
|
||||
a.block span,
|
||||
a.block em { color:#08c; cursor: pointer; }
|
||||
a.block:hover { text-decoration: none; }
|
||||
a.block:hover span,
|
||||
a.block:hover em { color: #08c; text-decoration: underline; }
|
||||
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
|
||||
.nowrap { white-space:nowrap; }
|
||||
strong, b { font-weight: bold; }
|
||||
em, i, cite { font-style: italic; }
|
||||
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; line-height:1.5; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
|
||||
sup, sup a { color:#666; }
|
||||
sup a:hover { color:#08c; text-decoration:none; }
|
||||
sub { line-height:1; }
|
||||
abbr { border: 0; }
|
||||
.sosumi { font-size: 10px !important; line-height:1.5; color:#888; }
|
||||
.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; }
|
||||
|
||||
h1,h2,h3,h4,h5,h6,strong { color:#000; }
|
||||
h1,h2,h3,h4 { font-weight: bold; }
|
||||
h2,h3,h4 { line-height: 18px; }
|
||||
h1,h2 { margin-bottom: 18px; }
|
||||
h1 { font-size: 24px; line-height: 36px; }
|
||||
h2 { font-size: 16px; }
|
||||
h3 { font-size: 1em; }
|
||||
h4 { font-size: 10px; }
|
||||
p { margin-bottom: 18px; }
|
||||
p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; }
|
||||
.more { text-align: right; }
|
||||
|
||||
ul { list-style: none outside; }
|
||||
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
|
||||
ul.square,
|
||||
ul.circle,
|
||||
ul.disc { margin-left: 2em; margin-bottom: 18px; }
|
||||
ul.square { list-style: square outside; }
|
||||
ul.circle { list-style: circle outside; }
|
||||
ul.disc { list-style:disc outside; }
|
||||
ul ul.square,
|
||||
ul ul.circle,
|
||||
ul ul.disc { margin-top: 4px; margin-bottom: 5px; }
|
||||
ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }
|
||||
|
||||
.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; }
|
||||
.dot-nav li,
|
||||
.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
|
||||
.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; }
|
||||
.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(/global/elements/buttons/dots_08c.png) no-repeat 0 0; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
|
||||
.dot-nav li a:hover { top:-15px; }
|
||||
.dot-nav li a.active { cursor:default; top:-30px; }
|
||||
|
||||
.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:0; margin:0 2px; }
|
||||
.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3;
|
||||
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
||||
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
||||
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
|
||||
}
|
||||
.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;}
|
||||
.dot-nav:nth-child(1n) li a.active { top:0; background:#08c;
|
||||
background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201)));
|
||||
background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
||||
background: -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
||||
background: linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
|
||||
-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
||||
-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
||||
box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.last { margin-bottom: 0; }
|
||||
#main .sidebar { font-size: 10px; line-height: 18px; color:#333; }
|
||||
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
|
||||
|
||||
body.specs #main { font-size: 11px; line-height: 16px; }
|
||||
|
||||
/* PRINT */
|
||||
@media print {
|
||||
body, #main, #content { color: #000 !important; }
|
||||
a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
|
||||
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
|
||||
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
|
||||
}
|
||||
|
||||
/* iPhone */
|
||||
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
|
||||
10
static/css/blackout.css
Normal file
10
static/css/blackout.css
Normal file
@@ -0,0 +1,10 @@
|
||||
#main { width:984px; margin:0 auto; zoom:1; }
|
||||
#main .maincap { position:absolute; width:984px; left:0; z-index:5; font-size:1px; }
|
||||
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
|
||||
|
||||
h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
|
||||
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
|
||||
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
|
||||
h4 { font-size:1em; line-height:1.5; }
|
||||
|
||||
body.specs #content h4 { font-size:12px; line-height:1.5; }
|
||||
33
static/css/ca.css
Normal file
33
static/css/ca.css
Normal file
@@ -0,0 +1,33 @@
|
||||
/****
|
||||
Stylesheet for the Certificate Authority Pages (ca)
|
||||
****/
|
||||
|
||||
html { background:#f2f2f2; }
|
||||
|
||||
html body #ac-localeswitcher { display: none; }
|
||||
html.ac-ls-visible { margin-top: 0; }
|
||||
|
||||
#ca #main.content { padding:46px 50px; width:880px; }
|
||||
#ca #main.content h1 { line-height:36px; padding-bottom:10px; }
|
||||
#ca #main.content h2 { font-size:18px; margin-bottom:0; font-weight:bold; }
|
||||
#ca #main.content h3 { font-size:14px; }
|
||||
|
||||
/*** Individual Pages ***/
|
||||
|
||||
/* Overview (Index) */
|
||||
#ca.overview #main.content .certificate { padding-top:16px; }
|
||||
#ca.overview #main.content .certificate img.left { margin-bottom:5px; }
|
||||
#ca.overview #main.content .certificate h3, #ca #main.content .certificate p, #ca #main.content .certificate ul { padding-left:85px; }
|
||||
#ca.overview #main.content .certificate ul { padding-bottom:15px; }
|
||||
#ca.overview #main.content .certificate h3.push-down { padding-top:12px; }
|
||||
#ca.overview #main.content .certificate span { padding-left: 100px; }
|
||||
#ca.overview #main.content .certificate p, #ca #main.content .certificate span { margin-bottom:0; font-size:11px; }
|
||||
#ca.overview #main.content .certificate li { display:inline; font-size:11px; margin-right:15px; }
|
||||
#ca.overview #main.content h2.push-down { padding-top:25px; }
|
||||
|
||||
#ca.overview #main.content .column.last { width:260px; }
|
||||
#ca.overview #main.content .column.last .callout { border:1px solid #e4e4e4; border-top:1px solid #f9f9f9; overflow:hidden; -moz-box-shadow:0 1px 2px #e7e7e7; -webkit-box-shadow:0 1px 2px #e7e7e7; background: url(/certificateauthority/images/callout_gradient20101130.jpg) center bottom repeat-x; }
|
||||
#ca.overview #main.content .column.last .callout.top { text-align:center; }
|
||||
#ca.overview #main.content .column.last .callout h3 { border-bottom:1px solid #e4e4e4; padding:10px 0 10px 20px; margin-bottom:0; text-align:left; }
|
||||
#ca.overview #main.content .column.last .callout p { padding:20px; margin-bottom:0; }
|
||||
#ca.overview #main.content .column.last .callout img.webtrust { margin:30px 0 30px 0; }
|
||||
Reference in New Issue
Block a user