8398c9048d
code was modified slightly, so the code differs from the original downloadable 1.9.5 version
246 lines
No EOL
3.9 KiB
CSS
246 lines
No EOL
3.9 KiB
CSS
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; } |