Blame Extras/phpBB/3.0.4/styles/prosilver/theme/common.css

4c79b5
/* General proSilver Markup Styles
4c79b5
---------------------------------------- */
4c79b5
4c79b5
* {
4c79b5
	/* Reset browsers default margin, padding and font sizes */
4c79b5
	margin: 0;
4c79b5
	padding: 0;
4c79b5
}
4c79b5
4c79b5
html {
4c79b5
	font-size: 100%;
4c79b5
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
4c79b5
	height: 100%;
4c79b5
	margin-bottom: 1px;
4c79b5
}
4c79b5
4c79b5
body {
4c79b5
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
4c79b5
	font-family: Verdana, Helvetica, Arial, sans-serif;
4c79b5
	color: #828282;
4c79b5
	background-color: #FFFFFF;
4c79b5
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
4c79b5
	font-size: 10px;
4c79b5
	margin: 0;
4c79b5
	padding: 12px 0;
4c79b5
}
4c79b5
4c79b5
h1 {
4c79b5
	/* Forum name */
4c79b5
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
4c79b5
	margin-right: 200px;
4c79b5
	color: #FFFFFF;
4c79b5
	margin-top: 15px;
4c79b5
	font-weight: bold;
4c79b5
	font-size: 2em;
4c79b5
}
4c79b5
4c79b5
h2 {
4c79b5
	/* Forum header titles */
4c79b5
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
4c79b5
	font-weight: normal;
4c79b5
	color: #3f3f3f;
4c79b5
	font-size: 2em;
4c79b5
	margin: 0.8em 0 0.2em 0;
4c79b5
}
4c79b5
4c79b5
h2.solo {
4c79b5
	margin-bottom: 1em;
4c79b5
}
4c79b5
4c79b5
h3 {
4c79b5
	/* Sub-headers (also used as post headers, but defined later) */
4c79b5
	font-family: Arial, Helvetica, sans-serif;
4c79b5
	font-weight: bold;
4c79b5
	text-transform: uppercase;
4c79b5
	border-bottom: 1px solid #CCCCCC;
4c79b5
	margin-bottom: 3px;
4c79b5
	padding-bottom: 2px;
4c79b5
	font-size: 1.05em;
4c79b5
	color: #989898;
4c79b5
	margin-top: 20px;
4c79b5
}
4c79b5
4c79b5
h4 {
4c79b5
	/* Forum and topic list titles */
4c79b5
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
4c79b5
	font-size: 1.3em;
4c79b5
}
4c79b5
4c79b5
p {
4c79b5
	line-height: 1.3em;
4c79b5
	font-size: 1.1em;
4c79b5
	margin-bottom: 1.5em;
4c79b5
}
4c79b5
4c79b5
img {
4c79b5
	border-width: 0;
4c79b5
}
4c79b5
4c79b5
hr {
4c79b5
	/* Also see tweaks.css */
4c79b5
	border: 0 none #FFFFFF;
4c79b5
	border-top: 1px solid #CCCCCC;
4c79b5
	height: 1px;
4c79b5
	margin: 5px 0;
4c79b5
	display: block;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
hr.dashed {
4c79b5
	border-top: 1px dashed #CCCCCC;
4c79b5
	margin: 10px 0;
4c79b5
}
4c79b5
4c79b5
hr.divider {
4c79b5
	display: none;
4c79b5
}
4c79b5
4c79b5
p.right {
4c79b5
	text-align: right;
4c79b5
}
4c79b5
4c79b5
/* Main blocks
4c79b5
---------------------------------------- */
4c79b5
#wrap {
4c79b5
	padding: 0 20px;
4c79b5
	min-width: 650px;
4c79b5
}
4c79b5
4c79b5
#simple-wrap {
4c79b5
	padding: 6px 10px;
4c79b5
}
4c79b5
4c79b5
#page-body {
4c79b5
	margin: 4px 0;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
#page-footer {
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
#page-footer h3 {
4c79b5
	margin-top: 20px;
4c79b5
}
4c79b5
4c79b5
#logo {
4c79b5
	float: left;
4c79b5
	width: auto;
4c79b5
	padding: 10px 13px 0 10px;
