760 lines
16 KiB
SCSS
Executable File
760 lines
16 KiB
SCSS
Executable File
/*
|
|
gollum.css
|
|
A basic stylesheet for Gollum
|
|
*/
|
|
|
|
/* @section core */
|
|
/*body, html {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 10px;*/ /* -> 1em */
|
|
/* margin: 0;
|
|
padding: 0;
|
|
}*/
|
|
|
|
#wiki-wrapper {
|
|
margin: 0 auto;
|
|
overflow: visible;
|
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 10px; /* -> 1em */
|
|
}
|
|
|
|
#wiki-wrapper a:link {
|
|
color: #4183c4;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#wiki-wrapper a:hover, #wiki-wrapper a:visited {
|
|
color: #4183c4;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* @section head */
|
|
#head {
|
|
border-bottom: 1px solid #ccc;
|
|
margin: 4.5em 0 0.5em;
|
|
padding: 0.5em 0;
|
|
overflow: hidden;
|
|
|
|
font-size: 10px; /* -> 1em */
|
|
}
|
|
|
|
#head h1 {
|
|
font-size: 3.3em;
|
|
float: left;
|
|
line-height: normal;
|
|
margin: 0;
|
|
padding: 0.08em 0 0 0;
|
|
}
|
|
|
|
#head ul.actions {
|
|
float: right;
|
|
}
|
|
|
|
/* @section content */
|
|
//#wiki-content {
|
|
// height: 1%;
|
|
// overflow: visible;
|
|
//}
|
|
//
|
|
// #wiki-content .wrap {
|
|
// height: 1%;
|
|
// overflow: auto;
|
|
// }
|
|
//
|
|
// /* @section comments */
|
|
// #wiki-body #inline-comment {
|
|
// display: none; /* todo */
|
|
// }
|
|
//
|
|
// /* @section body */
|
|
// #wiki-body {
|
|
// display: block;
|
|
// float: left;
|
|
// margin-right: 3%;
|
|
// width: 100%;
|
|
// }
|
|
//
|
|
// .has-rightbar #wiki-body {
|
|
// width: 68%;
|
|
// }
|
|
|
|
/* @section rightbar */
|
|
#wiki-rightbar {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #ddd;
|
|
font-size: 13px;
|
|
float: right;
|
|
padding: 7px;
|
|
width: 25%;
|
|
|
|
border-radius: 0.5em;
|
|
-moz-border-radius: 0.5em;
|
|
-webkit-border-radius: 0.5em;
|
|
}
|
|
|
|
#wiki-rightbar p {
|
|
margin: 13px 0 0;
|
|
}
|
|
|
|
#wiki-rightbar > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#wiki-rightbar p.parent {
|
|
border-bottom: 1px solid #bbb;
|
|
font-weight: bold;
|
|
margin: 0 0 0.5em 0;
|
|
padding: 0 0 0.5em 0;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
/* Back arrow */
|
|
#wiki-rightbar p.parent:before {
|
|
color: #666;
|
|
content: "← ";
|
|
}
|
|
|
|
#wiki-rightbar h3 {
|
|
font-size: 1.2em;
|
|
color: #333;
|
|
margin: 1.2em 0 0;
|
|
padding: 0;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
#wiki-rightbar ul {
|
|
margin: 0.5em 0 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
#wiki-rightbar ul li {
|
|
color: #bbb;
|
|
margin: 0 0 0 1em;
|
|
padding: 0;
|
|
line-height: 1.75em;
|
|
list-style-position: inside;
|
|
list-style-type: round;
|
|
}
|
|
|
|
#wiki-rightbar #nav ul li a {
|
|
font-weight: bold;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
/* @section footer */
|
|
#wiki-footer {
|
|
clear: both;
|
|
margin: 2em 0 5em;
|
|
}
|
|
|
|
.has-rightbar #wiki-footer {
|
|
width: 70%;
|
|
}
|
|
|
|
#wiki-footer #footer-content h3 {
|
|
font-size: 1.2em;
|
|
color: #333;
|
|
margin: 0;
|
|
padding: 0 0 0.2em;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
#wiki-footer #footer-content p {
|
|
margin: 0.5em 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#wiki-footer #footer-content ul.links {
|
|
margin: 0.5em 0 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
#wiki-footer #footer-content ul.links li {
|
|
color: #999;
|
|
float: left;
|
|
list-style-position: inside;
|
|
list-style-type: square;
|
|
padding: 0;
|
|
margin-left: 0.75em;
|
|
}
|
|
|
|
#wiki-footer #footer-content ul.links li a {
|
|
font-weight: bold;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
#wiki-footer #footer-content ul.links li:first-child {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.ff #wiki-footer #footer-content ul.links li:first-child {
|
|
margin: 0 -0.75em 0 0;
|
|
}
|
|
|
|
/* @section page-footer */
|
|
.page #gollum-footer {
|
|
border-top: 1px solid #ccc;
|
|
margin: 1em 0 7em;
|
|
}
|
|
|
|
/* @section history */
|
|
.history h1 {
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.history h1 strong {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#wiki-history {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
#wiki-history fieldset {
|
|
border: 0;
|
|
margin: 2em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#wiki-history table, #wiki-history tbody {
|
|
border-collapse: collapse;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#wiki-history table tr {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#wiki-history table tr {
|
|
background-color: #ebf2f6;
|
|
}
|
|
|
|
#wiki-history table tr td {
|
|
border: 1px solid #c0dce9;
|
|
font-size: 1.2em;
|
|
line-height: 1.6em;
|
|
margin: 0;
|
|
padding: 0.3em 0.7em;
|
|
}
|
|
|
|
#wiki-history table tr td.checkbox {
|
|
min-width: 2em;
|
|
padding: 0.3em;
|
|
width: 24px;
|
|
}
|
|
|
|
#wiki-history table tr td.checkbox input {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding-right: 0;
|
|
padding-top: 0.4em;
|
|
margin-right: -0.2em;
|
|
}
|
|
|
|
#wiki-history table tr:nth-child(2n),
|
|
#wiki-history table tr.alt-row {
|
|
background-color: #f3f7fa;
|
|
}
|
|
|
|
#wiki-history table tr.selected {
|
|
background-color: #ffffea !important;
|
|
z-index: 100;
|
|
}
|
|
|
|
#wiki-history table tr td.commit-name {
|
|
border-left: 0;
|
|
}
|
|
|
|
#wiki-history table tr td.commit-name span.time-elapsed {
|
|
color: #999;
|
|
}
|
|
|
|
#wiki-history table tr td.author {
|
|
width: 20%;
|
|
}
|
|
|
|
#wiki-history table tr td.author a {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#wiki-history table tr td.author a span.username {
|
|
display: block;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
#wiki-history table tr td img {
|
|
background-color: #fff;
|
|
border: 1px solid #999;
|
|
display: block;
|
|
float: left;
|
|
height: 18px;
|
|
overflow: hidden;
|
|
margin: 0 0.5em 0 0;
|
|
width: 18px;
|
|
padding: 2px;
|
|
}
|
|
|
|
#wiki-history table tr td.commit-name a {
|
|
font-size: 0.9em;
|
|
font-family: 'Monaco', 'Andale Mono', Consolas, 'Courier New', monospace;
|
|
padding: 0 0.2em;
|
|
}
|
|
|
|
.history #wiki-history ul.actions li,
|
|
.history #footer ul.actions li {
|
|
margin: 0 0.6em 0 0;
|
|
}
|
|
|
|
|
|
/* @section edit */
|
|
.edit h1 {
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.edit h1 strong {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* @section search */
|
|
.results h1 {
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.results h1 strong {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.results #results {
|
|
border-bottom: 1px solid #ccc;
|
|
margin-bottom: 2em;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.results #results ul {
|
|
margin: 2em 0 0 0;
|
|
padding: 0;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.results #results ul li {
|
|
font-size: 1.2em;
|
|
line-height: 1.6em;
|
|
list-style-position: outside;
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
.results #results ul li span.count {
|
|
color: #999;
|
|
}
|
|
|
|
.results p#no-results {
|
|
font-size: 1.2em;
|
|
line-height: 1.6em;
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.results #footer ul.actions li {
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
|
|
/* @section compare */
|
|
.compare h1 {
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.compare h1 strong {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.compare #compare-content {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
.compare .data {
|
|
border: 1px solid #ddd;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
overflow: auto;
|
|
}
|
|
|
|
.compare .data table {
|
|
width: 100%;
|
|
}
|
|
|
|
.compare .data pre {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.compare .data pre div {
|
|
padding: 0 0 0 1em;
|
|
}
|
|
|
|
.compare .data tr td {
|
|
font-family: "Consolas", "Monaco", "Andale Mono", "Courier New", monospace;
|
|
font-size: 1.2em;
|
|
line-height: 1.8em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.compare .data td.line_numbers {
|
|
background: #f7f7f7;
|
|
border-right: 1px solid #999;
|
|
color: #999;
|
|
padding: 0 0 0 0.5em;
|
|
width: 1%;
|
|
}
|
|
|
|
#compare-content .spacer {
|
|
height: 20px;
|
|
}
|
|
|
|
.compare #compare-content ul.actions li,
|
|
.compare #footer ul.actions li {
|
|
margin-left: 0;
|
|
margin-right: 0.6em;
|
|
}
|
|
|
|
|
|
/* git_access */
|
|
//#wiki-content .url-box {
|
|
// border: medium none;
|
|
// margin-left: 0;
|
|
// padding: 0;
|
|
//}
|
|
//
|
|
//.url-box {
|
|
// border-top: 1px solid #DDDDDD;
|
|
// height: 23px;
|
|
// margin-left: -10px;
|
|
// margin-top: 10px;
|
|
// padding: 10px 10px 0;
|
|
// width: 100%;
|
|
//}
|
|
//
|
|
//#wiki-content .url-box ul.clone_urls {
|
|
// float: left;
|
|
// height: 23px;
|
|
// margin: 0;
|
|
//}
|
|
//
|
|
//#wiki-content ul.clone-urls li.selected {
|
|
// border-right-color: #BBBBBB;
|
|
//}
|
|
//
|
|
//#wiki-content ul.clone-urls li {
|
|
// border: medium none;
|
|
// cursor: pointer;
|
|
// float: left;
|
|
// height: 23px;
|
|
// list-style-type: none;
|
|
// margin: 0;
|
|
// overflow: visible;
|
|
// padding: 0;
|
|
// white-space: nowrap;
|
|
//}
|
|
|
|
ul.clone-urls li {
|
|
list-style-type: none;
|
|
margin: 5px 0 0;
|
|
}
|
|
|
|
.url-box p {
|
|
color: #666666;
|
|
float: left;
|
|
font-size: 11px;
|
|
height: 23px;
|
|
line-height: 23px;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
//#wiki-content ul.clone-urls li.selected > a {
|
|
// background: -moz-linear-gradient(center top , #D7D7D7, #ABABAB) repeat scroll 0 0 transparent;
|
|
// border-color: #C9C9C9 #C9C9C9 #9A9A9A;
|
|
// color: #000000;
|
|
// text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
|
|
//}
|
|
//
|
|
//#wiki-content ul.clone-urls li:first-child a {
|
|
// border-bottom-left-radius: 3px;
|
|
// border-left: 1px solid #D4D4D4;
|
|
// border-top-left-radius: 3px;
|
|
//}
|
|
//
|
|
//#wiki-content ul.clone-urls li > a {
|
|
// -moz-border-bottom-colors: none;
|
|
// -moz-border-image: none;
|
|
// -moz-border-left-colors: none;
|
|
// -moz-border-right-colors: none;
|
|
// -moz-border-top-colors: none;
|
|
// background: -moz-linear-gradient(center top , #F4F4F4, #ECECEC) repeat scroll 0 0 transparent;
|
|
// border-color: #D4D4D4 #D4D4D4 #D4D4D4 -moz-use-text-color;
|
|
// border-style: solid solid solid none;
|
|
// border-width: 1px 1px 1px medium;
|
|
// color: #333333;
|
|
// display: block;
|
|
// font-size: 11px;
|
|
// font-weight: bold;
|
|
// height: 21px;
|
|
// line-height: 21px;
|
|
// margin: 0;
|
|
// padding: 0 9px;
|
|
// text-decoration: none;
|
|
// text-shadow: 1px 1px 0 #FFFFFF;
|
|
//}
|
|
//
|
|
//#wiki-content input.url-field {
|
|
// -moz-border-bottom-colors: none;
|
|
// -moz-border-image: none;
|
|
// -moz-border-left-colors: none;
|
|
// -moz-border-right-colors: none;
|
|
// -moz-border-top-colors: none;
|
|
// border-color: #CCCCCC #CCCCCC #CCCCCC -moz-use-text-color;
|
|
// border-style: solid solid solid none;
|
|
// border-width: 1px 1px 1px medium;
|
|
// color: #666666;
|
|
// float: left;
|
|
// font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
|
|
// font-size: 11px;
|
|
// height: 16px;
|
|
// padding: 3px 5px 2px;
|
|
// width: 400px;
|
|
//}
|
|
|
|
/* @control syntax */
|
|
.highlight { background: #ffffff; }
|
|
.highlight .c { color: #999988; font-style: italic }
|
|
.highlight .err { color: #a61717; background-color: #e3d2d2 }
|
|
.highlight .k { font-weight: bold }
|
|
.highlight .o { font-weight: bold }
|
|
.highlight .cm { color: #999988; font-style: italic }
|
|
.highlight .cp { color: #999999; font-weight: bold }
|
|
.highlight .c1 { color: #999988; font-style: italic }
|
|
.highlight .cs { color: #999999; font-weight: bold; font-style: italic }
|
|
.highlight .gd { color: #000000; background-color: #ffdddd }
|
|
.highlight .gd .x { color: #000000; background-color: #ffaaaa }
|
|
.highlight .ge { font-style: italic }
|
|
.highlight .gr { color: #aa0000 }
|
|
.highlight .gh { color: #999999 }
|
|
.highlight .gi { color: #000000; background-color: #ddffdd }
|
|
.highlight .gi .x { color: #000000; background-color: #aaffaa }
|
|
.highlight .gc { color: #999; background-color: #EAF2F5 }
|
|
.highlight .go { color: #888888 }
|
|
.highlight .gp { color: #555555 }
|
|
.highlight .gs { font-weight: bold }
|
|
.highlight .gu { color: #aaaaaa }
|
|
.highlight .gt { color: #aa0000 }
|
|
|
|
|
|
/* @control minibutton */
|
|
ul.actions {
|
|
display: block;
|
|
list-style-type: none;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.actions li {
|
|
float: left;
|
|
font-size: 1.2em;
|
|
margin-left: 0.6em;
|
|
}
|
|
|
|
#wiki-wrapper .minibutton a {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #d4d4d4;
|
|
color: #333;
|
|
display: block;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0.4em 1em;
|
|
height: 1.4em;
|
|
|
|
text-shadow: 0 1px 0 #fff;
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
|
|
background: -moz-linear-gradient(top, #f4f4f4, #ececec);
|
|
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
#search-submit {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #d4d4d4;
|
|
color: #333;
|
|
display: block;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0.4em 1em;
|
|
|
|
text-shadow: 0 1px 0 #fff;
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
|
|
background: -moz-linear-gradient(top, #f4f4f4, #ececec);
|
|
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
#wiki-wrapper .minibutton a:hover,
|
|
#search-submit:hover {
|
|
background: #3072b3;
|
|
border-color: #518cc6 #518cc6 #2a65a0;
|
|
color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
|
|
text-decoration: none;
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
|
|
background: -moz-linear-gradient(top, #599bdc, #3072b3);
|
|
}
|
|
|
|
#wiki-wrapper .minibutton a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/* @special error */
|
|
#wiki-wrapper.error {
|
|
height: 1px;
|
|
position: absolute;
|
|
overflow: visible;
|
|
top: 50%;
|
|
width: 100%;
|
|
}
|
|
|
|
#error {
|
|
background-color: #f9f9f9;
|
|
border: 1px solid #e4e4e4;
|
|
left: 50%;
|
|
overflow: hidden;
|
|
padding: 2%;
|
|
margin: -10% 0 0 -35%;
|
|
position: absolute;
|
|
width: 70%;
|
|
|
|
border-radius: 0.5em;
|
|
-moz-border-radius: 0.5em;
|
|
-webkit-border-radius: 0.5em;
|
|
}
|
|
|
|
#error h1 {
|
|
font-size: 3em;
|
|
line-height: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#error p {
|
|
font-size: 1.2em;
|
|
line-height: 1.6em;
|
|
margin: 1em 0 0.5em;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* @control searchbar */
|
|
#head #gollum-searchbar {
|
|
float: right;
|
|
margin: 1em 0 0 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext {
|
|
background: #fff;
|
|
border: 1px solid #d4d4d4;
|
|
overflow: hidden;
|
|
|
|
border-radius: 0.3em;
|
|
-moz-border-radius: 0.3em;
|
|
-webkit-border-radius: 0.3em;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext input#search-query {
|
|
border: none;
|
|
color: #000;
|
|
float: left;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 1.2em;
|
|
height: 1.8em;
|
|
|
|
-webkit-focus-ring: none;
|
|
}
|
|
|
|
.ff #head #gollum-searchbar #gollum-searchbar-fauxtext input#search-query {
|
|
padding: 0.2em 0 0.2em 0.5em;
|
|
}
|
|
|
|
.ie #head #gollum-searchbar #gollum-searchbar-fauxtext input#search-query {
|
|
padding: 0.4em 0 0 0.5em;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext input#search-query.ph {
|
|
color: #999;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext #search-submit {
|
|
border: 0;
|
|
border-left: 1px solid #d4d4d4;
|
|
cursor: pointer;
|
|
margin: 0 !important;
|
|
padding: 0;
|
|
float: right;
|
|
font-size: 1.2em;
|
|
|
|
border-radius: 0 3px 3px 0;
|
|
-moz-border-radius: 0 3px 3px 0;
|
|
-webkit-border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext #search-submit span {
|
|
background-image: image-url('gollum/icon-sprite.png');
|
|
background-position: -431px -1px;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
height: 2em;
|
|
overflow: hidden;
|
|
text-indent: -5000px;
|
|
width: 28px;
|
|
}
|
|
|
|
.ff #head #gollum-searchbar #gollum-searchbar-fauxtext #search-submit span,
|
|
.ie #head #gollum-searchbar #gollum-searchbar-fauxtext #search-submit span {
|
|
height: 2.2em;
|
|
}
|
|
|
|
#head #gollum-searchbar #gollum-searchbar-fauxtext #search-submit:hover span {
|
|
background-position: -431px -28px;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
#MathJax_Message {
|
|
display: none;
|
|
}
|