monoblue_custom.css
581 lines
| 8.4 KiB
| text/css
|
CssLexer
r102 | /*** Initial Settings ***/ | ||
r144 | #mainhtml{ | ||
margin: 15px 50px; | |||
background: #DBD4C6; | |||
font-family: sans-serif; | |||
r102 | } | ||
a { | |||
r144 | color: #0000cc; | ||
text-decoration: none; | |||
r102 | } | ||
r144 | a:HOVER{ | ||
text-decoration: underline; | |||
} | |||
r160 | /*** end of Initial Settings ***/ | ||
/** common settings **/ | |||
r144 | div#main { | ||
padding: 5px; | |||
} | |||
r102 | |||
div#container { | |||
r144 | background: #FFFFFF; | ||
position: relative; | |||
color: #666; | |||
r102 | } | ||
div.page-header { | |||
r144 | padding: 50px 20px 0; | ||
background: #556cb5 top left repeat-x; | |||
position: relative; | |||
} | |||
div.page-header h1 { | |||
margin: 10px 0 30px; | |||
font-size: 1.8em; | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
letter-spacing: 1px; | |||
color: #DDD; | |||
} | |||
div.page-header h1 a { | |||
font-weight: bold; | |||
color: #FFF; | |||
r102 | } | ||
r144 | |||
div.page-header a { | |||
text-decoration: none; | |||
} | |||
div.page-header form { | |||
position: absolute; | |||
margin-bottom: 2px; | |||
bottom: 0; | |||
right: 20px; | |||
} | |||
div.page-header form label { | |||
color: #DDD; | |||
} | |||
div.page-header form input { | |||
padding: 2px; | |||
border: solid 1px #DDD; | |||
} | |||
div.page-header form dl { | |||
overflow: hidden; | |||
} | |||
r102 | |||
r144 | div.page-header form dl dt { | ||
font-size: 1.2em; | |||
} | |||
div.page-header form dl dt,div.page-header form dl dd { | |||
margin: 0 0 0 5px; | |||
float: left; | |||
height: 24px; | |||
line-height: 20px; | |||
} | |||
ul.page-nav { | |||
margin: 10px 0 0 0; | |||
list-style-type: none; | |||
overflow: hidden; | |||
width: 800px; | |||
padding: 0; | |||
} | |||
r102 | |||
r144 | ul.page-nav li { | ||
margin: 0 2px 0 0; | |||
float: left; | |||
height: 24px; | |||
font-size: 1.1em; | |||
line-height: 24px; | |||
text-align: center; | |||
background: #DDD; | |||
} | |||
ul.page-nav li.current { | |||
background: #FFF; | |||
padding-right: 5px; | |||
padding-left: 5px; | |||
} | |||
ul.page-nav li a { | |||
height: 24px; | |||
color: #666; | |||
padding-right: 5px; | |||
padding-left: 5px; | |||
display: block; | |||
text-decoration: none; | |||
} | |||
r184 | ul.page-nav li.logout a { | ||
color: red; | |||
} | |||
r144 | ul.page-nav li a:hover { | ||
color: #333; | |||
background: #FFF; | |||
} | |||
r102 | |||
ul.submenu { | |||
r144 | margin: 10px 0 -10px 20px; | ||
list-style-type: none; | |||
r102 | } | ||
r144 | |||
r102 | ul.submenu li { | ||
r144 | margin: 0 10px 0 0; | ||
font-size: 1.2em; | |||
display: inline; | |||
r102 | } | ||
h2 { | |||
r144 | margin: 20px 0 10px; | ||
height: 30px; | |||
line-height: 30px; | |||
text-indent: 20px; | |||
background: #FFF; | |||
font-size: 1.2em; | |||
border-top: dotted 1px #D5E1E6; | |||
font-weight: bold; | |||
r102 | } | ||
r144 | |||
r102 | h2.no-link { | ||
r144 | color: #006699; | ||
r102 | } | ||
r144 | |||
r102 | h2.no-border { | ||
r144 | color: #FFF; | ||
background: #556CB5; | |||
border: 0; | |||
r102 | } | ||
r144 | |||
r102 | h2 a { | ||
r144 | font-weight: bold; | ||
color: #006699; | |||
r102 | } | ||
div.page-path { | |||
r144 | text-align: right; | ||
padding: 20px 30px 10px 0; | |||
border: solid #d9d8d1; | |||
border-width: 0px 0px 1px; | |||
font-size: 1.2em; | |||
r102 | } | ||
div.page-footer { | |||
r144 | margin: 50px 0 0; | ||
position: relative; | |||
r102 | } | ||
r144 | |||
div.page-footer p { | |||
position: relative; | |||
left: 20px; | |||
bottom: 5px; | |||
font-size: 1.2em; | |||
} | |||
ul.rss-logo { | |||
position: absolute; | |||
top: -10px; | |||
right: 20px; | |||
height: 20px; | |||
list-style-type: none; | |||
} | |||
r102 | |||
r144 | ul.rss-logo li { | ||
display: inline; | |||
} | |||
ul.rss-logo li a { | |||
padding: 3px 6px; | |||
line-height: 10px; | |||
border: 1px solid; | |||
border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; | |||
color: #ffffff; | |||
background-color: #ff6600; | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
font-size: 10px; | |||
text-align: center; | |||
text-decoration: none; | |||
} | |||
div.rss-logo li a:hover { | |||
background-color: #ee5500; | |||
} | |||
r102 | |||
p.normal { | |||
r144 | margin: 20px 0 20px 30px; | ||
font-size: 1.2em; | |||
r102 | } | ||
table tr.parity0:hover,table tr.parity1:hover { | |||
r144 | background: #D5E1E6; | ||
r102 | } | ||
table tr.parity0 { | |||
r144 | background: #EAEAE9; | ||
r102 | } | ||
r144 | |||
table tr.parity1 { | |||
background: #FFFFFF; | |||
r102 | } | ||
span.logtags span { | |||
r144 | background-repeat: no-repeat; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 0px; | |||
text-align: left; | |||
r110 | font-weight: bold; | ||
r102 | } | ||
r144 | |||
r102 | span.logtags span.tagtag { | ||
r210 | background-image: url("/images/icons/tag_green.png"); | ||
r102 | } | ||
r144 | |||
r102 | span.logtags span.branchtag { | ||
r210 | background-image: url("/images/icons/arrow_branch.png"); | ||
r110 | color: #628F53; | ||
r102 | } | ||
r144 | |||
r102 | span.logtags span.inbranchtag { | ||
r210 | background-image: url("/images/icons/arrow_branch.png"); | ||
r102 | } | ||
div.diff pre { | |||
r144 | margin: 10px 0 0 0; | ||
r102 | } | ||
r144 | |||
r102 | div.diff pre span { | ||
r144 | font-family: monospace; | ||
white-space: pre; | |||
font-size: 1.2em; | |||
padding: 3px 0; | |||
r102 | } | ||
r144 | |||
r102 | td.source { | ||
r144 | white-space: pre; | ||
font-family: monospace; | |||
margin: 10px 30px 0; | |||
font-size: 1.2em; | |||
font-family: monospace; | |||
} | |||
div.source div.parity0,div.source div.parity1 { | |||
padding: 1px; | |||
font-size: 1.2em; | |||
r102 | } | ||
r144 | |||
div.source div.parity0 { | |||
background: #F1F6F7; | |||
} | |||
div.source div.parity1 { | |||
background: #FFFFFF; | |||
} | |||
div.parity0:hover,div.parity1:hover { | |||
background: #D5E1E6; | |||
r102 | } | ||
r144 | |||
r102 | .linenr { | ||
r144 | color: #999; | ||
text-align: right; | |||
r102 | } | ||
r144 | |||
r102 | .lineno { | ||
r144 | text-align: right; | ||
r102 | } | ||
r144 | |||
r102 | .lineno a { | ||
r144 | color: #999; | ||
r102 | } | ||
r144 | |||
r102 | td.linenr { | ||
r144 | width: 60px; | ||
r102 | } | ||
div#powered-by { | |||
r144 | position: absolute; | ||
width: 75px; | |||
top: 15px; | |||
right: 20px; | |||
font-size: 1.2em; | |||
r102 | } | ||
r144 | |||
div#powered-by a { | |||
color: #EEE; | |||
text-decoration: none; | |||
r102 | } | ||
r144 | |||
div#powered-by a:hover { | |||
text-decoration: underline; | |||
r102 | } | ||
r144 | |||
dl.overview { | |||
margin: 0 0 0 30px; | |||
font-size: 1.1em; | |||
overflow: hidden; | |||
r102 | } | ||
r144 | dl.overview dt,dl.overview dd { | ||
margin: 5px 0; | |||
float: left; | |||
r102 | } | ||
r144 | |||
dl.overview dt { | |||
clear: left; | |||
font-weight: bold; | |||
width: 150px; | |||
} | |||
/** end of summary **/ | |||
r102 | |||
/** chagelog **/ | |||
h3.changelog { | |||
r144 | margin: 20px 0 5px 30px; | ||
padding: 0 0 2px; | |||
font-size: 1.4em; | |||
border-bottom: dotted 1px #D5E1E6; | |||
r102 | } | ||
r144 | |||
r102 | ul.changelog-entry { | ||
r144 | margin: 0 0 10px 30px; | ||
list-style-type: none; | |||
position: relative; | |||
r102 | } | ||
r144 | |||
r102 | ul.changelog-entry li span.revdate { | ||
r144 | font-size: 1.1em; | ||
r102 | } | ||
r144 | |||
r102 | ul.changelog-entry li.age { | ||
r144 | position: absolute; | ||
top: -25px; | |||
right: 10px; | |||
font-size: 1.4em; | |||
color: #CCC; | |||
font-weight: bold; | |||
font-style: italic; | |||
r102 | } | ||
r144 | |||
r102 | ul.changelog-entry li span.name { | ||
r144 | font-size: 1.2em; | ||
font-weight: bold; | |||
r102 | } | ||
r144 | |||
r102 | ul.changelog-entry li.description { | ||
r144 | margin: 10px 0 0; | ||
font-size: 1.1em; | |||
r102 | } | ||
r144 | |||
/** end of changelog **/ | |||
r102 | |||
/** file **/ | |||
p.files { | |||
r144 | margin: 0 0 0 20px; | ||
font-size: 2.0em; | |||
font-weight: bold; | |||
r102 | } | ||
r144 | |||
/** end of file **/ | |||
r102 | |||
/** changeset **/ | |||
r144 | |||
r160 | .cs_files{ | ||
border: 2px solid #CCCCCC; | |||
width: 60%; | |||
r102 | } | ||
r160 | .cs_files .cs_added{ | ||
background:#BBFFBB; | |||
r102 | } | ||
r160 | .cs_files .cs_changed{ | ||
background: #FFDD88; | |||
} | |||
.cs_files .cs_removed{ | |||
background: #FF8888; | |||
r102 | } | ||
r144 | |||
/** end of changeset **/ | |||
r102 | |||
/** canvas **/ | |||
canvas { | |||
position: absolute; | |||
z-index: 5; | |||
top: -0.7em; | |||
} | |||
r160 | #graph{ | ||
overflow: hidden; | |||
r102 | |||
r160 | } | ||
#graph_nodes{ | |||
width:160px; | |||
float:left; | |||
r102 | } | ||
r160 | #graph_content{ | ||
width:800px; | |||
float:left; | |||
} | |||
#graph_content .container_header{ | |||
border:1px solid #CCCCCC; | |||
height:30px; | |||
background: #EEEEEE; | |||
} | |||
#graph_content .container .wrapper{ | |||
width: 600px; | |||
} | |||
#graph_content .container{ | |||
border-bottom: 1px solid #CCCCCC; | |||
border-left: 1px solid #CCCCCC; | |||
border-right: 1px solid #CCCCCC; | |||
height:120px; | |||
r102 | } | ||
r160 | #graph_content .container .left{ | ||
float:left; | |||
width: 70%; | |||
padding-left: 5px; | |||
r102 | } | ||
r160 | #graph_content .container .right{ | ||
float:right; | |||
width: 25%; | |||
} | |||
#graph_content .container .left .date{ | |||
font-weight:bold; | |||
} | |||
#graph_content .container .left .author{ | |||
} | |||
#graph_content .container .left .message{ | |||
font-size: 80%; | |||
r102 | } | ||
r160 | .right .added,.changed,.removed{ | ||
border:1px solid #DDDDDD; | |||
display:block; | |||
float:right; | |||
font-size:0.75em; | |||
text-align:center; | |||
min-width:15px; | |||
r102 | } | ||
r160 | .right .added{ | ||
background:#BBFFBB; | |||
r102 | } | ||
r160 | .right .changed{ | ||
background: #FFDD88; | |||
} | |||
.right .removed{ | |||
background: #FF8888; | |||
} | |||
r102 | /** end of canvas **/ | ||
r144 | /* FILE BROWSER */ | ||
div.browserblock { | |||
overflow: hidden; | |||
padding: 0px; | |||
border: 1px solid #ccc; | |||
background: #f8f8f8; | |||
font-size: 100%; | |||
line-height: 100%; | |||
/* new */ | |||
line-height: 125%; | |||
r102 | } | ||
r144 | div.browserblock .browser-header{ | ||
border-bottom: 1px solid #CCCCCC; | |||
background: #EEEEEE; | |||
color:blue; | |||
padding:10px 0 10px 0; | |||
} | |||
div.browserblock .browser-header span{ | |||
margin-left:25px; | |||
r102 | font-weight: bold; | ||
} | |||
r144 | div.browserblock .browser-body{ | ||
background: #EEEEEE; | |||
r102 | } | ||
r144 | |||
table.code-browser { | |||
r160 | border-collapse:collapse; | ||
width: 100%; | |||
r144 | } | ||
table.code-browser tr{ | |||
margin:3px; | |||
r102 | } | ||
r144 | |||
table.code-browser thead th { | |||
background-color: #EEEEEE; | |||
height: 20px; | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
text-align: center; | |||
r160 | text-align: left; | ||
padding-left: 10px; | |||
r144 | } | ||
table.code-browser tbody tr { | |||
r102 | |||
} | |||
r144 | |||
table.code-browser tbody td { | |||
r102 | |||
r144 | padding-left:10px; | ||
height: 20px; | |||
r102 | } | ||
r144 | |||
.info-table { | |||
background: none repeat scroll 0 0 #FAFAFA; | |||
border-bottom: 1px solid #DDDDDD; | |||
width: 100%; | |||
r102 | } | ||
r144 | |||
.rss_logo { | |||
r210 | background: url("/images/icons/rss_16.png") no-repeat scroll 3px; | ||
r144 | height: 16px; | ||
padding-left: 20px; | |||
padding-top: 0px; | |||
text-align: left; | |||
r105 | } | ||
r144 | .atom_logo { | ||
r210 | background: url("/images/icons/atom.png") no-repeat scroll 3px; | ||
r144 | height: 16px; | ||
padding-left: 20px; | |||
padding-top: 0px; | |||
text-align: left; | |||
} | |||
r210 | .archive_logo{ | ||
background: url("/images/icons/compress.png") no-repeat scroll 3px; | |||
height: 16px; | |||
padding-left: 20px; | |||
text-align: left; | |||
} | |||
r105 | |||
r144 | .browser-file { | ||
r210 | background: url("/images/icons/document_16.png") no-repeat scroll 3px; | ||
r144 | height: 16px; | ||
padding-left: 20px; | |||
text-align: left; | |||
r109 | } | ||
r144 | .browser-dir { | ||
r210 | background: url("/images/icons/folder_16.png") no-repeat scroll 3px; | ||
r144 | height: 16px; | ||
padding-left: 20px; | |||
text-align: left; | |||
} | |||
.current_submenu { | |||
border-bottom: 2px solid; | |||
} | |||
#repos_list { | |||
border: 1px solid #556CB5; | |||
background: #FFFFFF; | |||
r102 | } |