WoltLab Community Forum

Cascading style sheet

/* buttons.css */
.smallButtons li {
	background: transparent url("$global.images.location$smallButton.png") no-repeat right top;
	padding: 0 12px 0 0;
}

.smallButtons li.extraButton { padding-right: 7px; }

.smallButtons a {
	background: transparent url("$global.images.location$smallButton.png") no-repeat left top;
	padding: 5px 0 2px 8px;
}

.userCardOptions li { background-image: url("$global.images.location$middleButton.png"); }

.userCardOptions a {
	background-image: url("$global.images.location$middleButton.png");
	padding: 1px 0 2px 12px;
}

.largeButtons li {
	background: transparent url("$global.images.location$largeButton.png") no-repeat right top;
	padding: 0 12px 0 0;
	height: 38px;
}

.largeButtons a {
	background: transparent url("$global.images.location$largeButton.png") no-repeat left top;
	padding: 8px 0 8px 8px;
}

/* general.css */
#headerContainer, #footerContainer, #mainContainer, .containerHead, .container-1 { background-repeat: repeat-x !important; }
#header, #footer, #logo, #mainMenu, #mainMenu a, .mainMenuInner { border: 0 !important; }

#main {
	background: transparent url("$global.images.location$copyright.png") no-repeat left bottom;
	padding-bottom: 40px;
}

#mainMenu img, .breadCrumbs img, #footerMenu img  { display: none; }
#userPanel span, #userNote, #userNote a, #boardlist a, .footerMenu a span, .footerOptions a span { text-decoration: none; }
#boardlist a:hover { text-decoration: underline; }
.border { padding: 0 !important; }

.mainHeadline { padding: 10px 20px 0; }
.breadCrumbs li { font-style: normal; }

/* Info-Boxes */
.info, .error, .warning, .success {
	background-color: #292929;
	border-color: #4d4d4d;
}

.info { color: #2bb4d8; }
.info a { color: #77dbf6 !important; }

.error { color: #c73f2a; }
.error a { color: #f68977 !important; }

.warning { color: #d8bb2b; }
.warning a { color: #f6df77 !important; }

.success { color: #86c72a; }
.success a { color: #c4f677 !important; }

/* boardList */
h3.boardTitle, h4.boardTitle { font-size: 1.1em; }
.containerHead, #boardlist .container-1 { background-position: 0 0; }
.containerHead { border-top: 1px solid #62a519; padding: 6px 12px; }
.containerHead, .container-1, .container-2 { margin: 0; }
li:first-child > .container-1 { background-image: url("$global.images.location$categoryOpen.png"); }

#boardlist .container-1, #boardlist .container-2, #tableList .container-1, #tableList .container-2, .infoBox .container-1, .infoBox .container-2 { padding: 14px 4px 8px !important; }

#boardlist .border { margin-bottom: 20px; }
#boardlist li.category { border-top: 0 none; }

/* threadList */
.tableList td, .tableList th { border-color: #383838; }

/* message */
.message .messageLeft .messageContent {
	border-color: #3d3d3d;
}

.messageNumber {
	background-color: #242424;
	background-image: none;
	border: 1px solid #383838;
	color: #555;
	padding: 2px 4px 1px !important;
}

/* tabButtons */
.tabMenu li { border-color: #4d4d4d; }
.tabMenu li a, .tabMenu li.activeTabMenu a { border-width: 1px 1px 0 1px; }

.tabMenu li.activeTabMenu a { padding-bottom: 2px; }

.tabMenu li a, .tabMenu li.activeTabMenu a { border-color: #2a2a2a; }

/* header.css */
#headerContainer {
	background-image: url("$global.images.location$headerBackground.png");
	height: 190px;
}

#userPanel {
	background-image: url("$global.images.location$userPanelBackground.png");
	border: solid #303030;
	border-width: 0 0 1px 1px; 
	height: 33px;
}

#userNote { padding-left: 15px; }

#search {
	background: transparent url("$global.images.location$searchBackground.png") no-repeat left top;
	width: 257px;
	height: 64px;
	right: -3px;
	top: -31px;
}

#search .searchContainer { padding: 15px 0 0 30px; }

#search #searchInput {
	border: 1px solid #333;
	color: #606060;
	height: 1.5em;
}

#search input.searchSubmit {
	margin-top: 4px;
	margin-left: -3px;
	padding-left: 0;
}

#logo { padding-bottom: 70px; }

#logo a.pageLogo {
	left: 0px;
	top: 0px;
}

#mainMenu, #mainMenu li { position: relative; }

.mainMenuInner {
	position: absolute;
	left: 300px;
	top: -40px;
width: 700px;
}

#mainMenu li {
	height: 22px;
	margin-right: 10px;
margin-bottom: 10px;
	z-index: 90;
}

#mainMenu a {
	background-position: right top;
	padding: 0 12px 0 0;
}

#mainMenu a:hover, #mainMenu .active a, #mainMenu .firstActive a, #mainMenu .lastActive a { background-position: right bottom !important; }

#mainMenu span {
	background: transparent url("$global.images.location$menuButton.png") no-repeat left top;
	padding: 0px 7px 3px 20px;
	display: block;
	height: 21px;
}

#mainMenu a:hover span, #mainMenu .active a span, #mainMenu .firstActive a span, #mainMenu .lastActive a span { background-position: left bottom !important; }

#mainContainer { 
	background-color: #323232;
	background-image: url("$global.images.location$mainBackground.png");
}

/* pageNavigation */
.pageNavigation li { border-color: #4d4d4d; }

.pageNavigation li.active { border-color: #93d82b; }

.pageNavigation li:hover, .pageNavigation li.active:hover { border-color: #6d6d6d; }

.pageNavigation li.active:hover { border-color: #c4f677; }

.pageNavigation li.active span {
background-color: #292929;
color: #c4f677;
}

.pageNavigation li a, .pageNavigation li a:hover {
background-color: #242424;
color: #808080;
}

/* footer.css */
#footerContainer { background-image: url("$global.images.location$footerBackground.png"); }

.footerOptions li.extraButton { border-width: 0 0 0 1px; }
.footerOptions li.extraButton a { background: none; }

a, a * { 
text-decoration: none !important; 
}

#fplivechat_chatbar {
 	margin-bottom: 15px;
}