yatwiki/static/wiki.css

266 lines
5.5 KiB
CSS

/* wiki.css */
html,body {
background:white;color:black;font-size:12px;
margin:0;padding:0;border:0;
}
html,body,input{font-family:Verdana,Arial;}
table,tr,td,th {border:0px;}
input {font-size:8px;}
a {text-decoration:none;color: blue;}
a:hover {text-decoration:underline;}
img {border:0px;max-width:100%;}
ul {margin:0px; padding-left:30px;}
h2 {display:inline;}
pre {font-family:Consolas,Courier,monospace;font-size:11px;}
td {padding:0px 10px;}
.content{padding:8px;}
.s {text-decoration:line-through;}
.spoiler{color:black;background-color:black;}
.spoiler:hover{color:white;}
.imgur {
border:1px solid white;
width:90px;
height:90px;
opacity:0.6;
-moz-transition:all 0.1s linear;
-webkit-transition:all 0.1s linear;
}
.imgur:hover {opacity: 1.0;}
/* Header */
.header {
background:#DDD;
padding:3px;
font-size:0px;
box-shadow: 0px 4px 24px #CCC;
/*position:absolute;
left:0;right:0;*/
}
.header a {
background:#DDD;
color:grey;
text-decoration: none;
margin:0px 2px;
border:1px solid #DDD;
display:inline-block;
height:16px;
padding:2px 3px;
-moz-transition:all 0.1s linear;
-webkit-transition:all 0.1s linear;
}
.header a:hover {
background:white;
color:black;
border:1px solid black;
border-color:grey black black grey;
}
.info {
display:block;
border:1px solid darkgrey;
padding:2px 4px;
margin:10px 5px;
color:black;
background-color:lightyellow;
}
/* Editor page */
fieldset {border:1px solid grey;}
fieldset legend {
padding:2px 6px 2px 6px;
background:#DDD;
border:1px solid grey;
font-weight:bold;
}
.editor {
padding:0px;
margin:0px;
vertical-align:top;
}
#contentctr {
border:1px dashed lightgrey;
position:absolute;
top:120px;right:10px;bottom:10px;left:10px;
}
.editor textarea {
font-family:Consolas,Courier,monospace;font-size:10px;
margin:0;padding:0;border:0;
width:100%;height:100%;
min-width:100%;min-height:100%; /* no resize */
max-width:100%;max-height:100%;
position:absolute; /* IE7 */
}
.frm {
border:1px solid #DDD;
background:#EEE;
font-size:10px;
padding:5px;
margin:5px 10px 10px 15px;
}
/* Tables in content */
.ti {border-collapse: collapse; border-style:hidden;}
.ti td {border-left:1px solid #DDD;border-right:1px solid #DDD;}
.ti tr:first-child {font-weight:bold;}
.ti tr:first-child td {border-bottom:1px solid #DDD;}
.ti tr:hover {background-color:#F8F8F8;}
.ti tr:first-child:hover{background-color:white;}
/* Sprites */
.sprite {
display:inline-block;
width:16px;height:16px;
vertical-align:text-bottom;
background:none;
}
.sep {
display:inline-block;
*display:inline; /* IE7 */
zoom: 1; /* IE7 */
height:16px;
width:0px;
border-left:1px solid darkgrey;
border-right:1px solid #DDD;
margin:0px 4px;
}
/* Sections */
.section {
display:inline-block;
background:#F8F8F8;
width:auto;
padding:3px;
border:1px dashed #DDD;
}
.sectionheader {
color:green;
font-weight:bold;
}
/* Dropdown */
.ddmenu {
display:block;
position:absolute;
top:28px;
left:32px;
width:180px;
border-top:1px solid #999;
box-shadow: 0px 4px 24px #CCC;
z-index: 2;
}
.ddmenu a {
color:black;
display:inline-block;
border:1px solid #999;
border-top:0px;
width:170px;
padding:4px;
background:#EEE;
}
.ddmenu a:hover {
text-decoration:none;background:#FFF;
-moz-transition:all 0.1s linear;
-webkit-transition:all 0.1s linear;
}
#tr1 {
width:0px;height:0px;border-bottom:10px solid #999;
border-right:10px solid transparent;border-left:10px solid transparent;
position:absolute;top:18px;left:35px;z-index:1;
}
#tr2 {
width:0px;height:0px;border-bottom:10px solid #EEE;
border-right:10px solid transparent;border-left:10px solid transparent;
position:absolute;top:19px;left:35px;z-index:3;
}
/* Diffs, rawhtml */
del{text-decoration:none;background:red;font-weight:bold;}
ins{text-decoration:none;background:lightgreen;font-weight:bold;}
.html a {color:red;font-weight:bold;}
/*
highlight.css
Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
*/
pre code {
display: block; padding: 0.5em;
}
pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .apache .cbracket {
color: rgb(0, 128, 0);
}
pre .keyword,
pre .id,
pre .built_in,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .tex .command,
pre .request,
pre .status,
pre .nginx .title,
pre .xml .tag,
pre .xml .tag .value {
color: rgb(0, 0, 255);
}
pre .string,
pre .title,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .addition,
pre .flow,
pre .stream,
pre .apache .tag,
pre .date,
pre .tex .formula {
color: rgb(163, 21, 21);
}
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .preprocessor,
pre .userType,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .special,
pre .prompt {
color: rgb(43, 145, 175);
}
pre .phpdoc,
pre .javadoc,
pre .xmlDocTag {
color: rgb(128, 128, 128);
}
pre .vhdl .typename { font-weight: bold; }
pre .vhdl .string { color: #666666; }
pre .vhdl .literal { color: rgb(163, 21, 21); }
pre .vhdl .attribute { color: #00B0E8; }
pre .xml .attribute { color: rgb(255, 0, 0); }