cacert-testmgr/external/ZendFramework-1.9.5/externals/dojo/demos/resources/demos.css

246 lines
3.9 KiB
CSS
Raw Normal View History

body, html {
margin:0; padding:0; width:100%; background:#fff;
font-family:Verdana,sans-serif;
font-size:9pt;
color:#455058;
}
#header, #footer {
font-size:88%;
border-bottom:1px solid #666;
background:#455058; color:#fff;
}
#footer div { line-height:3.2em; }
#footer { padding-bottom:250px; }
#nav { height:3.2em; }
#footer a,
#nav a {
color:#fff; text-decoration:none; line-height:3.2em;
}
#footer a:link,
#nav a:link { color:#fff; }
#footer a:visited,
#nav a:visited { color:#fff; }
#footer a:hover,
#nav a:hover { color:#ccc; }
#footer a:active,
#nav a:active { color:#fff; }
.content {
margin:0 auto;
width:740px;
}
#nav a:focus {
border-bottom:1px solid #fff;
outline:0;
}
#subheader {
background:#DFE8EE;
}
#subheader p {
padding-bottom:17px; margin:0;
padding-left:2px;
}
#intro {
margin:0; padding-top:37px;
padding-bottom:17px;
font-size:37pt;
}
#menu {
float:right;
margin:0; padding:0; list-style:none;
}
#menu li {
float:left; margin-left:15px; line-height:3.2em;
}
#container {
border-top:1px solid #ccc;
min-height:400px;
}
#container .content {
padding:0;
position:relative;
}
.content p {
padding-left:2px;
color:#455058;
margin-top:11px;
margin-bottom:11px;
}
.marginbox {
border-top-color:red;
border-bottom-color:blue;
border-right-color:green;
border-bottom-color:yellow;
}
pre {
color:#333;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#DFE8EE;
padding:12px;
}
#topics {
clear:both;
}
#nav p { display:none; }
.no-js #hidojo-suprise { display:none; }
#hidojo {
display:inline-block;
padding:4px;
padding-left:0;
position:relative;
}
#fadereplace {
border:1px solid #ccc;
background:#DFE8EE;
width:275px;
}
#fadereplace p { cursor:pointer; padding:8px; color:#333; }
#colorlist {
list-style:none;
height:75px;
margin:0; padding:0;
}
#colorlist li {
float:left;
width:75px;
height:75px;
margin:0; padding:0;
margin-right:5px;
}
.red { background:red; }
.green { background:green; }
.blue { background:blue; }
.white { background:yellow; }
a.source {
color:#dedede; text-decoration:none; font-weight:bold;
font-size:1.75em; -moz-border-radius:3pt; margin-top:-4px;
-webkit-border-radius:4pt;
}
a.source:hover { color:#455058; }
#view-source {
position:absolute;
top:0;
left:-999px;
width:780px;
border:1px solid #ccc;
background:#DFE8EE;
padding:17px;
z-index:999;
padding-top:7px;
padding-bottom:7px;
}
#source-code {
margin-top:3px;
margin-bottom:3px;
width:100%;
height:20em;
}
#filler { display:none;
width:700px;
}
#basic-post {
width:20em;
padding:12px;
background:#dfe8ee;
border:1px solid #ccc;
}
#basic-post label {
line-height:3.2em;
display:inline-block;
width:6em;
}
#basic-post-submit {
margin-left:7em;
cursor:pointer;
padding:5px 12px 5px 12px;
border:1px solid #ccc;
background:#455058; color:#fff;
}
#basic-post-submit:hover {
background:#000; color:#dedede;
}
#core-list {
width:520px;
}
/* basic DnD styles: */
.dojoDndItem {
padding:2px 8px 2px 8px;
border:2px solid #fff;
cursor:move;
}
#footer pre {
background-color:455058; color:#fff;
}
#mainlist li img {
position:absolute;
width:64px;
height:64px;
left:-80px;
border:0;
z-index:8;
}
#mainlist li {
position:relative;
float:left;
width:160px;
height:100px;
list-style:none;
margin-right:22px;
margin-left:48px;
}
#mainlist li a span {
z-index:9;
cursor:pointer;
color:#333;
padding-top:7px;
font-size:90%;
display:block; width:135px;
text-decoration:none;
font-weight:normal;
}
#mainlist {
margin-top:5px;
height:auto;
clear:both;
#margin-top:40px;
#margin-left:30px;
}
#explist img { display:none; }
/* janky IE nessss */
.content {
#width:800px;
}
#intro {
#margin-left:48px;
}
#mainlist a { font-weight:bold; color:#999; text-decoration:none; line-height:1.2em; }
#mainlist a:link { color:#333; }
#mainlist a:visited { color:#333; }
#mainlist a:hover { color:#000; }
#mainlist a:hover span { color:#666; }
#mainlist a:active { color:#333; }
.clear { clear:both; }