mybb_html-in-posts/Readme_files/custom.css

#userbar {
	background: #2c3e50;
	height: 40px;
	min-width: 980px;
	width: 100%;
}

#userbar .wrapper{
  	width: 90%;
  	min-width: 980px;
  	text-align: left;
  	color: #ededed;
  	font-size: 12px;
  	line-height: 250%;
}

#userbar .wrapper .dropmenu{
  	display: inline-block;
  	padding: 5px 10px;
  	min-width: 260px;
  	text-shadow: 0 -1px 0 #1e2b39;
}

#userbar .wrapper .dropmenu:hover{
  	background: #fff;
  	color: #979797;
  	text-shadow: none;
}

#userbar .wrapper .dropmenu .user_avatar img{
  	width: 26px;
  	height: 26px;
  	border: 2px solid #1d2c3b;
  	float: left;
  	margin-right: 10px;
}

#userbar .wrapper .dropmenu .dropcontent{
  	display: none;
  	position: absolute;
  	background: #fff;
  	top: 40px;
  	padding: 10px;
  	margin-left: -10px;
  	width: 280px;
 	-webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(0, 0, 0, 0.75);
}

#userbar .wrapper .dropmenu .dropcontent hr.dropsep{
  	color: #efefef;
  	background: #efefef;
  	height: 1px;
}

#userbar .wrapper .dropmenu .dropcontent .fa-clock-o{
  	margin: 0 4px;
}

#userbar .wrapper .dropmenu:hover .dropcontent{
  	display: block;
}

#userbar .wrapper .dropmenu .dropcontent .left,
#userbar .wrapper .dropmenu .dropcontent .right{
  	width: calc(50% - 8px);
  	text-align: left;
  	padding: 4px;
}

#userbar .wrapper .dropmenu .dropcontent .left{
  	float: left;
}

#userbar .wrapper .dropmenu .dropcontent .right{
  	float: right;
}

#userbar .wrapper .dropmenu .dropcontent ul{
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

#userbar .wrapper .dropmenu .dropcontent ul li a:link,
#userbar .wrapper .dropmenu .dropcontent ul li a:visited{
  	color: #979797;
  	display: block;
  	font-size: 12px;
}

#userbar .wrapper .dropmenu .dropcontent ul li i{
	display: inline-block;
  	width: 26px;
  	text-align: center;
  	padding: 7px 0;
  	margin-right: 4px;
}

#userbar .wrapper .dropmenu .dropcontent .left ul li a:hover{
  	color: #2980b9;
  	text-decoration: none;
}

#userbar .wrapper .dropmenu .dropcontent .right ul li a:hover{
  	color: #27ae60;
  	text-decoration: none;
}

#userbar .wrapper .dropmenu .dropcontent .left ul li a:hover i{
  	background: #2980b9;
  	color: #fff;
}

#userbar .wrapper .dropmenu .dropcontent .right ul li a:hover i{
  	background: #2ecc71;
  	color: #fff;
}

#userbar .wrapper .toplinks{
  	float: right;
}

#userbar .wrapper .toplinks ul{
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

#userbar .wrapper .toplinks ul li{
  	display: inline-block;
  	float: left;
  	font-size: 12px;
}

#userbar .wrapper .toplinks ul li i{
  	margin-right: 2px;
}

#userbar .wrapper .toplinks ul li a:link,
#userbar .wrapper .toplinks ul li a:visited{
  	display: block;
  	color: #ededed;
  	padding: 5px 12px 3px 12px;
  	border-bottom: 2px solid transparent;
  	text-shadow: 0 -1px 0 #1e2b39;
}

#userbar .wrapper .toplinks ul li a:hover,
#userbar .wrapper .toplinks ul li a.active{
  	background: #e74c3c;
  	border-bottom: 2px solid #c0392b;
  	text-shadow: 0 -1px 0 #c0392b;
  	text-decoration: none;
}

#userbar .wrapper .toplinks ul li a.active:hover{
  	background: #2980b9;
  	border-bottom: 2px solid #2980b9;
  	text-shadow: 0 -1px 0 #1e2b39;
}

#userbar .login:link,
#userbar .login:visited{
  	color: #3498db;
}

#userbar .register:link,
#userbar .register:visited{
	color: #1abc9c;
}

.header{
  	background: #2980b9;
  	min-width: 980px;
}

.header .logo{
  	width: 90%;
  	min-width: 980px;
  	margin: 0 auto;
  	text-align: left;
  	padding: 20px 0;
}

.header .logo .wrapper .searchbox{
  	float: right;
}

.header .logo .wrapper .searchbox input[type="text"]{
  	padding: 15px 10px 15px 30px;
  	background-color: #efefef;
  	background-image: url(../../../mp/images/searchbox.png);
  	background-repeat: no-repeat;
  	background-position: top 16px left 12px;
  	border: 1px solid #2c3e50;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  	width: 140px;
  	margin-top: 8px;
  	-webkit-box-shadow: 0px 1px 0px 0px #3fa3e5;
    -moz-box-shadow:    0px 1px 0px 0px #3fa3e5;
    box-shadow:         0px 1px 0px 0px #3fa3e5;
  	color: #828282;
   	transition: all 0.5s ease;
}

.header .logo .wrapper .searchbox input[type="text"]:focus{
  	outline: 0;
  	background-color: #fff;
  	width: 240px;
  	transition: all 0.5s ease;
}

.primary_blue{
  	color: #2980b9;
}

.extrapadding{
  	padding-left: 10px;
  	padding-right: 10px;
}

#bottomlinks{
	background: #2c3e50;
  	min-width: 980px;
}

#bottomlinks .wrapper{
  	width: 90%;
  	min-width: 980px;
  	margin: 0 auto;
  	padding: 10px 0;
  	color: #828282;
  	text-align: left;
}

#bottomlinks .wrapper a:link,
#bottomlinks .wrapper a:visited,
#bottomlinks .wrapper a:visited,
#bottomlinks .wrapper a:hover{
  	color: #a3a2a2;
}

.forum_indications{
  	margin: 20px 0;
}

.forum_indications table{
  	width: 90%;
  	min-width: 800px;
  	margin: 0 auto;
}

.forum_indications table tr td{
  	width: 25%;
  	vertical-align: middle;
  	text-align: center;
}

.forum_indications table tr td.right{
  	border-right: 1px solid #efefef!important;
}

.forum_indications table tr td img{
  	vertical-align: middle;
  	margin-top: -1px;
  	margin-right: 3px;
}

.forumstat i{
  	font-size: 32px;
  	margin: 0 4px;
}

.tcat .expcolimage{
  	margin-top: -8px;
}

.userpost{
	padding: 10px;
  	border: 1px solid #ccc;
  	margin-top: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  	background: #f8f8f8;
}

.userpost .post_date{
  	display: inline-block;
  	font-size: 11px;
  	margin-bottom: 10px;
}

.author_avatar img{
  	display: inline-block;
  	float: left;
  	padding: 4px;
  	background: #fff;
  	border: 1px solid #efefef;
  	margin-right: 10px;
  	height: 78px;
  	width: 78px;
}

.author_wrapper{
  	height: 88px;
}

a.compress .fa,
a.expand .fa{
    outline: 1px solid transparent;
}