wiki/local.css

302 lines
6.2 KiB
CSS
Raw Normal View History

2013-11-28 05:31:33 +00:00
/*********************************
* public wiki theme for ikiwiki
*
* by Danny Castonguay
*********************************/
/* # HSLA(hue, saturation, lightness,alpha)
* ## hue
* R:0, O:30, Y:60, G:115, cyan:180, B:220, I:260, V:280, pink:300
* ## saturation
* 0% is gray, 100% is pure color
* ## lightness
* 0% is black, 100% is white
* ## alpha
* 0% is opaque, 100% is transparent
* */
/* variables copy pasted from the corporate website */
.pageheader {
padding: 2em 2em 3em 2em;
position: relative;
overflow: hidden;
background: #404040;
border-color: gray;
border-style: none none solid none;
border-width: 1px; }
.pageheader .header {
float: left; }
.title {
color: #b3b3b3;
font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: gray; }
.header {
font-size: 200%; }
h1 {
font-size: 160%;
border-top: 5px solid gray; }
h2 {
font-size: 130%;
border-top: 2px solid gray; }
h3, h4, h5, h6 {
font-size: 110%; }
#searchform {
position: absolute;
top: 0.5em;
right: 2em; }
input#searchbox {
border: none;
padding: .5em;
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 2px 2px 2px #1a1a1a;
-webkit-box-shadow: inset 2px 2px 2px #1a1a1a;
box-shadow: inset 2px 2px 2px #1a1a1a; }
.pageheader .actions {
position: absolute;
bottom: 0;
right: 2em;
width: 100%;
text-align: right; }
.pageheader .actions ul {
border-style: none; }
.actions ul {
padding: 1em;
border-style: none; }
.pageheader .actions ul li {
padding: 0; }
.pageheader .actions ul li a, input[type="submit"] {
margin: 0.2em;
padding: 0.2em;
font-size: 1.01em;
background: gray;
color: black;
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
.pageheader .actions ul li a:hover, input[type="submit"]:hover {
background: #e68019;
color: white; }
div.toggleable#attachments {
margin: 1em; }
body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
*font-size: small;
color: black;
background: white;
font-size: 1.01em; }
a {
text-decoration: none;
color: #f27f0d; }
a:hover {
color: #ad661f; }
hr {
border-style: none;
background-color: gray;
height: 1px; }
code, pre {
background-color: #f2f2f2;
color: #2e1a05; }
pre {
padding: .5em;
margin: 1em;
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 0px 2px #1a1a1a;
-webkit-box-shadow: 0px 0px 2px #1a1a1a;
box-shadow: 0px 0px 2px #1a1a1a; }
#content, #comments, #footer {
margin: 1em 2em; }
#pageinfo {
border-color: gray; }
#editcontent, #editmessage {
width: 90%;
background: #f2f2f2;
font-size: 1.01em;
font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
line-height: 1.4em;
padding: .5em;
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
#editcontent:hover, #editmessage:hover {
background: white; }
#editcontent {
height: 25em; }
label[for="editmessage"] {
margin-top: 1em; }
#editmessage {
margin-bottom: 1em; }
.inlinepage {
margin: .4em 0;
padding: .4em 0;
border-style: none;
border-top: 1px solid gray; }
.inlineheader {
font-size: 1.1em;
border-top: 2px solid gray; }
/* Smaller headings for inline pages */
.inlinepage h1 {
font-size: 1.1em; }
.inlinepage h2 {
font-size: 1.01em; }
.inlinepage h3 {
font-size: 1.01em; }
div.recentchanges {
border-style: none; }
/* recent change page */
div.recentchanges {
background-color: white; }
div.recentchanges div.metadata {
margin-top: 1.5em;
border-style: solid;
border-width: 2px;
border-color: gray;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-style: solid solid none solid;
background-color: #f2f2f2;
padding: .7em; }
div.recentchanges div.changelog {
padding: .7em 2em; }
div.recentchanges div.metadata *, span.pagelinks a {
float: none;
display: block; }
span.pagelinks {
width: inherit !important; }
span.pagelinks a, span.tags a {
margin: 0.2em;
padding: 0.2em;
font-size: 1.01em;
background: #e6e6e6;
color: black;
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
span.pagelinks a:hover, span.tags a:hover {
background: #cccccc;
color: black; }
div.recentchanges div.changelog {
border-style: solid;
border-width: 2px;
border-color: gray;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-style: none solid solid solid;
background-color: #f2f2f2 !important; }
span.desc br {
display: none !important; }
div.titleandtags {
border-style: solid;
border-width: 2px;
border-color: gray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f2f2f2;
margin-top: 1.5em;
padding: .8em; }
div.titleandtags h3, div.titleandtags span.tags {
padding: 0; }
div.titleandtags h3 {
margin: 0 0 .5em 0; }
div.titleandtags span.tags {
line-height: 2em; }
div.titleandtags div.lastmodified {
float: right; }
thead th {
color: white;
background-color: gray;
padding: .5em; }
td {
padding: .2em .4em; }
tr:nth-child(odd) {
background-color: #f2f2f2; }
tr:nth-child(even) {
background-color: #d9d9d9; }
/* Don't know what these last two do but leaving those there just in case*/
.pagecloud {
width: auto;
border-color: red; }
.sidebar {
width: 28ex;
border-bottom: 0;
border-right: 0;
border-top: 0;
margin-top: 0.5em;
padding: 0 0 0 2ex;
border-color: red; }