4c79b5
}
4c79b5
4c79b5
a#logo:hover {
4c79b5
	text-decoration: none;
4c79b5
}
4c79b5
4c79b5
/* Search box
4c79b5
--------------------------------------------- */
4c79b5
#search-box {
4c79b5
	color: #FFFFFF;
4c79b5
	position: relative;
4c79b5
	margin-top: 30px;
4c79b5
	margin-right: 5px;
4c79b5
	display: block;
4c79b5
	float: right;
4c79b5
	text-align: right;
4c79b5
	white-space: nowrap; /* For Opera */
4c79b5
}
4c79b5
4c79b5
#search-box #keywords {
4c79b5
	width: 95px;
4c79b5
	background-color: #FFF;
4c79b5
}
4c79b5
4c79b5
#search-box input {
4c79b5
	border: 1px solid #b0b0b0;
4c79b5
}
4c79b5
4c79b5
/* .button1 style defined later, just a few tweaks for the search button version */
4c79b5
#search-box input.button1 {
4c79b5
	padding: 1px 5px;
4c79b5
}
4c79b5
4c79b5
#search-box li {
4c79b5
	text-align: right;
4c79b5
	margin-top: 4px;
4c79b5
}
4c79b5
4c79b5
#search-box img {
4c79b5
	vertical-align: middle;
4c79b5
	margin-right: 3px;
4c79b5
}
4c79b5
4c79b5
/* Site description and logo */
4c79b5
#site-description {
4c79b5
	float: left;
4c79b5
	width: 70%;
4c79b5
}
4c79b5
4c79b5
#site-description h1 {
4c79b5
	margin-right: 0;
