|
|
4c79b5 |
/*
|
|
|
4c79b5 |
Theme Name : TreeFlower
|
|
|
4c79b5 |
Theme URI : http:
|
|
|
4c79b5 |
Description : TreeFlower is a proposed motive for CentOS
|
|
|
4c79b5 |
theming. This is a workaround to take Punbb
|
|
|
4c79b5 |
application into that look and feel. Punbb
|
|
|
4c79b5 |
is the application we use in Forums.
|
|
|
4c79b5 |
Author : The CentOS Artwork SIG.
|
|
|
4c79b5 |
Licence: This CSS design is released under GPL (
|
|
|
4c79b5 |
http:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
$Author:$
|
|
|
4c79b5 |
$Revision:$
|
|
|
4c79b5 |
$Date:$
|
|
|
4c79b5 |
|
|
|
4c79b5 |
*/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
@import url(imports/base.css);
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun,
|
|
|
4c79b5 |
.pun input,
|
|
|
4c79b5 |
.pun select,
|
|
|
4c79b5 |
.pun textarea,
|
|
|
4c79b5 |
.pun optgroup {
|
|
|
4c79b5 |
font-family: inherit;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun {
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* Set font size for tables because IE requires it
|
|
|
4c79b5 |
* */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun table,
|
|
|
4c79b5 |
.pun input,
|
|
|
4c79b5 |
.pun select,
|
|
|
4c79b5 |
.pun optgroup,
|
|
|
4c79b5 |
.pun textarea,
|
|
|
4c79b5 |
div.postmsg p.postedit {
|
|
|
4c79b5 |
font-size: 1em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 2.2 Set the font-size for preformatted text i.e
|
|
|
4c79b5 |
* in code boxes */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun pre {
|
|
|
4c79b5 |
font-family: "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 2.3 Font size for headers */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun h2,
|
|
|
4c79b5 |
.pun h4 {
|
|
|
4c79b5 |
font-size: 1.2em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun h3 {
|
|
|
4c79b5 |
font-size: 1.1em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdtitle h1 {
|
|
|
4c79b5 |
padding-top: 26px;
|
|
|
4c79b5 |
font-size: 1.4em;
|
|
|
4c79b5 |
line-height: 1.5em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 2.4 Larger text for particular items */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postmsg p {
|
|
|
4c79b5 |
line-height: 1.4;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postleft dt {
|
|
|
4c79b5 |
font-size: 1.1em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun pre {
|
|
|
4c79b5 |
font-size: 1em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdtitle h1,
|
|
|
4c79b5 |
div.postleft dt,
|
|
|
4c79b5 |
div.postmsg h4,
|
|
|
4c79b5 |
div.linkst li,
|
|
|
4c79b5 |
div.linksb li,
|
|
|
4c79b5 |
div.postlinksb li,
|
|
|
4c79b5 |
div.forminfo h3,
|
|
|
4c79b5 |
p.postlink,
|
|
|
4c79b5 |
td.tcl h3,
|
|
|
4c79b5 |
.blockmenu li,
|
|
|
4c79b5 |
.pun span.warntext,
|
|
|
4c79b5 |
.pun p.warntext {
|
|
|
4c79b5 |
font-weight: bold;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
a:link { text-decoration: none; color: #204C8D }
|
|
|
4c79b5 |
a:hover { text-decoration: underline; color: green; }
|
|
|
4c79b5 |
a:active { text-decoration: underline; color: green; }
|
|
|
4c79b5 |
a:visited { text-decoration: none; color: #204C8D; }
|
|
|
4c79b5 |
a:visited:hover { text-decoration: underline; color: green; }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 3.2. This is the colour for links in tables
|
|
|
4c79b5 |
* titles rows
|
|
|
4c79b5 |
*/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.blockpost h2 a:link { text-decoration: none; color: #EEE }
|
|
|
4c79b5 |
.blockpost h2 a:hover { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
.blockpost h2 a:active { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
.blockpost h2 a:visited { text-decoration: none; color: #EEE; }
|
|
|
4c79b5 |
.blockpost h2 a:visited:hover { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 3.3. This is the color for page bottom credits.
|
|
|
4c79b5 |
* */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.credits a:link { text-decoration: none; color: #EEE }
|
|
|
4c79b5 |
.credits a:hover { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
.credits a:active { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
.credits a:visited { text-decoration: none; color: #EEE; }
|
|
|
4c79b5 |
.credits a:visited:hover { text-decoration: underline; color: #FFF; }
|
|
|
4c79b5 |
.credits a { font-style: italic; }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 3.4 This is for closed topics and "hot" links */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
tr.iclosed td.tcl a:link,
|
|
|
4c79b5 |
tr.iclosed td.tcl a:visited { }
|
|
|
4c79b5 |
tr.iclosed td.tcl a:hover { }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
li.maintenancelink a:link,
|
|
|
4c79b5 |
li.maintenancelink a:visited { }
|
|
|
4c79b5 |
li.maintenancelink a:hover { }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.box,
|
|
|
4c79b5 |
.pun td,
|
|
|
4c79b5 |
.pun th,
|
|
|
4c79b5 |
div.blockpost label {
|
|
|
4c79b5 |
border-style: solid;
|
|
|
4c79b5 |
border-width: 1px
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun blockquote, div.codebox, div.forminfo {
|
|
|
4c79b5 |
border: none;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdheader div.box {
|
|
|
4c79b5 |
border: none;
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
background-image: url("../img/header-background.png");
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 4.3 Borders for table cells */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun td, .pun th {
|
|
|
4c79b5 |
border-bottom: none;
|
|
|
4c79b5 |
border-right: none
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun .tcl {
|
|
|
4c79b5 |
border-left: none
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 4.4 Special setting for fieldsets to preserve
|
|
|
4c79b5 |
* IE defaults */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div > fieldset {
|
|
|
4c79b5 |
border-style: solid;
|
|
|
4c79b5 |
border-width: 1px
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
html {
|
|
|
4c79b5 |
background-image:url(../img/html-background.png);
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
|
|
|
4c79b5 |
font-size: 0.80em;
|
|
|
4c79b5 |
line-height: 1.25em;
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* margin: 0 1% 0 1%; /* <- with 1% of left and right margin */
|
|
|
4c79b5 |
/* margin: 0 2% 0 2%; /* <- with 2% of left and right margin */
|
|
|
4c79b5 |
margin: 0 4% 0 4%; /* <- with 4% of left and right margin */
|
|
|
4c79b5 |
/* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
body {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
border-width: 10px;
|
|
|
4c79b5 |
border-style: solid;
|
|
|
4c79b5 |
border-color:
|
|
|
4c79b5 |
padding:0;
|
|
|
4c79b5 |
margin:0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#punwrap {
|
|
|
4c79b5 |
margin: 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 5.2 Creates vertical space between main board
|
|
|
4c79b5 |
* elements (Margins) */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blocktable,
|
|
|
4c79b5 |
div.block,
|
|
|
4c79b5 |
div.blockform,
|
|
|
4c79b5 |
div.block2col,
|
|
|
4c79b5 |
#postreview {
|
|
|
4c79b5 |
margin-bottom: 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#punindex div.blocktable,
|
|
|
4c79b5 |
div.blockpost {
|
|
|
4c79b5 |
margin-bottom: 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.block2col div.blockform,
|
|
|
4c79b5 |
div.block2col div.block {
|
|
|
4c79b5 |
margin-bottom: 0px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 5.3 Remove space above breadcrumbs, postlinks
|
|
|
4c79b5 |
* and pagelinks with a negative top margin */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.linkst,
|
|
|
4c79b5 |
div.linksb {
|
|
|
4c79b5 |
margin-top: -12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postlinksb {
|
|
|
4c79b5 |
margin-top: -6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* box in index because the category tables only
|
|
|
4c79b5 |
* have a 6px space beneath them */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdstats {
|
|
|
4c79b5 |
margin-top: 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 5.5 Header presentation. This is where the
|
|
|
4c79b5 |
* CentOS Theme motive take place. */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdtitle {
|
|
|
4c79b5 |
line-height: 1.0em;
|
|
|
4c79b5 |
border:none;
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
margin: 0;
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#logo {
|
|
|
4c79b5 |
float: left;
|
|
|
4c79b5 |
margin: 10px;
|
|
|
4c79b5 |
margin-right: 1.5em;
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
|
|
|
4c79b5 |
font-size: 1.4em;
|
|
|
4c79b5 |
line-height: 1em;
|
|
|
4c79b5 |
vertical-align: middle;
|
|
|
4c79b5 |
font-weight: bold;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pageline {
|
|
|
4c79b5 |
clear: both;
|
|
|
4c79b5 |
margin: 0;
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
width: 100%;
|
|
|
4c79b5 |
/* sync these values, line-height is needed for IE */
|
|
|
4c79b5 |
height: 5px;
|
|
|
4c79b5 |
line-height: 5px;
|
|
|
4c79b5 |
background:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdheader .pageline { border-bottom: 1px solid #DDD; }
|
|
|
4c79b5 |
#brdfooter .pageline { border-top: 1px solid #DDD; }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#punredirect div.block,
|
|
|
4c79b5 |
#punmaint div.block {
|
|
|
4c79b5 |
margin: 20% 20% 29% 20%;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdfooter {
|
|
|
4c79b5 |
margin-bottom: 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdfooter div.box {
|
|
|
4c79b5 |
border: none;
|
|
|
4c79b5 |
background-color: transparent;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.credits {
|
|
|
4c79b5 |
border: none;
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
background-image: url("../img/header-background.png");
|
|
|
4c79b5 |
text-align: center;
|
|
|
4c79b5 |
padding: 1em !important;
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 6.1 Default padding for main items */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.block div.inbox,
|
|
|
4c79b5 |
div.blockmenu div.inbox {
|
|
|
4c79b5 |
padding: 3px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun p,
|
|
|
4c79b5 |
.pun ul,
|
|
|
4c79b5 |
.pun dl,
|
|
|
4c79b5 |
div.blockmenu li,
|
|
|
4c79b5 |
.pun label,
|
|
|
4c79b5 |
#announce div.inbox div {
|
|
|
4c79b5 |
padding: 3px 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun h2 {
|
|
|
4c79b5 |
padding: 0.5em;
|
|
|
4c79b5 |
font-weight: bold;
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
border: 1px solid
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 6.2 Special spacing for various elements */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun h1 {
|
|
|
4c79b5 |
padding: 3px 0px 0px 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdtitle p {
|
|
|
4c79b5 |
padding-top: 0px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.linkst {
|
|
|
4c79b5 |
padding: 8px 6px 3px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.linksb,
|
|
|
4c79b5 |
div.postlinksb {
|
|
|
4c79b5 |
padding: 3px 6px 8px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdwelcome,
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockmenu li,
|
|
|
4c79b5 |
div.rbox input {
|
|
|
4c79b5 |
line-height: 1.4em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdwelcome {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
border: none;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#viewprofile dt,
|
|
|
4c79b5 |
#viewprofile dd {
|
|
|
4c79b5 |
padding: 0 3px; line-height: 2em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 6.4 Create some horizontal spacing for various
|
|
|
4c79b5 |
* elements */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.brdmenu li {
|
|
|
4c79b5 |
display:inline;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.brdmenu li,
|
|
|
4c79b5 |
div.rbox input,
|
|
|
4c79b5 |
div.blockform p input {
|
|
|
4c79b5 |
margin-right: 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun th,
|
|
|
4c79b5 |
.pun td {
|
|
|
4c79b5 |
padding: 4px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun td p {
|
|
|
4c79b5 |
padding: 5px 0 0 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.1 Padding around left and right columns in
|
|
|
4c79b5 |
* viewtopic */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postleft dl,
|
|
|
4c79b5 |
div.postright {
|
|
|
4c79b5 |
padding: 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.2 Extra spacing for poster contact details
|
|
|
4c79b5 |
* and avatar */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
dd.usercontacts,
|
|
|
4c79b5 |
dd.postavatar {
|
|
|
4c79b5 |
margin-top: 5px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
dd.postavatar {
|
|
|
4c79b5 |
margin-bottom: 5px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
dd.postavatar img {
|
|
|
4c79b5 |
border: 1px solid
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.3 Extra top spacing for signatures and edited
|
|
|
4c79b5 |
* by */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postsignature,
|
|
|
4c79b5 |
div.postmsg p.postedit {
|
|
|
4c79b5 |
padding-top: 15px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.4 Spacing for code and quote boxes */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postmsg h4 {
|
|
|
4c79b5 |
margin-bottom: 10px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun blockquote,
|
|
|
4c79b5 |
div.codebox {
|
|
|
4c79b5 |
margin: 5px 15px 15px 15px;
|
|
|
4c79b5 |
padding: 8px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.scrollbox {
|
|
|
4c79b5 |
height: 1.5em !important;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.5 Padding for the action links and online
|
|
|
4c79b5 |
* indicator in viewtopic */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postfootleft p,
|
|
|
4c79b5 |
div.postfootright ul,
|
|
|
4c79b5 |
div.postfootright div {
|
|
|
4c79b5 |
padding: 5px 6px 5px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* multi-delete view */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockpost input,
|
|
|
4c79b5 |
div.blockpost label {
|
|
|
4c79b5 |
padding: 3px;
|
|
|
4c79b5 |
display: inline;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
p.multidelete {
|
|
|
4c79b5 |
padding-top: 15px;
|
|
|
4c79b5 |
padding-bottom: 5px
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
p.multidelete label {
|
|
|
4c79b5 |
border-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 8.7 Make sure paragraphs in posts don't get any
|
|
|
4c79b5 |
* padding */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postmsg p {
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockform form,
|
|
|
4c79b5 |
div.fakeform {
|
|
|
4c79b5 |
padding: 20px 20px 15px 20px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.inform {
|
|
|
4c79b5 |
padding-bottom: 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun fieldset {
|
|
|
4c79b5 |
padding: 0px 12px 0px 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.infldset {
|
|
|
4c79b5 |
padding: 9px 0px 12px 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun legend {
|
|
|
4c79b5 |
padding: 0px 6px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* registration form and elsewhere */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.forminfo {
|
|
|
4c79b5 |
margin-bottom: 12px;
|
|
|
4c79b5 |
padding: 9px 10px
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 9.4 BBCode help links in post forms */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
ul.bblinks li {
|
|
|
4c79b5 |
padding-right: 20px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
ul.bblinks {
|
|
|
4c79b5 |
padding-bottom: 10px;
|
|
|
4c79b5 |
padding-left: 4px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 9.5 Horizontal positioning for the submit
|
|
|
4c79b5 |
* button on forms */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockform p input {
|
|
|
4c79b5 |
margin-left: 12px;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* appear at the left of some tables. .inew = new
|
|
|
4c79b5 |
* posts, .iredirect = redirect forums, .iclosed =
|
|
|
4c79b5 |
* closed topics and .isticky = sticky topics. By
|
|
|
4c79b5 |
* default only .inew is different from the
|
|
|
4c79b5 |
* default.*/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.icon {
|
|
|
4c79b5 |
float: left;
|
|
|
4c79b5 |
margin-top: 0.1em;
|
|
|
4c79b5 |
margin-left: 0.2em;
|
|
|
4c79b5 |
display: block;
|
|
|
4c79b5 |
border-width: 0.6em 0.6em 0.6em 0.6em;
|
|
|
4c79b5 |
border-style: solid;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.searchposts div.icon {
|
|
|
4c79b5 |
margin-left: 0;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* column of tables with post indicators. The
|
|
|
4c79b5 |
* margin creates space for the post status
|
|
|
4c79b5 |
* indicator */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
td div.tclcon {
|
|
|
4c79b5 |
margin-left: 2.3em;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.box,
|
|
|
4c79b5 |
div.codebox,
|
|
|
4c79b5 |
#adminconsole fieldset th,
|
|
|
4c79b5 |
.pun blockquote,
|
|
|
4c79b5 |
.rowodd,
|
|
|
4c79b5 |
.roweven {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#adminconsole td,
|
|
|
4c79b5 |
#adminconsole th {
|
|
|
4c79b5 |
border-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
td.tc2,
|
|
|
4c79b5 |
td.tc3,
|
|
|
4c79b5 |
td.tcmod,
|
|
|
4c79b5 |
#postpreview,
|
|
|
4c79b5 |
#viewprofile dd,
|
|
|
4c79b5 |
div.forminfo,
|
|
|
4c79b5 |
#adminconsole fieldset td,
|
|
|
4c79b5 |
div.blockmenu div.box,
|
|
|
4c79b5 |
#adstats dd {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 1.3. Main headers and navigation bar background and text colour */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun h2 {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
background-image: url("../img/h1-background.png");
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdheader .brdmenu {
|
|
|
4c79b5 |
display: block;
|
|
|
4c79b5 |
margin: 0;
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
white-space: nowrap;
|
|
|
4c79b5 |
background:
|
|
|
4c79b5 |
border-bottom: 2px dotted
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
#brdfooter .brdmenu {
|
|
|
4c79b5 |
display: block;
|
|
|
4c79b5 |
margin: 0;
|
|
|
4c79b5 |
padding: 0;
|
|
|
4c79b5 |
white-space: nowrap;
|
|
|
4c79b5 |
background:
|
|
|
4c79b5 |
border-top: 2px dotted
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.brdmenu ul {
|
|
|
4c79b5 |
padding: 3px !important;
|
|
|
4c79b5 |
padding-left: 20px !important;
|
|
|
4c79b5 |
text-align: center;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun th {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
font-weight: bold;
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun legend {
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 1.6. Highlighted text for various items */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun div.blockmenu li.isactive a,
|
|
|
4c79b5 |
#posterror li strong {
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockpost div.box,
|
|
|
4c79b5 |
div.postright,
|
|
|
4c79b5 |
div.postfootright {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postright,
|
|
|
4c79b5 |
div.postfootright {
|
|
|
4c79b5 |
border-left-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.postleft,
|
|
|
4c79b5 |
div.postfootleft,
|
|
|
4c79b5 |
div.blockpost label {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 12.2 Background for post headers and text colour
|
|
|
4c79b5 |
* for post numbers in viewtopic */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockpost h2 {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockpost h2 span.conr { color: #EEE; }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* posts. Colour and background should be the same
|
|
|
4c79b5 |
* */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun hr {
|
|
|
4c79b5 |
background-color:
|
|
|
4c79b5 |
color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* colour used for post headers */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.blockpost div.box { }
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 13.3 Table internal borders. By default th is
|
|
|
4c79b5 |
* same as background so border is invisible */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun td {border-color: #BBCEDE}
|
|
|
4c79b5 |
.pun th {border-color: #D1D1D1}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/* 13.4. Creates the inset border for quote boxes,
|
|
|
4c79b5 |
* code boxes and form info boxes */
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun blockquote,
|
|
|
4c79b5 |
div.codebox,
|
|
|
4c79b5 |
div.forminfo,
|
|
|
4c79b5 |
div.blockpost label {
|
|
|
4c79b5 |
border-left: 4px solid
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* really nasty so this gives them a colour
|
|
|
4c79b5 |
* without interferring with IE's rather nice
|
|
|
4c79b5 |
* default.
|
|
|
4c79b5 |
*/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
.pun div > fieldset {
|
|
|
4c79b5 |
border-color:
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
/****************************************************************/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
* appear at the left of some tables. .inew = new
|
|
|
4c79b5 |
* posts, .iredirect = redirect forums, .iclosed =
|
|
|
4c79b5 |
* closed topics and .isticky = sticky topics. The
|
|
|
4c79b5 |
* default is "icon". By default only .inew is
|
|
|
4c79b5 |
* different.*/
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.icon {
|
|
|
4c79b5 |
border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
tr.iredirect div.icon {
|
|
|
4c79b5 |
border-color: #F5F9FF #F5F9FF #F5F9FF #F5F9FF;
|
|
|
4c79b5 |
}
|
|
|
4c79b5 |
|
|
|
4c79b5 |
div.inew {
|
|
|
4c79b5 |
border-color: #0080D7 #0065C0 #0058B3 #0072CA;
|
|
|
4c79b5 |
}
|