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: '<27>' '<27>' "<22>" "<22>";}
|
|||
|
|
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;}
|
|||
|
|
|
|||
|
|
|