PEG-Wiki/css/screen.css

726 lines
14 KiB
CSS

/****************************************************************************/
/* Base
/****************************************************************************/
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
color: black;
}
body {
background-color: white;
font: 13.34px helvetica, arial, freesans, clean, sans-serif;
*font-size: small;
}
table {
font-size: inherit;
font: 100%;
}
select, input[type=text], input[type=password], input[type=image], textarea {
font: 99% helvetica, arial, freesans, sans-serif;
}
select, option {
padding: 0 .25em;
}
optgroup {
margin-top: .5em;
}
input.text {
padding: 1px 0;
}
pre, code {
font: 12px Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
body * {
line-height: 1.4em;
}
p{ margin:1em 0; }
img {
border: 0;
}
abbr {
border-bottom: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}
/* always show vertical scroll bar to prevent page jitter */
html {overflow-y: scroll;}
.site {
margin: 2em auto 0 auto;
width: 920px;
padding: 0 15px;
}
/****************************************************************************/
/* Guides
/****************************************************************************/
#guides {
}
/* index */
#guides .index {
}
#guides h1 {
margin-bottom: .5em;
}
#guides .index ul {
list-style-type: none;
font-size: 120%;
}
#guides .index ul li {
padding-left: 1.5em;
background: white url(/images/modules/guides/book.png) no-repeat;
}
#guides .index .new {
margin-top: 1em;
border-top: 1px solid #ccc;
padding-top: .5em;
}
#guides .index .new ul li {
background: white url(/images/modules/guides/book_add.png) no-repeat;
}
#guides .index .new ul li a {
color: #c00;
}
#guides .write .delete_page {
float: right;
}
/* guide */
#guides .guide {
overflow: hidden;
}
/* main */
#guides .guide .main {
width: 100%;
}
/* sidebar */
#guides .guide .sidebar {
float: right;
width: 15em;
border-left: 4px solid #e6e6e6;
margin: 2.1em 0 0 0;
padding-left: 1em;
}
#guides .guide .sidebar h3 {
margin: 0 0 .5em 0;
}
#guides .guide .sidebar ul {
list-style-type: none;
margin: 0;
color: #888;
}
#guides .guide .sidebar ul li {
padding-left: 12px;
background: white url(/images/modules/guides/sidebar/bullet_blue.png) -4px 0 no-repeat;
margin: .2em 0;
}
/* admin */
#guides .admin {
clear: both;
margin-top: 3em;
border-top: 4px solid #e6e6e6;
padding-top: .3em;
overflow: hidden;
}
/* write */
#guides .write {
}
#guides .write label {
font-size: 110%;
color: #666;
display: block;
margin: 1em 0;
}
#guides .write input.text {
padding: 5px;
border: 1px solid #888;
width: 40em;
}
#guides .write textarea {
width: 100%;
height: 25em;
border: none;
}
#guides .write label span.title {
color: black;
font-weight: bold;
}
#guides .write .actions input {
margin-right: 1em;
}
#guides .write #preview_bucket {
border: 1px solid #888;
background-color: white;
padding: 5px;
}
/****************************************************************************/
/* Wiki
/****************************************************************************/
.wikistyle h1, .wikistyle h2, .wikistyle h3, .wikistyle h4, .wikistyle h5, .wikistyle h6 {
border: 0 !important;
}
.wikistyle h1 {
font-size: 170% !important;
border-top: 4px solid #aaa !important;
padding-top: .5em !important;
margin-top: 1.5em !important;
}
.wikistyle h2 {
font-size: 150% !important;
margin-top: 1.5em !important;
border-top: 4px solid #e0e0e0 !important;
padding-top: .5em !important;
}
.wikistyle h3 {
margin-top: 1em !important;
}
.wikistyle p {
margin: 1em 0 !important;
line-height: 1.5em !important;
}
.wikistyle ul {
margin: 1em 0 1em 2em !important;
}
.wikistyle ol {
margin: 1em 0 1em 2em !important;
}
.wikistyle ul ul,
.wikistyle ul ol,
.wikistyle ol ol,
.wikistyle ol ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wikistyle blockquote {
margin: 1em 0 !important;
border-left: 5px solid #ddd !important;
padding-left: .6em !important;
color: #555 !important;
}
.wikistyle dt {
font-weight: bold !important;
margin-left: 1em !important;
}
.wikistyle dd {
margin-left: 2em !important;
margin-bottom: 1em !important;
}
.wikistyle table {
margin: 1em 0 !important;
}
.wikistyle table th {
border-bottom: 1px solid #bbb !important;
padding: .2em 1em !important;
}
.wikistyle table td {
border-bottom: 1px solid #ddd !important;
padding: .2em 1em !important;
}
.wikistyle pre {
margin: 1em 0 !important;
font-size: 90% !important;
background-color: #f8f8ff !important;
border: 1px solid #dedede !important;
padding: .5em !important;
line-height: 1.5em !important;
color: #444 !important;
overflow: auto !important;
}
.wikistyle pre code {
padding: 0 !important;
font-size: 100% !important;
background-color: #f8f8ff !important;
border: none !important;
}
.wikistyle code {
font-size: 90% !important;
background-color: #f8f8ff !important;
color: #444 !important;
padding: 0 .2em !important;
border: 1px solid #dedede !important;
}
/* console */
.wikistyle pre.console {
margin: 1em 0 !important;
font-size: 90% !important;
background-color: black !important;
padding: .5em !important;
line-height: 1.5em !important;
color: white !important;
}
.wikistyle pre.console code {
padding: 0 !important;
font-size: 100% !important;
background-color: black !important;
border: none !important;
color: white !important;
}
.wikistyle pre.console span {
color: #888 !important;
}
.wikistyle pre.console span.command {
color: yellow !important;
}
/* Wiki form */
.wiki-form .inner {
margin: 0;
padding: 0 0 0 5px;
background: #fff;
border: solid 1px #888;
line-height: 0;
}
.wiki-form input[type=text] {
width: 100%;
}
label.wiki-label {
padding: 1em 5px;
}
/* Special markup considerations */
.wikistyle.gollum.footer {
border-top: 4px solid #f0f0f0;
margin-top: 2em;
}
.wikistyle.gollum > h1:first-child {
display: none;
}
/* asciidoc */
.wikistyle.gollum.asciidoc > div#header > h1:first-child {
display: none;
}
.wikistyle.gollum.asciidoc .ulist p,
.wikistyle.gollum.asciidoc .olist p {
margin: 0 !important;
}
.wikistyle.gollum.asciidoc .loweralpha {
list-style-type: lower-alpha;
}
.wikistyle.gollum.asciidoc .lowerroman {
list-style-type: lower-roman;
}
.wikistyle.gollum.asciidoc .upperalpha {
list-style-type: upper-alpha;
}
.wikistyle.gollum.asciidoc .upperroman {
list-style-type: upper-roman;
}
/* org */
.wikistyle.gollum.org > p.title:first-child {
display: none;
}
.wikistyle.gollum.org p:first-child + h1 {
border-top: none !important;
}
/* pod */
.wikistyle.gollum.pod > a.dummyTopAnchor:first-child + h1 {
display: none;
}
.wikistyle.gollum.pod h1 a {
text-decoration: none;
color: inherit;
}
/* rest */
.wikistyle.gollum.rest > div.document > div.section > h1:first-child {
display: none;
}
/****************************************************************************/
/* Comment Form
/****************************************************************************/
.comment-form-error{
margin:-15px 0 15px 0;
font-weight:bold;
color:#aa0000;
}
.comment-form{
margin:-10px 0 10px 0;
padding:5px;
background:#eee;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.comment-form textarea{
margin:0;
padding: 5px 0;
width:100%;
height:100px;
}
.comment-form p.help{
margin:3px 0 0 0;
float:right;
font-size:11px;
color:#666;
}
.comment-form ul.tabs{
margin:0 0 5px 0;
}
.comment-form ul.tabs li{
list-style-type:none;
margin:0;
display:inline-block;
}
.comment-form ul.tabs a{
display:inline-block;
padding:2px 8px;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#666;
border:1px solid transparent;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.comment-form ul.tabs a.selected{
color:#333;
background:#fff;
border-color:#bbb;
border-right-color: #ddd;
border-bottom-color: #ddd;
}
.comment-form .comment{
margin:5px 0 0 0;
}
/****************************************************************************/
/* History
/****************************************************************************/
table.commits {
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 2em;
}
table.commits tr td {
background-color: #eaf2f5;
}
table.commits tr.selected td {
background-color: #FEFFE6;
}
table.commits th {
font-weight: normal;
border-bottom: 1px solid #ccc;
padding: .3em .6em;
background-color: #eee;
font-size: 95%;
text-align:left;
}
table.commits td {
border-bottom: 1px solid #ccc;
padding: .3em .6em;
}
table.commits td.sha,
table.commits td.message {
font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 80%;
}
table.commits td.checkbox {
width: 3%;
}
table.commits td.sha {
width: 6%;
}
table.commits td.human {
font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 80%;
width: 4%;
color: #888;
}
table.commits td.author {
width: 15%;
font-weight: bold;
}
table.commits td.author img {
vertical-align: middle;
border: 1px solid #ccc;
padding: 1px;
background-color: white;
}
table.commits td.message a {
color: black;
}
table.commits td.message a:hover {
text-decoration: underline;
}
table.commits td.date {
width: 12%;
text-align: right;
}
/****************************************************************************/
/* Files
/****************************************************************************/
#files {
}
#files .file {
border: 1px solid #ccc;
margin-bottom: 1em;
}
#files .file .syntax{
border:none;
padding:0;
}
#files .file .meta {
padding:0 5px;
height:33px;
line-height:33px;
font-size:12px;
color:#333;
background:url(/images/modules/commit/file_head.gif) 0 0 repeat-x #eee;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #ccc;
overflow: hidden;
}
#files .file .meta .info {
float: left;
height:33px;
line-height:33px;
font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
#files .file .meta .info span{
padding-left:9px;
margin-left:5px;
background:url(/images/modules/commit/action_separator.png) 0 50% no-repeat;
}
#files .file .meta .info span:first-child, #files .file .meta .info .icon + span{
background:transparent;
margin-left:0;
padding-left:0;
}
#files .file .meta .info span.icon{
float:left;
margin:5px 5px 0 0;
padding:3px;
background:#f7f7f7;
border:1px solid #ccc;
border-right-color:#e5e5e5;
border-bottom-color:#e5e5e5;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height: 1em;
}
#files .file .meta .actions {
float: right;
height:33px;
line-height:33px;
}
#files .file .meta .actions li{
list-style-type:none;
float:left;
margin:0 0 0 7px;
height:33px;
line-height:33px;
padding-left:9px;
font-size:11px;
background:url(/images/modules/commit/action_separator.png) 0 50% no-repeat;
}
#files .file .meta .actions li:first-child{
background:transparent;
margin-left:0;
padding-left:0;
}
#files .file .meta .actions li a{
font-weight:bold;
}
#files .file .meta .actions li code{
font-size:11px;
}
#files .file .meta .actions li label input{
position:relative;
top:1px;
}
#files .file .data {
font-size: 80%;
overflow: auto;
background-color: #f8f8ff;
}
#files .file .data.empty {
font-size: 90%;
padding:5px 10px;
color:#777;
}
#files .image {
padding: 1.2em;
text-align: center;
}
#files .image img {
max-width: 60em;
}
#files .file .data pre, #files .file .line-data, #files .file .line-number {
font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
font-size: 115%;
}
#files .file .data .highlight {
padding: 1em 0;
}
#files .file .data .highlight div {
padding-left: 1em;
}
#files .file .data .line_numbers {
background-color: #ececec;
color: #aaa;
padding: 1em .5em;
border-right: 1px solid #ddd;
text-align: right;
}
#files .file .data td.line_numbers{
padding:0 0.5em;
font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
font-size: 115%;
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
}
#files .file .data .line_numbers span,
#files .file .data .line_numbers a {
color: #aaa;
cursor: pointer;
}