486 lines
11 KiB
CSS
486 lines
11 KiB
CSS
|
.clr { clear:both; }
|
||
|
|
.cls{zoom:1;}
|
||
|
|
.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
|
||
|
|
.clr15 { height:15px; clear:both; }
|
||
|
|
.clr20 { height:20px; clear:both; }
|
||
|
|
|
||
|
|
/*fonts.css*/
|
||
|
|
body { font:13px/1.231 "Lucida Grande",verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
|
||
|
|
body { background: #010410 url(bg-gradient.jpg) repeat-x top left; }
|
||
|
|
|
||
|
|
button, label { cursor:default; cursor:pointer; zoom:1; display:block; }
|
||
|
|
/* for images */
|
||
|
|
.left { float:left; margin:5px 20px 5px 0; }
|
||
|
|
.right{ float:right; margin:5px 0 5px 20px; }
|
||
|
|
|
||
|
|
em { font-weight:bold !important; }
|
||
|
|
|
||
|
|
a:link, a:visited, a:active { text-decoration:none; color:#3370C9; outline:none; border:0; }
|
||
|
|
a:hover { color: #00508c; text-decoration:underline; border:0; }
|
||
|
|
|
||
|
|
/* selection color */
|
||
|
|
::-moz-selection{ background: #2E6BC8; color: #fff; }
|
||
|
|
::selection { background: #2E6BC8; color: #fff; }
|
||
|
|
|
||
|
|
/* layout */
|
||
|
|
#wrapper { width: 96%; min-width: 1000px; max-width: 1150px; margin-left: auto; margin-right: auto; position: relative; }
|
||
|
|
#header { position:relative; background: transparent url(arrows.jpg) no-repeat top right;}
|
||
|
|
#header h1#h1title { margin: 0; padding: 0; color: #fff; position: absolute; top: 50px; right: 20px; font-weight:bold; font-size:153.9%; text-shadow: #4E89D5 1px 1px 1px; }
|
||
|
|
#header h1#h1title a { color: #fff; }
|
||
|
|
|
||
|
|
#logo a{ width:427px; height:88px; background:transparent url(logo.jpg) no-repeat top left; display:block; overflow:hidden; text-indent:-999em; }
|
||
|
|
|
||
|
|
#nav { text-align:right; position:relative; background:#2e6bc8 url(ur-corner.gif) no-repeat top right;}
|
||
|
|
#nav .tl { background:transparent url(ul-corner.jpg) no-repeat top left; text-align:right; }
|
||
|
|
#nav .tl a { text-decoration:none; }
|
||
|
|
#nav ul { padding: 0; margin: 0; padding-top:10px; float:left; padding-bottom:10px; margin-left:15px; }
|
||
|
|
#nav ul li { padding: 0; margin: 0; display:inline; font:bold 108% "Helvetica Neue", arial, sans-serif; line-height:131%; }
|
||
|
|
#nav ul li a:link,
|
||
|
|
#nav ul li a:visited { color:#fff; padding:7px 10px 10px; text-shadow: #000 0px 0px 3px; }
|
||
|
|
#nav ul li a:hover { border-top: 4px solid #fff; text-shadow: #fff 0px 0px 3px; }
|
||
|
|
#nav ul li a.current { border-top: 4px solid #fff; }
|
||
|
|
|
||
|
|
/* Content */
|
||
|
|
|
||
|
|
#content { width: 100%; margin-left: auto; margin-right: auto; position:relative; background:#fff; padding:30px 0 0; color: #495a7e; font:normal 100% "Lucida Grande", verdana, sans-serif; }
|
||
|
|
#content h1 { margin:10px 0 20px 30px; font-weight:bold; font-size:153.9%; }
|
||
|
|
#content h2 { margin:25px 0 15px 30px; font-weight:bold; font-size:140.0%; }
|
||
|
|
#content h3 { margin:10px 0 20px 30px; font-weight:bold; font-size:130.0%; }
|
||
|
|
#content h4 { margin:10px 0 20px 30px; font-weight:bold; font-size:120.0%; }
|
||
|
|
#content h5 { margin:10px 0 20px 30px; font-weight:bold; font-size:110.0%; }
|
||
|
|
#content ul li, #content ol li { margin:10px 0 0 30px; }
|
||
|
|
#content ul, #content ol { margin-bottom: 10px; }
|
||
|
|
#content p { margin:0 30px 15px 30px; font-size:93%; line-height:182%; }
|
||
|
|
#content dl { margin:0 30px 15px 30px; }
|
||
|
|
|
||
|
|
#content .section a {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Blue Sidebar Box */
|
||
|
|
#sidebar { margin-left: 30px; margin-bottom: 10px; }
|
||
|
|
#sidebar, .blue_box { color: white; margin-right: 30px; width:262px; float:right; }
|
||
|
|
#sidebar, .blue_box { background: #0d418f; }
|
||
|
|
#sidebar a, .blue_box a { color: #fff; }
|
||
|
|
#sidebar .bd, .blue_box .bd { min-height: 300px; width:262px; background: transparent url(sidebox.jpg) no-repeat top right; padding:0 0 15px; }
|
||
|
|
#sidebar .bd h2, .blue_box .bd h2 { margin:0; padding: 15px 20px; font: 138.5% "Lucida Grande", verdana, sans-serif; color:#fff; text-shadow: #000 0px 0px 3px; }
|
||
|
|
#sidebar .bd h3, .blue_box .bd h3 { margin:0; padding: 15px 20px; font: 110.5% "Lucida Grande", verdana, sans-serif; color:#fff; text-shadow: #000 0px 0px 3px; }
|
||
|
|
#sidebar .bd ul { margin-left: 5px; }
|
||
|
|
#sidebar .bd ul li { list-style-type: none; margin: 0 0 0 16px; background: transparent url(bullet_white.gif) no-repeat center left; padding: 3px 15px 3px 20px; font: 93% "Lucida Grande", verdana, sans-serif; color:#fff; }
|
||
|
|
#sidebar .bd ul.tree li { margin: 0 0 0 8px; }
|
||
|
|
#sidebar .ft, .blue_box .ft { width:262px; height:5px; float:right; background: transparent url(sidebox-foot.jpg) no-repeat bottom center; }
|
||
|
|
|
||
|
|
/* Bottom Rounded Corner */
|
||
|
|
|
||
|
|
#bot-rcnr { width: 100%; margin-left: auto; margin-right: auto; height:14px; position:relative; background:#fff url(br-corner.gif) no-repeat bottom right; }
|
||
|
|
#bot-rcnr .tl { width:12px; height:14px; background: transparent url(bl-corner.gif) no-repeat bottom left; }
|
||
|
|
|
||
|
|
/* Footer */
|
||
|
|
|
||
|
|
#footer p { padding:12px 0; text-align:center; font: 85% "Helvetica Neue", verdana, sans-serif; color: white; }
|
||
|
|
#footer { text-align: center; margin-bottom: 20px; color: white; }
|
||
|
|
|
||
|
|
#content em { color:#F06419; font-style:normal; }
|
||
|
|
|
||
|
|
/* Misc. Classes */
|
||
|
|
|
||
|
|
.perfect-overflow {
|
||
|
|
overflow/**/: auto;
|
||
|
|
margin-right: 30px;
|
||
|
|
margin-left: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.perfect-overflow-right {
|
||
|
|
overflow/**/: auto;
|
||
|
|
margin-right: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form {
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form fieldset legend {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form fieldset .form-row {
|
||
|
|
padding: 10px;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
background: #f5f5f5;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form fieldset .form-row label {
|
||
|
|
font-weight: bold;
|
||
|
|
float: left;
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form fieldset .form-row .form_error, .form fieldset .form-row .error_list {
|
||
|
|
font-weight: bold;
|
||
|
|
color: red;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Top 1 and 2 Slots */
|
||
|
|
/* Yellow and grey slots */
|
||
|
|
|
||
|
|
#top1 ul, #top2 ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top1 ul li, #top2 ul li {
|
||
|
|
display: inline;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: 15px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top1 .content {
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top2 .content {
|
||
|
|
padding: 3px;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top1 {
|
||
|
|
background: #F8FFBC;
|
||
|
|
height: 35px;
|
||
|
|
color: #333333;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top2 {
|
||
|
|
background: #e0e0e0;
|
||
|
|
height: 25px;
|
||
|
|
border-top: 1px solid #d0d0d0;
|
||
|
|
border-bottom: 1px solid #d0d0d0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top1_left {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#top1_right {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Breadcrumbs */
|
||
|
|
|
||
|
|
#breadcrumb_trail {
|
||
|
|
position: absolute;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: 30px;
|
||
|
|
padding-top: 6px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#breadcrumb_trail li {
|
||
|
|
list-style-type: none;
|
||
|
|
margin: 0 !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
text-indent: 20px;
|
||
|
|
margin-right: 15px !important;
|
||
|
|
float: left;
|
||
|
|
background: url(../sf/sf_admin/images/next.png) no-repeat 0px -2px;
|
||
|
|
line-height: 12px;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#breadcrumb_trail li a {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Random Colors */
|
||
|
|
|
||
|
|
.yellow {
|
||
|
|
background: #F8FFBC !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.light-blue {
|
||
|
|
background: #f4f9fc !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey {
|
||
|
|
background: #f5f5f5 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.green {
|
||
|
|
background: #f4fff2 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.orange {
|
||
|
|
background: #fdf9f1 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FEATURES */
|
||
|
|
|
||
|
|
/* Latest Build Link */
|
||
|
|
|
||
|
|
#latest-build {
|
||
|
|
color: #3370C9;
|
||
|
|
font: bold 93% "Lucida Grande", verdana, sans-serif;
|
||
|
|
text-align: left;
|
||
|
|
z-index: 20;
|
||
|
|
}
|
||
|
|
|
||
|
|
#latest-build a {
|
||
|
|
padding:10px 0 10px 25px;
|
||
|
|
background: transparent url(disk.gif) no-repeat left .7em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Frequently Asked Questions */
|
||
|
|
|
||
|
|
#faq #index { margin-left: 30px; margin-right: 30px; }
|
||
|
|
#faq #index li { margin-left: 65px; list-style-type: square; }
|
||
|
|
#faq #list li { background: #F5F5F5; padding: 0px; margin-right: 30px; }
|
||
|
|
|
||
|
|
/* Change Log */
|
||
|
|
|
||
|
|
.changelog ul { margin-left: 14px; }
|
||
|
|
.changelog ul li { list-style-type: square; line-height: 18px; }
|
||
|
|
.changelog hr { border: 1px solid black; }
|
||
|
|
|
||
|
|
/* Donate */
|
||
|
|
|
||
|
|
#donate { margin-left: 30px; margin-right: 30px; padding: 10px; }
|
||
|
|
.donate { text-align: center; padding-bottom: 10px; padding-top: 10px; }
|
||
|
|
|
||
|
|
/* Community */
|
||
|
|
|
||
|
|
.community-box {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-right: 30px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Comments */
|
||
|
|
|
||
|
|
div.comment_row .body { margin:12px 10px 10px; }
|
||
|
|
div.comment_row h3 { margin:10px 10px 15px; }
|
||
|
|
div.comment_row { margin-right: 30px; padding: 8px; margin: 0 30px 15px 30px; background: #f8ffbc; }
|
||
|
|
div.comment_row ul { margin-left: 20px; }
|
||
|
|
div.comment_row ul li { list-style-type: square; text-indent: 0; }
|
||
|
|
|
||
|
|
.stability_color_alpha {
|
||
|
|
color: #990000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stability_color_beta {
|
||
|
|
color: #CC6600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stability_color_rc {
|
||
|
|
color: #00CC00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stability_color_stable {
|
||
|
|
color: #32CD32;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rounded_corners {
|
||
|
|
-moz-border-radius : 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius : 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.error_list {
|
||
|
|
margin: 0;
|
||
|
|
margin-bottom: 7px;
|
||
|
|
color: #d33;
|
||
|
|
border: none;
|
||
|
|
background-color: #f33;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.error_list li {
|
||
|
|
padding: 4px;
|
||
|
|
padding-left: 25px;
|
||
|
|
list-style: none;
|
||
|
|
color: #fff;
|
||
|
|
background: url(../images/error.png) no-repeat 4px 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notice {
|
||
|
|
margin: 4px 0;
|
||
|
|
padding: 4px 4px 4px 30px;
|
||
|
|
background: url(../sf/sf_admin/images/tick.png) no-repeat 10px 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error {
|
||
|
|
margin: 4px 0;
|
||
|
|
padding: 4px 4px 4px 30px;
|
||
|
|
background: url(../sf/sf_admin/images/error.png) no-repeat 10px 4px;
|
||
|
|
background-color: #f33;
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notice, .error {
|
||
|
|
background-color: #ffc;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-right: 30px;
|
||
|
|
overflow/**/: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-right: 30px;
|
||
|
|
border-collapse: collapse;
|
||
|
|
width: 648px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
-moz-border-radius : 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius : 5px;
|
||
|
|
background-color: #2e6bc8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr {
|
||
|
|
border-bottom: 1px dotted #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr td {
|
||
|
|
padding: 5px;
|
||
|
|
background-color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr th {
|
||
|
|
background-color: white;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr th label {
|
||
|
|
margin-left: 5px;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr .title {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr .author {
|
||
|
|
white-space: nowrap;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr .description {
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tbody tr .download {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table thead tr th {
|
||
|
|
padding: 8px;
|
||
|
|
color: #ffffff;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-align: left;
|
||
|
|
background-color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.doctrine_table tfoot tr th {
|
||
|
|
padding: 10px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox_list {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox_list li {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox_list li label {
|
||
|
|
margin-right: 25px;
|
||
|
|
float: left;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox_list li input {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#help {
|
||
|
|
clear: both;
|
||
|
|
padding: 10px;
|
||
|
|
background: #fdf9f1;
|
||
|
|
overflow/**/: auto;
|
||
|
|
margin-right: 30px;
|
||
|
|
margin-left: 30px;
|
||
|
|
color: #000;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
margin-top: 30px;
|
||
|
|
-moz-border-radius : 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius : 5px;
|
||
|
|
background-color: #ffc;
|
||
|
|
}
|
||
|
|
|
||
|
|
#help a {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#help h3 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
font-size: 16px;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
#projects_menu {
|
||
|
|
background: #fff;
|
||
|
|
height: 36px;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
#projects_menu ul li {
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
padding: 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#projects_menu ul li:hover {
|
||
|
|
background: #333;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.download-button {
|
||
|
|
padding: 10px;
|
||
|
|
border: 1px solid #eee;
|
||
|
|
background: #ffc;
|
||
|
|
margin-left: 30px;
|
||
|
|
-moz-border-radius : 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius : 5px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 18px;
|
||
|
|
color: #333;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.download-button:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|