Blame Identity/Webenv/Themes/Default/phpBB/3.0.4/Modern/theme/common.css

f2e824
/* General Modern Markup Styles
f2e824
---------------------------------------- */
f2e824
f2e824
h2.solo {
f2e824
	margin-bottom: 1em;
f2e824
}
f2e824
f2e824
img {
f2e824
	border-width: 0;
f2e824
}
f2e824
f2e824
hr {
f2e824
	/* Also see tweaks.css */
f2e824
	border: 0 none #FFFFFF;
f2e824
	border-top: 1px solid #CCCCCC;
f2e824
	height: 1px;
f2e824
	margin: 5px 0;
f2e824
	display: block;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
hr.dashed {
f2e824
	border-top: 1px dashed #CCCCCC;
f2e824
	margin: 10px 0;
f2e824
}
f2e824
f2e824
hr.divider {
f2e824
	display: none;
f2e824
}
f2e824
f2e824
p.right {
f2e824
	text-align: right;
f2e824
}
f2e824
f2e824
/* Main blocks
f2e824
---------------------------------------- */
f2e824
#wrap {
f2e824
	padding: 0 20px;
f2e824
	min-width: 650px;
f2e824
}
f2e824
f2e824
#simple-wrap {
f2e824
	padding: 6px 10px;
f2e824
}
f2e824
f2e824
#page-body {
f2e824
	margin: 4px 0;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
#page-body p {
f2e824
	margin-top: 0;
f2e824
}
f2e824
f2e824
#page-footer {
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
#page-footer h3 {
f2e824
	margin-top: 20px;
f2e824
}
f2e824
f2e824
#logo {
f2e824
	float: left;
f2e824
	width: auto;
f2e824
	padding: 10px 13px 0 10px;
f2e824
}
f2e824
f2e824
a#logo:hover {
f2e824
	text-decoration: none;
f2e824
}
f2e824
f2e824
/* Search box
f2e824
--------------------------------------------- */
f2e824
#search-box {
f2e824
	color: #FFFFFF;
f2e824
	position: relative;
f2e824
	margin-top: 1em;
f2e824
	margin-right: 0px;
f2e824
	display: block;
f2e824
	float: right;
f2e824
	text-align: right;
f2e824
	white-space: nowrap; /* For Opera */
f2e824
	font-size: x-small;
f2e824
}
f2e824
f2e824
#search-box #keywords {
f2e824
	width: 95px;
f2e824
	background-color: #FFF;
f2e824
}
f2e824
f2e824
#search-box input {
f2e824
	font-size: x-small;
f2e824
}
f2e824
f2e824
/* .button1 style defined later, just a few tweaks for the search button version */
f2e824
#search-box input.button1 {
f2e824
	padding: 1px 5px;
f2e824
}
f2e824
f2e824
#search-box li {
f2e824
	text-align: right;
f2e824
	margin-top: 4px;
f2e824
}
f2e824
f2e824
#search-box img {
f2e824
	vertical-align: middle;
f2e824
	margin-right: 3px;
f2e824
}
f2e824
f2e824
/* Site description and logo */
f2e824
#site-description {
f2e824
	float: left;
f2e824
	width: 70%;
f2e824
}
f2e824
f2e824
#site-description h1 {
f2e824
	margin-right: 0;
