phpBB.de

Code: Alles auswählen

.x-mas_wrap {
	background-color: #194280;		
	background-repeat: repeat;
	border: 3px solid #f4f4f4;
	border-radius: 8px;
	margin: 55px auto 1px;	
	max-width: 1320px;
	padding: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 -1px 6px 2px rgba(2, 2, 2, 0.7);
}

html, body {
	background-image: url("./images/background.jpg");
    color: #536482;
    background-color: #e7e7e7;
}

.bgsitename {
	background: transparent none repeat scroll 0 0;
	color: #f4f4f4;
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
	text-shadow: 8px 8px 8px #9f8f78;
}

.site-description {
    float: left;
    width: 80%;
	color: #f4f4f4;
	font-size: 12px;
	font-weight: bold;
}

.site_logo {
    display: inline-block;
    width: 450px;
    height: 147px;	
}

.headerbar, .forumbg {
	background-color: transparent;	
	background-repeat: repeat-x;
	color: #f4f4f4;
}

.navbar {
    padding: 3px 10px;
    border-radius: 7px;
    font-weight: bold;
	background-color: #688CB0 !important;    
	background-image: none;
	color: #f4f4f4;
	font-weight: bold;
	font-size: 10.5px;
}

.notification_text {
    color: #194280;
}

.dropdown-extended .header .header_settings a {
    color: #194280;
}

div.rules {
    border-radius: 7px;
    font-weight: bold;
	background-color: #BACAD8 !important;    
	background-image: none;
	border: 1px solid #f4f4f4;
}


.forabg {
	background-color: transparent !important;	
	background-image: url("./images/forabg.png");
	background-repeat: repeat-x;
	border: 1px solid #f4f4f4;
	margin-bottom: 20px;
}

a.forumtitle {
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
	color: #f4f4f4;
}

a.forumtitle:hover{
    color: #D31141;
}

.forumbg .header a, .forabg .header a, th a {
	font-family: Arial;
    color: #f4f4f4;
	font-size: 13px;
	font-weight: bold;
	background-color: #194280;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: #f4f4f4;
	text-decoration: none;
}

ul.topiclist li {
    color: #0D2244;
    font-size: 10.5px;
	font-weight: bold;
}

ul.forums {
    background-color: #688CB0 !important;    
	background-image: none;
}

ul.topiclist dd {
    border-left-color: transparent;
}

li.row {
    border-top-color: #354E66;
    border-bottom-color: #00608F;
}

li.row strong {
    color: #f4f4f4;
	font-weight: bold;
}

li.row:hover {
	background-color: #BACAD8;
	color: #688CB0;
}

li.row:hover dd {
	border-left-color: #688CB0;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #f4f4f4;
	font-weight: bold;
}

a {
    color: #f4f4f4;
	font-weight:bold;
}

h2.ucp-title {
    color: #f4f4f4;
	font-size: 14px;
	font-weight: bold;
}

p.right {
    text-align: right;
    color: #f4f4f4;
}

p {
    line-height: 1.5em;
    font-size: 1.1em;
    margin-bottom: 1.1em;
}

p.time {    
    color: #f4f4f4;
}

.dropdown .dropdown-contents {
    background-color: #688CB0;
    border-color: #B9B9B9;
    color: #f4f4f4;
}

.stat-block.permissions p {
    color: #f4f4f4;
}

.action-bar {
     color: #f4f4f4;
}

.list-inner a.topictitle {
     color: #194280;	
}

/* font icon */
.fa-external-link-square::before {
	color: #0F274D;	
	font-size: 1.2em;
}

.icon.icon-blue, a:hover .icon.icon-blue {
    color: #194280;	
}	

.icon.icon-red, a:hover .icon.icon-red {
    color: #D31141;	
}	

/* Jumpbox */

.jumpbox-cat-link {
	background-color: #194280;
	border-top-color: #194280;
	color: #f4f4f4;
}

.jumpbox-cat-link:hover { 
	background-color: #006fa0;
	border-top-color: #dadada;	
}

.jumpbox-forum-link {
	color: #194280;
	
}

.jumpbox-forum-link:hover {
	color: #f4f4f4;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #E1EBF2 transparent;
}

.jumpbox-sub-link {
    color: #194280 !important;
}

.jumpbox-sub-link:hover {
	background-color: #f4f4f4 !important
}

fieldset.display-options label {
   color: #f4f4f4;
}

.copyright {
    color: #f1f1f1 !important;
}

Code: Alles auswählen

@media all and (max-width: 1280px) {
   .headerbar {
      background-image: url("./images/header2.png");
	  background-position: center;
      height: 225px;
	  width: auto;
   }
}

@media all and (max-width: 850px) {
   .headerbar {
      background-image: url("./images/header3.png");
	  background-position: center;
      height: 175px;
	  width: auto;
   }
}

@media all and (max-width: 600px) {
   .headerbar {
      background-image: url("./images/header4.png");
	  background-position: center;
      height: 175px;
	  width: auto;
   }
}

.site-description {
   width: auto;
}