109 lines
2.8 KiB
CSS
109 lines
2.8 KiB
CSS
/* a Twiki SeeSkin stylesheet,
|
||
modelled after alistapart.com/nucss3.css,
|
||
Matt Wilkie, 2002-June-03 */
|
||
/* Available ID's: (xref $templates/*.see.tmpl)
|
||
wrapper, main, menu, meta, footer
|
||
title, topicaction, topics, zones
|
||
*/
|
||
|
||
/* NS6.x-specific fixes */
|
||
*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}
|
||
|
||
html { margin: 0; padding: 0; }
|
||
body { margin: 20px 20px 0px 20px; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */}
|
||
h1 { padding-top: 10px; }
|
||
pre { margin: 0px 10px 10px 10px; }
|
||
textarea {width: 95%;}
|
||
a {text-decoration: none;}
|
||
|
||
/* short inline quotations, as opposed to blockquotes http://diveintomark.org/archives/2002/05/04.html */
|
||
q {quotes: '“' '”' "‘" "’";}
|
||
q:before {content: open-quote;}
|
||
q:after {content: close-quote;}
|
||
q {font-style: italic;}
|
||
p>q, li>q {font-style: normal;}
|
||
|
||
|
||
h1#sitemast { font-size: 115%; font-weight: bold; letter-spacing: 0.13em; /*border-bottom: 1px solid;*/ line-height: 0.9em; margin: 0; padding: 0.33em 0 0;}
|
||
h1#sitemast a { text-decoration: none; }
|
||
h1#sitemast span { margin: 0; padding-left: 0.33em; }
|
||
#wrapper { float: left; width: 75%; }
|
||
#main {border: 1px solid #000; margin: 2%; padding: 2%;}
|
||
#menu { padding-right: 3%; text-align: left; }
|
||
#menu h4 {margin-top: 0em; margin-bottom: 0em;}
|
||
#menu a { margin-left: 1%; }
|
||
#menu hr { display: none; /* recover from no-css menu top/bottom borders */ }
|
||
|
||
/* capitilise and underline Access Keys; Twiki:Codev/AccessKeys */
|
||
.akey {
|
||
text-decoration: underline;
|
||
text-transform : uppercase;
|
||
}
|
||
|
||
/* for usability notes */
|
||
.akeyhelp {
|
||
background : #77aa77;
|
||
color: #040;
|
||
font-size: smaller;
|
||
padding: 0 0.2em;
|
||
}
|
||
.akeyhelp:before {
|
||
content: "[";
|
||
}
|
||
.akeyhelp:after {
|
||
content: "]";
|
||
}
|
||
|
||
.warn {
|
||
color : #d00;
|
||
background-color: transparent;
|
||
font-size: larger;
|
||
font-weight: bold;
|
||
}
|
||
/* for inline lists of topicAction like 'release edit checkbox' in Preview */
|
||
.actoption ul {
|
||
list-style-type : none;
|
||
margin-left: 12%;
|
||
}
|
||
/* for inline lists of topicAction like the form buttons in Edit */
|
||
.action {
|
||
display: inline;
|
||
}
|
||
|
||
|
||
.action input {
|
||
display: inline;
|
||
}
|
||
.action label {
|
||
display: none;
|
||
background: #DCDCDC;
|
||
color: #000;
|
||
border: 2px outset;
|
||
padding: 0.1em 0.3em;
|
||
}
|
||
.action label:hover {
|
||
border: 2px inset;
|
||
}
|
||
/* damn, it's beautiful but only works in Mozilla :( */
|
||
/* .action input {display: none;}
|
||
.action label {display: inline;} */
|
||
|
||
/* de-emphasize */
|
||
.deem {
|
||
font-size: smaller;
|
||
}
|
||
legend {
|
||
bottom: 0;
|
||
}
|
||
|
||
/* the text which is usually printed from the template variable %headerhelp% */
|
||
.help { }
|
||
|
||
/* colour settings */
|
||
a:hover {background-color: #fafad2;}
|
||
#main {background: #fff}
|
||
h1#sitemast span { background: #f5f5f0; color: #454578; }
|
||
pre {background: #dee3e6;color: #191970;}
|
||
|
||
|