4c79b5
}
4c79b5
4c79b5
/* Round cornered boxes and backgrounds
4c79b5
---------------------------------------- */
4c79b5
.headerbar {
4c79b5
	background: #ebebeb none repeat-x 0 0;
4c79b5
	color: #FFFFFF;
4c79b5
	margin-bottom: 4px;
4c79b5
	padding: 0 5px;
4c79b5
}
4c79b5
4c79b5
.navbar {
4c79b5
	background-color: #ebebeb;
4c79b5
	padding: 0 10px;
4c79b5
}
4c79b5
4c79b5
.forabg {
4c79b5
	background: #b1b1b1 none repeat-x 0 0;
4c79b5
	margin-bottom: 4px;
4c79b5
	padding: 0 5px;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
.forumbg {
4c79b5
	background: #ebebeb none repeat-x 0 0;
4c79b5
	margin-bottom: 4px;
4c79b5
	padding: 0 5px;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
.panel {
4c79b5
	margin-bottom: 4px;
4c79b5
	padding: 0 10px;
4c79b5
	background-color: #f3f3f3;
4c79b5
	color: #3f3f3f;
4c79b5
}
4c79b5
4c79b5
.post {
4c79b5
	padding: 0 10px;
4c79b5
	margin-bottom: 4px;
4c79b5
	background-repeat: no-repeat;
4c79b5
	background-position: 100% 0;
4c79b5
}
4c79b5
4c79b5
.post:target .content {
4c79b5
	color: #000000;
4c79b5
}
4c79b5
4c79b5
.post:target h3 a {
4c79b5
	color: #000000;
4c79b5
}
4c79b5
4c79b5
.bg1	{ background-color: #f7f7f7;}
4c79b5
.bg2	{ background-color: #f2f2f2; }
4c79b5
.bg3	{ background-color: #ebebeb; }
4c79b5
4c79b5
.rowbg {
4c79b5
	margin: 5px 5px 2px 5px;
4c79b5
}
4c79b5
4c79b5
.ucprowbg {
4c79b5
	background-color: #e2e2e2;
4c79b5
}
4c79b5
4c79b5
.fieldsbg {
4c79b5
	/*border: 1px #DBDEE2 solid;*/
4c79b5
	background-color: #eaeaea;
4c79b5
}
4c79b5
4c79b5
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
4c79b5
	font-size: 1px;
4c79b5
	line-height: 1px;
4c79b5
	display: block;
4c79b5
	height: 5px;
4c79b5
	background-repeat: no-repeat;
4c79b5
}
4c79b5
4c79b5
span.corners-top {
4c79b5
	background-image: none;
4c79b5
	background-position: 0 0;
4c79b5
	margin: 0 -5px;
4c79b5
}
4c79b5
4c79b5
span.corners-top span {
4c79b5
	background-image: none;
4c79b5
	background-position: 100% 0;
4c79b5
}
4c79b5
4c79b5
span.corners-bottom {
4c79b5
	background-image: none;
4c79b5
	background-position: 0 100%;
4c79b5
	margin: 0 -5px;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
span.corners-bottom span {
4c79b5
	background-image: none;
4c79b5
	background-position: 100% 100%;
4c79b5
}
4c79b5
4c79b5
.headbg span.corners-bottom {
4c79b5
	margin-bottom: -1px;
4c79b5
}
4c79b5
4c79b5
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
4c79b5
	margin: 0 -10px;
4c79b5
}
4c79b5
4c79b5
.rules span.corners-top {
4c79b5
	margin: 0 -10px 5px -10px;
4c79b5
}
4c79b5
4c79b5
.rules span.corners-bottom {
4c79b5
	margin: 5px -10px 0 -10px;
4c79b5
}
4c79b5
4c79b5
/* Horizontal lists
4c79b5
----------------------------------------*/
4c79b5
ul.linklist {
4c79b5
	display: block;
4c79b5
	margin: 0;
4c79b5
}
4c79b5
4c79b5
ul.linklist li {
4c79b5
	display: block;
4c79b5
	list-style-type: none;
4c79b5
	float: left;
4c79b5
	width: auto;
4c79b5
	margin-right: 5px;
4c79b5
	font-size: 1.1em;
4c79b5
	line-height: 2.2em;
4c79b5
}
4c79b5
4c79b5
ul.linklist li.rightside, p.rightside {
4c79b5
	float: right;
4c79b5
	margin-right: 0;
4c79b5
	margin-left: 5px;
4c79b5
	text-align: right;
4c79b5
}
4c79b5
4c79b5
ul.navlinks {
4c79b5
	padding-bottom: 1px;
4c79b5
	margin-bottom: 1px;
4c79b5
	border-bottom: 1px solid #FFFFFF;
4c79b5
	font-weight: bold;
4c79b5
}
4c79b5
4c79b5
ul.leftside {
4c79b5
	float: left;
4c79b5
	margin-left: 0;
4c79b5
	margin-right: 5px;
4c79b5
	text-align: left;
4c79b5
}
4c79b5
4c79b5
ul.rightside {
4c79b5
	float: right;
4c79b5
	margin-left: 5px;
4c79b5
	margin-right: -5px;
4c79b5
	text-align: right;
4c79b5
}
4c79b5
4c79b5
/* Table styles
4c79b5
----------------------------------------*/
4c79b5
table.table1 {
4c79b5
	/* See tweaks.css */
4c79b5
}
4c79b5
4c79b5
#ucp-main table.table1 {
4c79b5
	padding: 2px;
4c79b5
}
4c79b5
4c79b5
table.table1 thead th {
4c79b5
	font-weight: normal;
4c79b5
	text-transform: uppercase;
4c79b5
	color: #FFFFFF;
4c79b5
	line-height: 1.3em;
4c79b5
	font-size: 1em;
4c79b5
	padding: 0 0 4px 3px;
4c79b5
}
4c79b5
4c79b5
table.table1 thead th span {
4c79b5
	padding-left: 7px;
4c79b5
}
4c79b5
4c79b5
table.table1 tbody tr {
4c79b5
	border: 1px solid #cfcfcf;
4c79b5
}
4c79b5
4c79b5
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
4c79b5
	background-color: #f6f6f6;
4c79b5
	color: #000;
4c79b5
}
4c79b5
4c79b5
table.table1 td {
4c79b5
	color: #6a6a6a;
4c79b5
	font-size: 1.1em;
4c79b5
}
4c79b5
4c79b5
table.table1 tbody td {
4c79b5
	padding: 5px;
4c79b5
	border-top: 1px solid #FAFAFA;
4c79b5
}
4c79b5
4c79b5
table.table1 tbody th {
4c79b5
	padding: 5px;
4c79b5
	border-bottom: 1px solid #000000;
4c79b5
	text-align: left;
4c79b5
	color: #333333;
4c79b5
	background-color: #FFFFFF;
4c79b5
}
4c79b5
4c79b5
/* Specific column styles */
4c79b5
table.table1 .name		{ text-align: left; }
4c79b5
table.table1 .posts		{ text-align: center !important; width: 7%; }
4c79b5
table.table1 .joined	{ text-align: left; width: 15%; }
4c79b5
table.table1 .active	{ text-align: left; width: 15%; }
4c79b5
table.table1 .mark		{ text-align: center; width: 7%; }
4c79b5
table.table1 .info		{ text-align: left; width: 30%; }
4c79b5
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
4c79b5
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
4c79b5
table.table1 thead .autocol { padding-left: 1em; }
4c79b5
4c79b5
table.table1 span.rank-img {
4c79b5
	float: right;
4c79b5
	width: auto;
4c79b5
}
4c79b5
4c79b5
table.info td {
4c79b5
	padding: 3px;
4c79b5
}
4c79b5
4c79b5
table.info tbody th {
4c79b5
	padding: 3px;
4c79b5
	text-align: right;
4c79b5
	vertical-align: top;
4c79b5
	color: #000000;
4c79b5
	font-weight: normal;
4c79b5
}
4c79b5
4c79b5
.forumbg table.table1 {
4c79b5
	margin: 0 -2px -1px -1px;
4c79b5
}
4c79b5
4c79b5
/* Misc layout styles
4c79b5
---------------------------------------- */
4c79b5
/* column[1-2] styles are containers for two column layouts 
4c79b5
   Also see tweaks.css */
4c79b5
.column1 {
4c79b5
	float: left;
4c79b5
	clear: left;
4c79b5
	width: 49%;
4c79b5
}
4c79b5
4c79b5
.column2 {
4c79b5
	float: right;
4c79b5
	clear: right;
4c79b5
	width: 49%;
4c79b5
}
4c79b5
4c79b5
/* General classes for placing floating blocks */
4c79b5
.left-box {
4c79b5
	float: left;
4c79b5
	width: auto;
4c79b5
	text-align: left;
4c79b5
}
4c79b5
4c79b5
.right-box {
4c79b5
	float: right;
4c79b5
	width: auto;
4c79b5
	text-align: right;
4c79b5
}
4c79b5
4c79b5
dl.details {
4c79b5
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
4c79b5
	font-size: 1.1em;
4c79b5
}
4c79b5
4c79b5
dl.details dt {
4c79b5
	float: left;
4c79b5
	clear: left;
4c79b5
	width: 30%;
4c79b5
	text-align: right;
4c79b5
	color: #000000;
4c79b5
	display: block;
4c79b5
}
4c79b5
4c79b5
dl.details dd {
4c79b5
	margin-left: 0;
4c79b5
	padding-left: 5px;
4c79b5
	margin-bottom: 5px;
4c79b5
	color: #828282;
4c79b5
	float: left;
4c79b5
	width: 65%;
4c79b5
}
4c79b5
4c79b5
/* Pagination
4c79b5
---------------------------------------- */
4c79b5
.pagination {
4c79b5
	height: 1%; /* IE tweak (holly hack) */
4c79b5
	width: auto;
4c79b5
	text-align: right;
4c79b5
	margin-top: 5px;
4c79b5
	float: right;
4c79b5
}
4c79b5
4c79b5
.pagination span.page-sep {
4c79b5
	display: none;
4c79b5
}
4c79b5
4c79b5
li.pagination {
4c79b5
	margin-top: 0;
4c79b5
}
4c79b5
4c79b5
.pagination strong, .pagination b {
4c79b5
	font-weight: normal;
4c79b5
}
4c79b5
4c79b5
.pagination span strong {
4c79b5
	padding: 0 2px;
4c79b5
	margin: 0 2px;
4c79b5
	font-weight: normal;
4c79b5
	color: #FFFFFF;
4c79b5
	background-color: #bfbfbf;
4c79b5
	border: 1px solid #bfbfbf;
4c79b5
	font-size: 0.9em;
4c79b5
}
4c79b5
4c79b5
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
4c79b5
	font-weight: normal;
4c79b5
	text-decoration: none;
4c79b5
	color: #747474;
4c79b5
	margin: 0 2px;
4c79b5
	padding: 0 2px;
4c79b5
	background-color: #eeeeee;
4c79b5
	border: 1px solid #bababa;
4c79b5
	font-size: 0.9em;
4c79b5
	line-height: 1.5em;
4c79b5
}
4c79b5
4c79b5
.pagination span a:hover {
4c79b5
	border-color: #d2d2d2;
4c79b5
	background-color: #d2d2d2;
4c79b5
	color: #FFF;
4c79b5
	text-decoration: none;
4c79b5
}
4c79b5
4c79b5
.pagination img {
4c79b5
	vertical-align: middle;
4c79b5
}
4c79b5
4c79b5
/* Pagination in viewforum for multipage topics */
4c79b5
.row .pagination {
4c79b5
	display: block;
4c79b5
	float: right;
4c79b5
	width: auto;
4c79b5
	margin-top: 0;
4c79b5
	padding: 1px 0 1px 15px;
4c79b5
	font-size: 0.9em;
4c79b5
	background: none 0 50% no-repeat;
4c79b5
}
4c79b5
4c79b5
.row .pagination span a, li.pagination span a {
4c79b5
	background-color: #FFFFFF;
4c79b5
}
4c79b5
4c79b5
.row .pagination span a:hover, li.pagination span a:hover {
4c79b5
	background-color: #d2d2d2;
4c79b5
}
4c79b5
4c79b5
/* Miscellaneous styles
4c79b5
---------------------------------------- */
4c79b5
#forum-permissions {
4c79b5
	float: right;
4c79b5
	width: auto;
4c79b5
	padding-left: 5px;
4c79b5
	margin-left: 5px;
4c79b5
	margin-top: 10px;
4c79b5
	text-align: right;
4c79b5
}
4c79b5
4c79b5
.copyright {
4c79b5
	padding: 5px;
4c79b5
	text-align: center;
4c79b5
	color: #555555;
4c79b5
}
4c79b5
4c79b5
.small {
4c79b5
	font-size: 0.9em !important;
4c79b5
}
4c79b5
4c79b5
.titlespace {
4c79b5
	margin-bottom: 15px;
4c79b5
}
4c79b5
4c79b5
.headerspace {
4c79b5
	margin-top: 20px;
4c79b5
}
4c79b5
4c79b5
.error {
4c79b5
	color: #bcbcbc;
4c79b5
	font-weight: bold;
4c79b5
	font-size: 1em;
4c79b5
}
4c79b5
4c79b5
.reported {
4c79b5
	background-color: #f7f7f7;
4c79b5
}
4c79b5
4c79b5
li.reported:hover {
4c79b5
	background-color: #ececec;
4c79b5
}
4c79b5
4c79b5
div.rules {
4c79b5
	background-color: #ececec;
4c79b5
	color: #bcbcbc;
4c79b5
	padding: 0 10px;
4c79b5
	margin: 10px 0;
4c79b5
	font-size: 1.1em;
4c79b5
}
4c79b5
4c79b5
div.rules ul {
4c79b5
	margin-left: 20px;
4c79b5
}
4c79b5
4c79b5
p.rules {
4c79b5
	background-color: #ececec;
4c79b5
	background-image: none;
4c79b5
	padding: 5px;
4c79b5
}
4c79b5
4c79b5
p.rules img {
4c79b5
	vertical-align: middle;
4c79b5
}
4c79b5
4c79b5
p.rules a {
4c79b5
	vertical-align: middle;
4c79b5
	clear: both;
4c79b5
}
4c79b5
4c79b5
#top {
4c79b5
	position: absolute;
4c79b5
	top: -20px;
4c79b5
}
4c79b5
4c79b5
.clear {
4c79b5
	display: block;
4c79b5
	clear: both;
4c79b5
	font-size: 1px;
4c79b5
	line-height: 1px;
4c79b5
	background: transparent;
4c79b5
}