f2e824
}
f2e824
f2e824
/* Round cornered boxes and backgrounds
f2e824
---------------------------------------- */
f2e824
.headerbar {
f2e824
	background: #ebebeb none repeat-x 0 0;
f2e824
	color: #FFFFFF;
f2e824
	margin-bottom: 4px;
f2e824
	padding: 0 5px;
f2e824
}
f2e824
f2e824
.navbar {
f2e824
	padding: 0 10px;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
.forabg {
f2e824
	background: #b1b1b1 none repeat-x 0 0;
f2e824
	margin-bottom: 4px;
f2e824
	padding: 0 5px;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
.forumbg {
f2e824
	background: #ebebeb none repeat-x 0 0;
f2e824
	margin-bottom: 4px;
f2e824
	padding: 0 5px;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
.panel {
f2e824
	margin-bottom: 4px;
f2e824
	padding: 0 10px;
f2e824
	background-color: #f3f3f3;
f2e824
	color: #3f3f3f;
f2e824
}
f2e824
f2e824
.post {
f2e824
	padding: 0 10px;
f2e824
	margin-bottom: 4px;
f2e824
	background-repeat: no-repeat;
f2e824
	background-position: 100% 0;
f2e824
}
f2e824
f2e824
.post:target .content {
f2e824
	color: #000000;
f2e824
}
f2e824
f2e824
.post:target h3 a {
f2e824
}
f2e824
f2e824
.bg1	{ background-color: #F8F8F8;}
f2e824
.bg2	{ background-color: #EEEEEE; }
f2e824
.bg3	{ background-color: #DDDDDD; }
f2e824
f2e824
.rowbg {
f2e824
	margin: 5px 5px 2px 5px;
f2e824
}
f2e824
f2e824
.ucprowbg {
f2e824
	background-color: #e2e2e2;
f2e824
}
f2e824
f2e824
.fieldsbg {
f2e824
	/*border: 1px #DBDEE2 solid;*/
f2e824
	background-color: #eaeaea;
f2e824
}
f2e824
f2e824
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
f2e824
	font-size: 1px;
f2e824
	line-height: 1px;
f2e824
	display: block;
f2e824
	height: 5px;
f2e824
	background-repeat: no-repeat;
f2e824
}
f2e824
f2e824
span.corners-top {
f2e824
	background-image: none;
f2e824
	background-position: 0 0;
f2e824
	margin: 0 -5px;
f2e824
}
f2e824
f2e824
span.corners-top span {
f2e824
	background-image: none;
f2e824
	background-position: 100% 0;
f2e824
}
f2e824
f2e824
span.corners-bottom {
f2e824
	background-image: none;
f2e824
	background-position: 0 100%;
f2e824
	margin: 0 -5px;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
span.corners-bottom span {
f2e824
	background-image: none;
f2e824
	background-position: 100% 100%;
f2e824
}
f2e824
f2e824
.headbg span.corners-bottom {
f2e824
	margin-bottom: -1px;
f2e824
}
f2e824
f2e824
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
f2e824
	margin: 0 -10px;
f2e824
}
f2e824
f2e824
.rules span.corners-top {
f2e824
	margin: 0 -10px 5px -10px;
f2e824
}
f2e824
f2e824
.rules span.corners-bottom {
f2e824
	margin: 5px -10px 0 -10px;
f2e824
}
f2e824
f2e824
/* Horizontal lists
f2e824
----------------------------------------*/
f2e824
ul.linklist {
f2e824
	display: block;
f2e824
	margin: 0;
f2e824
	padding: 0;
f2e824
}
f2e824
f2e824
ul.linklist li {
f2e824
	display: block;
f2e824
	list-style-type: none;
f2e824
	float: left;
f2e824
	width: auto;
f2e824
	margin-right: 5px;
f2e824
	line-height: 2.2em;
f2e824
}
f2e824
f2e824
ul.linklist li.rightside, p.rightside {
f2e824
	float: right;
f2e824
	margin-right: 0;
f2e824
	margin-left: 5px;
f2e824
	text-align: right;
f2e824
}
f2e824
f2e824
ul.navlinks {
f2e824
	padding-bottom: 1px;
f2e824
	margin-bottom: 1px;
f2e824
	border-bottom: 1px solid #FFFFFF;
f2e824
	font-weight: bold;
f2e824
}
f2e824
f2e824
ul.leftside {
f2e824
	float: left;
f2e824
	margin-left: 0;
f2e824
	margin-right: 5px;
f2e824
	text-align: left;
f2e824
}
f2e824
f2e824
ul.rightside {
f2e824
	float: right;
f2e824
	margin-left: 5px;
f2e824
	margin-right: -5px;
f2e824
	text-align: right;
f2e824
}
f2e824
f2e824
/* Table styles
f2e824
----------------------------------------*/
f2e824
table.table1 {
f2e824
	/* See tweaks.css */
f2e824
}
f2e824
f2e824
#ucp-main table.table1 {
f2e824
	padding: 2px;
f2e824
}
f2e824
f2e824
table.table1 thead th {
f2e824
	font-weight: normal;
f2e824
	text-transform: uppercase;
f2e824
	color: #FFFFFF;
f2e824
	line-height: 1.3em;
f2e824
	font-size: 0.8em;
f2e824
	padding: 0 0 4px 3px;
f2e824
}
f2e824
f2e824
table.table1 thead th span {
f2e824
	padding-left: 7px;
f2e824
}
f2e824
f2e824
table.table1 tbody tr {
f2e824
	border: 1px solid #cfcfcf;
f2e824
}
f2e824
f2e824
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
f2e824
	background-color: #f6f6f6;
f2e824
	color: #000;
f2e824
}
f2e824
f2e824
table.table1 td {
f2e824
	color: #6a6a6a;
f2e824
	font-size: 1.1em;
f2e824
}
f2e824
f2e824
table.table1 tbody td {
f2e824
	padding: 5px;
f2e824
	border-top: 1px solid #FAFAFA;
f2e824
}
f2e824
f2e824
table.table1 tbody th {
f2e824
	padding: 5px;
f2e824
	border-bottom: 1px solid #000000;
f2e824
	text-align: left;
f2e824
	color: #333333;
f2e824
	background-color: #FFFFFF;
f2e824
}
f2e824
f2e824
/* Specific column styles */
f2e824
table.table1 .name		{ text-align: left; }
f2e824
table.table1 .posts		{ text-align: center !important; width: 7%; }
f2e824
table.table1 .joined	{ text-align: left; width: 15%; }
f2e824
table.table1 .active	{ text-align: left; width: 15%; }
f2e824
table.table1 .mark		{ text-align: center; width: 7%; }
f2e824
table.table1 .info		{ text-align: left; width: 30%; }
f2e824
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
f2e824
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
f2e824
table.table1 thead .autocol { padding-left: 1em; }
f2e824
f2e824
table.table1 span.rank-img {
f2e824
	float: right;
f2e824
	width: auto;
f2e824
}
f2e824
f2e824
table.info td {
f2e824
	padding: 3px;
f2e824
}
f2e824
f2e824
table.info tbody th {
f2e824
	padding: 3px;
f2e824
	text-align: right;
f2e824
	vertical-align: top;
f2e824
	color: #000000;
f2e824
	font-weight: normal;
f2e824
}
f2e824
f2e824
.forumbg table.table1 {
f2e824
	margin: 0 -2px -1px -1px;
f2e824
}
f2e824
f2e824
/* Misc layout styles
f2e824
---------------------------------------- */
f2e824
/* column[1-2] styles are containers for two column layouts 
f2e824
   Also see tweaks.css */
f2e824
.column1 {
f2e824
	float: left;
f2e824
	clear: left;
f2e824
	width: 49%;
f2e824
}
f2e824
f2e824
.column2 {
f2e824
	float: right;
f2e824
	clear: right;
f2e824
	width: 49%;
f2e824
}
f2e824
f2e824
/* General classes for placing floating blocks */
f2e824
.left-box {
f2e824
	float: left;
f2e824
	width: auto;
f2e824
	text-align: left;
f2e824
	margin: 10px;
f2e824
	margin-left: 5px;
f2e824
}
f2e824
f2e824
.right-box {
f2e824
	float: right;
f2e824
	width: auto;
f2e824
	text-align: right;
f2e824
}
f2e824
f2e824
dl.details {
f2e824
	font-size: 1em;
f2e824
}
f2e824
f2e824
dl.details dt {
f2e824
	float: left;
f2e824
	clear: left;
f2e824
	width: 30%;
f2e824
	text-align: right;
f2e824
	color: #000000;
f2e824
	display: block;
f2e824
}
f2e824
f2e824
dl.details dd {
f2e824
	margin-left: 0;
f2e824
	padding-left: 5px;
f2e824
	margin-bottom: 5px;
f2e824
	color: #828282;
f2e824
	float: left;
f2e824
	width: 65%;
f2e824
}
f2e824
f2e824
/* Pagination
f2e824
---------------------------------------- */
f2e824
.pagination {
f2e824
	height: 1%; /* IE tweak (holly hack) */
f2e824
	width: auto;
f2e824
	text-align: right;
f2e824
	margin-top: 5px;
f2e824
	float: right;
f2e824
}
f2e824
f2e824
.pagination span.page-sep {
f2e824
	display: none;
f2e824
}
f2e824
f2e824
li.pagination {
f2e824
	margin-top: 0;
f2e824
}
f2e824
f2e824
.pagination strong, .pagination b {
f2e824
	font-weight: normal;
f2e824
}
f2e824
f2e824
.pagination span strong {
f2e824
	padding: 0 2px;
f2e824
	margin: 0 2px;
f2e824
	font-weight: normal;
f2e824
	color: #FFFFFF;
f2e824
	background-color: #bfbfbf;
f2e824
	border: 1px solid #bfbfbf;
f2e824
	font-size: 0.9em;
f2e824
}
f2e824
f2e824
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
f2e824
	font-weight: normal;
f2e824
	text-decoration: none;
f2e824
	color: #747474;
f2e824
	margin: 0 2px;
f2e824
	padding: 0 2px;
f2e824
	background-color: #eeeeee;
f2e824
	border: 1px solid #bababa;
f2e824
	font-size: 0.9em;
f2e824
	line-height: 1.5em;
f2e824
}
f2e824
f2e824
.pagination span a:hover {
f2e824
	border-color: #777777;
f2e824
	background-color: #777777;
f2e824
	color: #FFF;
f2e824
	text-decoration: none;
f2e824
}
f2e824
f2e824
.pagination img {
f2e824
	vertical-align: middle;
f2e824
}
f2e824
f2e824
/* Pagination in viewforum for multipage topics */
f2e824
.row .pagination {
f2e824
	display: block;
f2e824
	float: right;
f2e824
	width: auto;
f2e824
	margin-top: 0;
f2e824
	padding: 1px 0 1px 15px;
f2e824
	font-size: 0.9em;
f2e824
	background: none 0 50% no-repeat;
f2e824
}
f2e824
f2e824
.row .pagination span a, li.pagination span a {
f2e824
	background-color: #FFFFFF;
f2e824
}
f2e824
f2e824
.row .pagination span a:hover, li.pagination span a:hover {
f2e824
	background-color: #777777;
f2e824
}
f2e824
f2e824
/* Miscellaneous styles
f2e824
---------------------------------------- */
f2e824
#forum-permissions {
f2e824
	float: right;
f2e824
	width: auto;
f2e824
	padding-left: 5px;
f2e824
	margin-left: 5px;
f2e824
	margin-top: 10px;
f2e824
	text-align: right;
f2e824
}
f2e824
f2e824
.copyright {
f2e824
	padding: 5px;
f2e824
	text-align: center;
f2e824
	color: #555555;
f2e824
}
f2e824
f2e824
.small {
f2e824
	font-size: 0.9em !important;
f2e824
}
f2e824
f2e824
.titlespace {
f2e824
	margin-bottom: 15px;
f2e824
}
f2e824
f2e824
.headerspace {
f2e824
	margin-top: 20px;
f2e824
}
f2e824
f2e824
.error {
f2e824
	color: #bcbcbc;
f2e824
	font-weight: bold;
f2e824
	font-size: 1em;
f2e824
}
f2e824
f2e824
.reported {
f2e824
	background-color: #f7f7f7;
f2e824
}
f2e824
f2e824
li.reported:hover {
f2e824
	background-color: #ececec;
f2e824
}
f2e824
f2e824
div.rules {
f2e824
	background-color: #ececec;
f2e824
	color: #bcbcbc;
f2e824
	padding: 0 10px;
f2e824
	margin: 10px 0;
f2e824
	font-size: 1.1em;
f2e824
}
f2e824
f2e824
div.rules ul {
f2e824
	margin-left: 20px;
f2e824
}
f2e824
f2e824
p.rules {
f2e824
	background-color: #ececec;
f2e824
	background-image: none;
f2e824
	padding: 5px;
f2e824
}
f2e824
f2e824
p.rules img {
f2e824
	vertical-align: middle;
f2e824
}
f2e824
f2e824
p.rules a {
f2e824
	vertical-align: middle;
f2e824
	clear: both;
f2e824
}
f2e824
f2e824
#top {
f2e824
	position: absolute;
f2e824
	top: -20px;
f2e824
}
f2e824
f2e824
.clear {
f2e824
	display: block;
f2e824
	clear: both;
f2e824
	font-size: 1px;
f2e824
	line-height: 1px;
f2e824
	background: transparent;
f2e824
}