(New) Horizon 2
Monday 1st of September 2014 06:57:37 PM
/*
Shift UI CSS (c) 2014 Rj D'Amato
Default Color: #ca5d5d; (Red)
Secondary Color: #8aa4c7; (Blue)
Tertiary Color: #736086; (Purple)
Text Default Color: #323335;
Rows color: transparent; (White)
Darker Rows Color: #f2f4f6;
Pformstrip/Special Border Color: #9298A0;
*/
/* Globalized tags, classes, IDs */
html{
overflow-x: auto;
}
body{
background: #e2e8ef;
font:13px 'Helvetica Neue', 'Open Sans', 'FontAwesome', sans-serif;
color:#323335;
font-weight:300;
}
table {
border-spacing:0;
padding:0;
border-collapse: separate;
}
fieldset, img {
border:0;
}
a {
color: #323335;
}
a:hover {
text-decoration: none;
color: #8aa4c7;
}
strong, b { font-weight: 600; }
/* Page loading bar */
.pace .pace-progress {
display: none;
}
.pace-inactive {
display: none;
}
/* Remove/hide/fix JFB default class/IDs */
#logostrip, #submenu,
#quick-login, #userlinks{
display:none;
}
#submenu a:empty {
display:none;
}
.maintitle b {
font-weight: 500 !important;
}
.row4 a.tooltip {
position: relative;
z-index: 0;
display: inline;
line-height: 0;
opacity: 100;
filter: alpha(opacity=100);
margin: 0;
padding: 0;
}
.ad-top .row4{
background-color:transparent;
}
/* Bootstrap components */
.badge {
display: inline-block;
color: #fafbfc;
background-color: #8aa4c7;
z-index:1;
padding:3px 5px;
}
.dropdown-menu {
background-color:#fafbfc;
border-radius:0;
padding:0;
margin:3px 0 0;
min-width: 150px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
border: none;
z-index: 2000;
}
.dropdown-menu li {
padding:0;
}
.dropdown-menu > li > a{
background-color:transparent;
color:#323335;
padding:5px 12px 6px;
font-weight: 300;
}
.dropdown-menu > li > a:hover,
.dropdown-menu .active a,
.dropdown-menu .active a:hover{
background-color: #8aa4c7;
color:#fafbfc;
}
.dropdown-menu .badge {
background-color:#fafbfc;
color: #8aa4c7;
}
.dropdown-menu.dropdown-link-icon .fa {
float:right;
margin-right: -3px;
margin-top: 3px;
}
.dropdown-menu .dropdown-header {
padding:5px;
font-size:14px;
color:#736086;
}
.dropdown-menu .dropdown-footer {
padding:5px;
color: #8b91a0;
background-color: #f2f4f6;
}
.dropdown-menu .dropdown-footer a{
color: #8b91a0;
}
.modal-backdrop {
background:#fafbfc;
}
.modal-content {
border-radius:0;
}
.modal-header {
border:0;
}
.modal-body {
}
.modal-footer {
}
.row {
margin:0;
}
div.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
font-weight:normal!important;
}
.tooltip-inner {
white-space:pre-wrap;
}
#growls {
z-index: 50000;
position: fixed;
}
#growls.default {
top: 10px;
right: 10px;
}
#growls.tl {
top: 10px;
left: 10px;
}
#growls.tr {
top: 10px;
right: 10px;
}
#growls.bl {
bottom: 10px;
left: 10px;
}
#growls.br {
bottom: 10px;
right: 10px;
}
.growl {
opacity: 0.8;
position: relative;
border-radius: 4px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.growl.growl-incoming {
opacity: 0;
}
.growl.growl-outgoing {
opacity: 0;
}
.growl.growl-medium{
width: 250px;
padding: 10px;
margin: 10px;
}
.growl.growl-default {
color: #fafbfc;
background: #7f8c8d;
}
.growl.growl-error {
color: #fafbfc;
background: #c0392b;
}
.growl.growl-notice {
color: #fafbfc;
background: #2ecc71;
}
.growl.growl-warning {
color: #fafbfc;
background: #f39c12;
}
.growl .growl-close {
cursor: pointer;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}
.growl .growl-title {
font-size: 18px;
line-height: 24px;
}
.growl .growl-message {
font-size: 14px;
line-height: 18px;
}
/* User/Guest/Staff permissions classes */
.guest, .if-group-2.member,
.if-staff{
display: none;
}
.member, .if-group-2.guest{
display:inherit;
}
/* Header styles */
.header {
width:100%;
background-color:#8aa4c7;
background-image:url(http://mafiamaniac.b1.jcink.com/uploads/mafiamaniac/clouds1.png);
background-position: bottom center;
background-repeat:repeat-x;
box-shadow: 0 -1px 2px rgba(5,7,10,0.1) inset;
}
.header-logo {
font-size: 64px;
text-align: center;
margin: 10px auto;
text-shadow: 0 1px 2px rgba(5,7,10,0.2);
color: #fafbfc;
font-weight: 300;
}
.header-logo a { color: #FAFBFC; }
.header-search .header-form .searchinput {
background: transparent;
border:0px;
color: #323335;
width:38px;
height: 51px;
-webkit-transition: width 0.2s ease-in-out;
-moz-transition: width 0.2s ease-in-out;
-o-transition: width 0.2s ease-in-out;
-ms-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
cursor: hand;
cursor: pointer;
font-size: 14px;
}
::-webkit-input-placeholder { color: #323335; }
:-moz-placeholder { color: #323335; opacity: 1; }
::-moz-placeholder { color: #323335; opacity: 1; }
:-ms-input-placeholder { color: #323335; }
.header-search .header-form .searchinput:hover {
border-bottom: 2px solid #8aa4c7;
margin-top: 1px;
}
.header-search .header-form .searchinput:hover::-webkit-input-placeholder { color: #8aa4c7; }
.header-search .header-form .searchinput:hover:-moz-placeholder { /* Firefox 18- */ color: #8aa4c7; opacity: 1; }
.header-search .header-form .searchinput:hover::-moz-placeholder { /* Firefox 19+ */ color: #8aa4c7; opacity: 1; }
.header-search .header-form .searchinput:hover:-ms-input-placeholder { color: #8aa4c7; }
.header-search .header-form .searchinput:focus {
width: 215px;
background-color: transparent;
border-bottom: 2px solid #8aa4c7;
cursor: text;
color: #323335;
margin-top: 1px;
}
.header-search .header-form .searchinput:focus::-webkit-input-placeholder { color: #323335; }
.header-search .header-form .searchinput:focus:-moz-placeholder { /* Firefox 18- */ color: #323335; opacity: 1; }
.header-search .header-form .searchinput:focus::-moz-placeholder { /* Firefox 19+ */ color: #323335; opacity: 1; }
.header-search .header-form .searchinput:focus:-ms-input-placeholder { color: #323335; }
/* Navigation Bar */
#affix-nav {
width: 100%;
position:static;
top:-50px;
}
#affix-nav.affix {
position: fixed;
top: 0;
z-index:1000;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#affix-nav.affix .navbar-shift {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=0.9);
opacity: 0.9;
}
.navbar-fix{
height:52px;
}
.navbar-fix .affix, .navbar-fix .affix .container{
height:inherit;
}
.navbar {
border-radius:0;
}
.navbar-shift {
background-color: #fafbfc;
font-size:15px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=0.9);
opacity: 0.9;
border: none;
}
.affix-top .navbar-shift { box-shadow: 0 -1px 2px rgba(5,7,10,0.1) inset; }
.affix .navbar-shift { box-shadow: 0 1px 2px rgba(5,7,10,0.1); }
.navbar-shift .navbar-nav > li > a {
color: #323335;
}
.navbar-shift .navbar-nav > li > a:hover {
color: #8aa4c7;
background-color: transparent;
border-bottom: 2px solid #8aa4c7;
}
.navbar-shift .navbar-nav > .active > a,
.navbar-shift .navbar-nav > .active > a:hover,
.navbar-shift .navbar-nav > .open > a,
.navbar-shift .navbar-nav > .open > a:hover {
color: #8aa4c7;
background-color: transparent;
border-bottom: 2px solid #8aa4c7;
}
.navbar-shift .navbar-nav > .active > a,
.navbar-shift .navbar-nav > .active > a:hover { font-weight: 600; }
.navbar-shift .dropdown .dropdown-menu {
margin-top:0px;
}
.navbar-shift .navbar-toggle .icon-bar {
background-color: #fafbfc;
}
/* Userbar */
.signin-dropdown {
width:300px;
padding:15px !important;
line-height:2;
}
.signin-formrow {
margin-top:15px;
}
.signin-row2 {
padding:5px;
}
.signin-formrow .remember{
display:inline-block;
}
.signin-formrow .forminput {
width:100%;
}
.userbar-staff.if-staff {
display:none;
}
li.userbar-dash > a,
li.userbar-dash > a:hover{
padding-top:15px;
padding-bottom:10px;
}
.userbar-name {
padding-right:5px;
font-weight: 600;
}
.userbar-avatar img {
height:25px;
width:25px;
}
.userbar-badge {
margin-left:-10px;
margin-top:-5px;
position:absolute;
}
#msg-num {
display:none;
}
.userbar-msg .dropdown-menu {
width:275px;
}
.msg-none,
.msg-load {
display:none;
}
.msg-row {
padding: 8px 15px;
border-bottom:1px solid #f2f4f6;
z-index: 2000;
position: relative;
}
.msg-row:hover{
background:#f2f4f6;
}
.msg-row .msg-href {
display:block;
font-size:13px;
}
.msg-row .msg-sender{
color:#8aa4c7;
font-size:15px;
}
.msg-row .msg-time {
font-size:11px;
color:#9399aa;
}
.msg-row .msg-subject {
padding-left:12px;
}
/* JFB Styling */
.board-strip br{
display:none;
}
#act-idx #navstrip {
display:none;
}
#navstrip {
padding: 10px 15px 10px 15px;
margin-bottom: 10px;
padding:10px;
background-color:#9298A0;
color: #fafbfc;
font-size:14px;
border-radius: 5px;
}
#navstrip a {
color: #fafbfc;
}
#navstrip a:hover {
text-decoration:none;
}
.tableborder {
background-color: #f9fafb;
color: #323335;
box-sizing:border-box;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
}
.tableborder table{
padding: 0;
}
.maintitle {
font-weight: 300;
font-size:18px;
padding: 12px;
color: #323335;
background-color: transparent;
}
.maintitle a {
}
.maintitle span[style="float:right;"] a {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.maintitle:hover span[style="float:right;"] a { opacity: 1; }
.maintitle.collapsed { opacity: 0.45; }
.titlemedium {
font-weight: bold;
padding: 9px;
color: #8b91a0;
background-color: #dee2e7;
text-align:center;
}
.titlemedium a {
text-decoration: underline;
}
.row1,.row2,
.row3,.row4 {
padding: 12px;
}
.darkrow1,
.darkrow2,
.darkrow3 {
color: #8b91a0;
background-color: #f2f4f6;
padding:8px 12px;
}
td.darkrow2 {
display: none;
}
.tablefill {
padding: 6px;
}
.tablepad {
padding: 6px;
}
.tablebasic {
width: 100%;
margin: 0px;
border: 0px;
}
.plainborder {
background-color:#fafbfc;
border-bottom: 1px solid #eeeeee;
}
.pformstrip {
font-size: 13px;
padding:10px;
background-color:#9298A0;
color: #fafbfc;
font-weight:600;
}
.pformstrip a { color: #fafbfc; }
.pformleft {
padding: 6px;
width: 25%;
background-color:#fafbfc;
}
.pformleftw {
padding: 6px;
width: 40%;
background-color:#fafbfc;
}
.pformright {
padding: 6px;
background-color:#fafbfc;
}
.desc {
font-size: 11px;
color: #9298a0;
}
.thin {
padding: 6px 0px 6px 0px;
line-height: 140%;
margin: 2px 0px 2px 0px;
}
.pagination {
background:transparent;
}
.pagination a {
text-decoration:none;
}
.pagination .pagination_pagetxt,
.pagination .pagination_pagetxt a,
.pagination a.pagination_page,
.goto-firstunread,
.goto-firstunread a{
color: inherit;
background-color: #fafbfc;
}
.pagination .pagination_current{
color: #fafbfc;
background-color: #8aa4c7;
}
.pagination .pagination_pagetxt:hover,
.pagination a.pagination_page:hover,
.pagination .pagination_current:hover,
.goto-firstunread:hover{
color: #fafbfc;
background-color: #9298a0;
}
.pagination a.pagination_page,
.pagination .pagination_pagetxt,
.pagination .pagination_current,
.goto-firstunread{
padding:4px 8px;
font-size:13px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}
.pagination .pagination_pagetxt a,
.goto-firstunread a{
background:transparent;
}
/* Form Styling */
label, input,
button, select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
input, button,
select, textarea,
optgroup option,option {
font-family: 'Helvetica Neue', 'Open Sans', 'FontAwesome', sans-serif !important;
}
label, .codebuttons,
input[type="submit"],
input[type="button"],
input[type="reset"],
select, input[type="file"],
optgroup option, option{
cursor:pointer;
}
fieldset.search {
padding:6px;
}
.textarea,
.searchinput,
.forminput,
.codebuttons,
.quick-edit textarea,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="file"]{
font-family: 'Helvetica Neue', 'Open Sans', 'FontAwesome', sans-serif !important;
outline: 0;
padding: 6px 12px !important;
line-height: 20px;
font-size: 13px;
font-weight: 300;
vertical-align: top;
filter: none !important;
background-color:#fafbfc;
border: 1px solid #e5e9ec;
color: #282323;
transition: background 0.2s linear 0s;
}
.darkrow2 select.forminput { margin: 5px 3px; }
textarea {
height: auto;
padding-left: 12px;
padding-top: 10px;
}
legend {
border: 0;
font-size: inherit;
color: inherit;
}
.quick-edit textarea {
background-color:#fafbfc !important;
border: 1px solid #e5e9ec !important;
color: #282323 !important;
}
.quick-edit textarea:focus {
border-color: #e5e9ec !important;
background-color:#f4f5f7 !important;
outline: 0 !important;
}
.textarea:focus,
.searchinput:focus,
.codebuttons:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="file"]:focus {
border-color: #eaeeef;
background-color:#fafbfc;
outline: 0 !important;
}
.radiobutton,
.checkbox,
.helpbox {
border: 0;
margin:0 !important;
padding:0;
vertical-align: middle;
background: transparent;
display:inline;
}
.codebuttons,
input[type="file"]{
margin-bottom:3px;
}
select.codebuttons {
margin: 0 3px;
}
/* Button Styling */
input[type="submit"],
input[type="button"],
input[type="reset"],
#mobile .post-buttons-bottom a{
display: inline-block;
padding:6px 12px!important;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
font-family: 'Helvetica Neue', 'Open Sans', 'FontAwesome', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="reset"]:hover{
color: #333;
text-decoration: none;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background-image: none;
outline: 0;
}
.btn-default,
input[type="button"],
input[type="reset"],
.btn-default.collapsed{
color: #fafbfc;
background-color: #9298A0;
border:0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open .dropdown-toggle.btn-default,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active{
color: #fafbfc;
background-color: #717881;
border:0;
}
.btn-primary,
input[type="submit"],
.btn-primary.collapsed{
color: #fafbfc;
background-color: #8aa4c7;
border:0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active{
color: #fafbfc;
background-color: #6c7e96;
border:0;
}
.btn-link,
.btn-link.collapsed{
color: #8aa4c7;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.open .dropdown-toggle.btn-link{
color: #000000;
text-decoration:none;
}
.btn-topic,
.btn-topic.collapsed{
color: #fafbfc;
background-color: #8aa4c7;
border:0;
margin-left:5px;
transition: background 0.2s linear 0s;
font-weight: 300;
}
.btn-topic:hover,
.btn-topic:focus,
.btn-topic:active,
.open .dropdown-toggle.btn-topic{
color: #fafbfc;
background-color: #6c7e96;
border:0;
}
.btn-topic.options,
.btn-topic.add-event {
margin-left:0;
}
/* Icon Styling */
.forum-icon {
color: #9298A0;
}
.forum-icon.forum-icon-new,
.forum-icon.forum-icon-redirect,
.forum-icon.forum-icon-readonly,
.forum-icon.forum-icon-closed{
color:#8aa4c7;
}
/* Index Styling */
.newstext {
background: #FAFBFC;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
padding: 12px;
margin-bottom: 15px;
}
.newstext a {
color: #323335;
text-decoration:underline;
}
.newstext a:hover {
text-decoration:none;
}
.newstext b {
font-size:16px;
font-weight: 300;
}
.newstext span, .forum-led-by {
display: none;
}
.forum-subheader .titlemedium{
visibility:hidden;
line-height:0;
padding:0;
}
.row4 a.tooltip,
.subforums a {
color:#8aa4c7;
}
.subforums a{
font-size:11px;
}
.row4 b a.tooltip{
font-size:16px;
font-weight:300;
}
.row4 a.tooltip:hover,
.subforums a:hover {
color:#6c7e96;
}
.forum-stats-wrap {
text-align:right;
font-size:11px;
}
.forum-last-post {
font-size:12px;
}
.forum-row td, .topic-row td { border-bottom: 1px solid #fafbfc; }
.forum-row-unread {
background: #edf1f5;
}
.forum-row-unread .row4 b a.tooltip {
font-weight:600;
}
.collapsed {
background-color:#fafbfc;
}
#boardstats.tableborder {
border-left:0px solid #8aa4c7;
padding:0px;
background:transparent;
box-shadow: none;
margin-top: -15px;
}
#boardstats table {
padding:0px;
}
#boardstats .maintitle {
background-color: transparent;
display:none;
}
#boardstats .pformstrip {
border-radius:5px;
}
#boardstats .row4, #boardstats .row2 {
padding:15px 0px 15px 0px;
}
#boardstats .stat-icon {
padding-left:15px;
}
.toplinks {
display: none;
}
#delcookiesrow {
float:right;
font-weight:normal;
}
.toplinks a,
#delcookiesrow a{
font-size: 11px;
text-decoration: none;
color: #fafbfc;
}
.toplinks a:hover,
#delcookiesrow a:hover {
text-decoration:underline;
}
#mot_explink,
#mot_collink {
float:right;
}
/* Forum Topic List Styling */
#act-SF .tableborder tr > .titlemedium{
visibility:hidden;
line-height:0;
padding:0;
}
#act-SF .tableborder.subforums .darkrow2 {
display:none;
}
#act-SF .tableborder .titlemedium{
text-align:left;
}
#inforum-rules { background: #9298A0; color: #FFF; padding: 6px 12px; border-radius: 5px; }
.topic-stats-wrap {
text-align:right;
font-size:11px;
}
.topic-author {
font-size:11px;
}
a.topic-title {
color: #8aa4c7;
font-size:16px;
font-weight:300;
}
a.topic-title:hover {
color:#6c7e96;
}
#act-SF .wrapmini {
display:none;
}
#mark-as-read-subto {
float:right;
font-size:13px;
}
/* Topic/Post/Msg Styling */
#act-ST .board-content .tableborder,
#act-Msg.code-03 #ucpcontent .tableborder{
background:transparent;
padding:0;
box-shadow: none;
}
#act-ST .board-content .tableborder table{
padding:0;
}
#act-ST .postlinksbar {
float:right;
font-size:12px;
padding:5px;
}
.post-normal,
.msg-normal {
display:block;
padding-bottom:8px;
}
.poll-bar,
.msg-bar {
background:#aebfce;
height:11px;
display:inline-block;
border-radius:4px;
}
.post2,
.post1 {
padding:0;
background:#fafbfc;
}
div.signature {
display:block;
padding:7px;
opacity: 0;
transition: all 0.2s linear 0s;
}
div.signature:hover { opacity: 1; }
.signature:empty{
display:none;
}
.post-normal .post2 > br,
.post-normal .post1 > br,
.msg-normal span.signature > br {
display:none;
}
.post-normal .row4,
.msg-normal .row4{
color: #9298a0;
padding: 0 8px;
font-size: 11px;
background: #fafbfc;
}
.post-normal .row4[valign="middle"],
.msg-normal .row4[valign="middle"] {
background:transparent;
text-align:center;
padding: 8px;
}
.post-normal .row4 .row4 { padding: 0; }
.postcolor {
display:block;
padding:11px;
line-height: 1.5em;
border-bottom:1px solid #e2e8ef;
}
.postcolor a{
text-decoration:underline;
}
.fieldset a {
text-decoration:none;
}
#QUOTE-WRAP, #CODE-WRAP {
border-left: 4px solid #c1cedd;
}
table#QUOTE-WRAP tr:first-child td, table#CODE-WRAP tr:first-child td{
padding:6px 12px;
border-bottom:1px solid #c1cedd;
color:#9298a0;
font-size:12px;
background: #f6f7f8;
}
#QUOTE, #CODE {
padding:8px;
font-size:13px;
background: #F6F7F8;
}
.edit{
font-size:11px;
}
.post-normal .darkrow1{
display:none;
}
.post-normal .darkrow3,
.msg-normal .darkrow3 {
background:#f6f7f8;
padding:8px;
}
.post-normal .darkrow3:nth-child(1),
.msg-normal .darkrow3:nth-child(1){
background:transparent;
text-align:center;
}
.post-normal .ip_address {
}
.post-buttons-bottom {
padding:0!important;
background:transparent;
}
#act-ST .board-content .maintitle {
text-align:left;
font-weight: 300;
background: #FAFBFC;
margin-bottom: 15px;
}
.topic-title {
font-size:20px;
}
.activeuserstrip{
font-size: 13px;
padding:10px;
background-color:#9298A0;
color: #fafbfc;
font-weight:600;
border-radius:5px;
}
.activeuserstrip a { color: #fafbfc; }
/* New Fast reply */
#qr_open {
display:block!important;
}
#qr_open .tableborder{
background-color:transparent;
}
#qr_open .qr-left {
}
#qr_open .qr-username {
font-size:14px;
color: #2b3541;
padding:8px;
}
#qr_open .qr-right {
}
#qr_open .qr-textrow {
background-color:#fafbfc;
padding:4px;
}
#qr_open .qr-buttons {
padding:4px;
}
#qr_open .qr-checkbox {
margin-top:7px;
}
#qr_open .qr-checkbox label:first-child {
margin-right:3px;
}
/* Mini Profile Default */
.post1.miniprofile,
.post2.miniprofile {
background:transparent;
text-align:center;
width: 200px;
}
.miniprofile .postdetails {
display:block;
}
.normalname {
font-size:14px;
margin-right: 14px;
}
.online {
width: 14px;
height: 14px;
border-radius: 7px;
background-color: #1bc71b;
margin: 3px 0;
display: inline-block;
float: left;
}
.offline {
width: 16px;
height: 16px;
border-radius: 8px;
background-color: #9298A0;
margin: 3px 0;
display: inline-block;
float: left;
}
.pip {
color: #8AA4C7;
margin: 0 2px;
}
.miniprofile .postdetails .awards br{
display:none;
}
.miniprofile .postdetails div { padding: 2px 0; }
.miniprofile .postdetails div[align="center"] img,
.msg-normal .postdetails img{
border-radius: 50%;
border: 1px solid #c1cedd;
max-height:96px;
max-width:96px;
}
.miniprofile .postdetails .profdets {
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.miniprofile .postdetails:hover .profdets { opacity: 1; }
.awards img { display: none; }
.mafiacard {
background: #eaeff4;
border: 1px solid #eaeff4;
width: 150px;
margin: 0 auto;
}
.mafiacardbox { background: #fafbfc; border: 1px solid #fafbfc; padding: 6px 0; }
#act-ST .bar {
padding: 0 !important;
}
/* Help Page */
#help {
list-style:none;
margin: 0;
padding: 0;
}
#help .helprow{
background-color:#fafbfc;
padding:6px;
border-bottom:1px solid #eeeeee;
}
#help .helprow a {
color:#8aa4c7;
font-size:14px;
font-weight:300;
}
#help .helprow a:hover {
color:#222222;
}
#help .helprow.active {
background: #f2f4f6;
border-bottom:0;
}
#help .helprow.active a {
color:#222222;
}
#help .helprow2 {
background-color:#fafbfc;
border-bottom:1px solid #eeeeee;
padding:6px;
}
#help .helprow2 li {
background-color:transparent;
list-style:disc;
border:0;
margin-left:20px;
}
/* Control Panels, UserCP, Msg, ModCP, etc */
#ucpmenu {
width:200px;
background-color:transparent;
border-right:1px solid #fafbfc;
padding-right:5px;
}
#ucpmenu .pformstrip {
display:none !important;
}
#ucpmenu p {
margin: 0;
padding: 0;
visibility:hidden;
line-height:0;
display:block;
}
#ucpmenu strong,
#ucpmenu b{
font-weight: 300;
}
#ucpmenu br,
#ucpcontent > form > br{
display:none;
}
#ucpmenu a {
display:block;
padding:6px;
text-decoration:none;
visibility:visible;
line-height:1.5em;
color:#323335;
font-size:13px;
text-align:right;
left:5px;
position:relative;
}
#ucpmenu a:hover{
background-color:#fafbfc;
color:#6c7e96;
}
#ucpmenu a:hover strong {
font-weight: 300;
}
#ucpmenu a.active{
background-color:#fafbfc;
color:#8aa4c7;
font-weight: 600;
}
#ucpmenu a.active strong { font-weight: 600; }
#act-UserCP #ucpmenu .maintitle+.pformstrip,
#act-UserCP #ucpmenu p:first-of-type,
#act-Msg #ucpmenu .pformstrip,
#act-Msg #ucpmenu p {
display:none;
}
#act-Msg #ucpmenu .maintitle+.pformstrip,
#act-Msg #ucpmenu p:first-of-type,
#act-UserCP #ucpmenu .pformstrip,
#act-UserCP #ucpmenu p {
display:block;
}
#ucpcontent {
width:auto;
padding-left:5px;
}
#ucpcontent p {
margin:0px;
padding:11px;
background-color:#fafbfc;
}
#act-UserCP #ucpcontent table,
#act-UserCP .signature,
#ucpcontent form[name="notepad"],
#ucpcontent .tablepad,
#act-UserCP.code-52 .row2{
background-color:#fafbfc;
}
#act-UserCP .signature {
width:100% !important;
}
#ucpcontent table td {
padding:11px;
}
#ucpcontent .tableborder table{
padding:2px;
}
#ucpcontent .pformstrip {
}
#ucpcontent .titlemedium {
}
#ucpcontent .titlemedium a {
}
#act-Msg.code-03 #ucpcontent .titlemedium {
display:none;
}
#ucpmenu .maintitle,
#ucpcontent .maintitle {
display:none;
}
.hlight {
background-color:#f2f4f6;
}
.dlight {
}
#modcp-menu {
background:transparent;
border-right:1px solid #fafbfc;
padding-right:5px !important;
margin-right:5px;
}
#modcp-menu table,
#modcp-menu .titlemedium,
#modcp-menu .row2 img {
display:none;
}
#modcp-menu .row2{
margin: 0 !important;
padding: 0 !important;
visibility:hidden;
line-height:0;
}
#modcp-menu a {
display:block;
padding:6px 12px;
text-decoration:none;
visibility:visible;
line-height:1.5em;
color:#323335;
font-size:13px;
text-align:right;
left:5px;
position:relative;
}
#modcp-menu a:hover{
background-color:#fafbfc;
color:#8aa4c7;
}
#modcp-menu a.active {
background-color:#fafbfc;
color:#8aa4c7;
}
/* Shoutbox */
#shoutbox { margin-top: 15px; }
#shoutbox .maintitle{
}
#shoutbox .maintitle a {
}
#shoutbox .row2{
padding: 0;
}
#shoutbox #shoutbox-iframe{
height:200px;
}
#iframe-shouts a {
text-decoration:none;
font-weight: 200;
font-size: 14px;
}
.shout1, .shout2{
padding: 8px 12px;
color: #323335;
}
.shout1 {
background: #F1F4F7;
}
#shoutbox .row2 form { padding: 6px 12px; }
#shoutbox .row2 form select.codebuttons { -webkit-appearance: inherit; margin: 0 3px 0 0; }
/* Profile */
/* 1.0 */
#profilename {
font-size:28px;
}
#act-Profile .plainborder{
border:0px;
background:transparent;
padding:4px;
}
#act-Profile .plainborder .row3,
#act-Profile .plainborder .row1 {
background-color:#fafbfc;
}
#act-Profile table {
cell-spacing: 4px;
border-spacing:4px;
padding:4px;
*border-collapse: expression('separate', cellSpacing = '4px');
}
#act-Profile table table {
cell-spacing: 0;
border-spacing:0;
padding:0;
*border-collapse: expression('separate', cellSpacing = '0px');
}
#act-Shoutbox td[width="58%"] div[style="width: 90%"] .plainborder { border: none; }
#act-Shoutbox td[width="58%"] div[style="width: 90%"] table { padding: 0; }
#act-Shoutbox td[width="58%"] td[width="25"],
#act-Shoutbox td[width="58%"] td[width="75%"] br { display: none; }
#act-Shoutbox td[width="58%"] td[width="75%"] { padding: 6px 12px; background: #EAEFF4; }
#act-Shoutbox td[width="58%"] td[width="75%"] a { display: inline-block; margin: 0 5px 0 0; }
#act-Shoutbox td[width="58%"] div[style="width: 90%"] div[align="left"] { background: #F6F7F8; padding: 12px; }
/* 2.0 */
.largeframe img{
height:52px;
width:52px;
}
.profile-left {
width:250px !important;
padding-right:5px !important;
margin-right:5px;
}
.profile-left > .tableborder > table,
.profile-left .titlemedium {
display:none;
}
.profile-left > .tableborder {
background:transparent;
box-shadow: none;
}
.profile-left #profile-personalinfo {
background-color:#fafbfc;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
}
.profile-left #profile-customfields {
background-color:#fafbfc;
margin-top:5px;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
}
.profile-left #profile-statistics{
background-color:#fafbfc;
margin-top:5px;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
}
.profile-left #profile-contactinfo {
background-color:#fafbfc;
margin-top:5px;
box-shadow: 0 1px 2px rgba(5,7,10,0.1);
}
.profile-left #profile-signature > .row2 {
text-align:right !important;
font-size:11px;
}
.profile-left #profile-signature #sig_popup {
width:600px;
text-align:left;
}
.profile-middle {
padding-left:15px;
}
.profile-middle #profile-heading {
height:156px;
}
.profile-middle #profile-latest{
float:right;
position: relative;
width: 260px;
display:inline-block;
}/*156 for 3 or 260 for 5*/
.latest-visitor .largeframe{
margin:0 !important;
padding:0 !important;
}
.latest-visitor .largeframe img{
border-radius: 50%;
padding:2px;
}
.latest-visitor{
float: right;
}
.latest-visitor:nth-child(3n+1) {
margin-right:0;
}
.profile-middle .positiontab {
background-color: #9298A0;
height:41px;
}
.profile-middle .positiontab div {
padding:11px;
float:left;
font-size:14px;
margin-top: 3px;
}
.profile-middle .positiontab .opentab{
background-color: #fafbfc;
}
.profile-middle .positiontab .closedtab {
color:#fafbfc;
}
.profile-middle #MY_CONTENTS .tableborder {
border-bottom:1px solid #eeeeee;
}
.profile-middle #MY_CONTENTS table td{
padding:3px;
}
.profile-middle #MY_CONTENTS .pformstrip {
display:none;
}
.profile-middle #MY_CONTENTS form .pformstrip:last-child {
display:block;
}
.profile-middle #MY_CONTENTS .smallframe img,
.profile-middle #MY_CONTENTS .largeframe img{
border-radius:50%;
}
.profile-right {
display:none;
}
/* Calendar */
#calendarname span {
font-size:20px;
}
#calendar .row3,
#calendar .darkrow1{
padding:6px;
border-bottom:1px solid #eeeeee;
background:transparent;
vertical-align:top;
}
#calendar .row1 {
border:0px !important;
border-style:none !important;
background:#eeeeee;
padding:6px;
}
#calendar .row3 > div div,
#calendar .row1 > div div {
border-radius:3px;
border:0px !important;
padding:2px 4px !important;
margin-bottom:1px;
}
/* Footer Styling */
.footer {
margin-top:35px;
box-shadow: 0 -1px 2px rgba(5,7,10,0.1);
padding:12px;
}
.footer .member {
display:inline-block;
}
.footer-skinselect .remove-skinselect{
display:none;
}
.footer-skinselect > a {
color: #9298A0;
padding:3px;
font-size:20px;
}
.footer-skinselect > a:hover {
color:#323335;
}
.skinselect-modal {
width:400px;
}
.footer-copyright .tableborder,
.footer-copyright .tableborder .row4 {
background:transparent;
padding:0!important;
box-shadow: none;
}
.copyright {
font-size: 10px;
line-height: 12px;
text-align: right;
}
.admin1 { color: #323335; text-shadow: 0 -1px 1px #9298A0; font-weight: 300; }
.mod1 { color: #b7212d; text-shadow: 0 0 1px #9298A0; }
.bow-tie {
display: inline-block;
border-top: 3px dotted rgba(0,0,0,0);
border-right: 12px solid #da3643;
border-bottom: 3px dotted rgba(0,0,0,0);
border-left: 12px solid #da3643;
-webkit-border-radius: 1px;
border-radius: 1px;
background: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
transform: rotate(343deg);
-ms-transform: rotate(343deg);
margin-right: 3px;
}
.bow-tie-m {
display: inline-block;
border-top: 3px dotted rgba(0,0,0,0);
border-right: 12px solid #aaa;
border-bottom: 3px dotted rgba(0,0,0,0);
border-left: 12px solid #aaa;
-webkit-border-radius: 1px;
border-radius: 1px;
background: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
transform: rotate(343deg);
-ms-transform: rotate(343deg);
margin-right: 3px;
}
.hbutton {
border-radius: 50%;
width: 18px;
height: 18px;
display: inline-block;
margin: 0 3px -2px 0;
background: #9C6B98;
color: #FFF;
text-align: center;
box-shadow: 0 0 3px rgba(255,255,255,0.5) inset;
font-weight: 600;
}
/* Sidebar */
.sidebar {
}
/*
Mobile Theme
*/
/* General Mobile Styles */
body#mobile {
}
#mobile a {
}
#mobile #mobile-wrapper {
padding:0px;
margin:80px 0 0 0;
top:0;
position:absolute;
width:100%;
}
#mobile .tableborder {
margin-bottom:20px;
}
#mobile .maintitle a,
#mobile .maintitle{
}
#mobile .row4 {
padding:11px;
}
#mobile .pformstrip {
}
/* Mobile Header */
#mobile > #mobile-wrapper > .tableborder:first-child {
top:0;
left:0;
position:fixed;
width:100%;
}
#mobile > #mobile-wrapper > .tableborder:first-child > .maintitle{
padding:14px;
margin:0;
background-color:#8aa4c7;
color:#fafbfc;
}
#mobile > #mobile-wrapper > .tableborder:first-child > .maintitle a {
color:#fafbfc;
}
#mobile #mobile-userlinksbar {
padding:10px;
background-color:#fafbfc;
color:#323335;
border-bottom: 1px solid #bdc3c7;
}
#mobile #mobile-userlinksbar a {
color:#323335;
}
#mobile #mobile-menu {
height:250px;
overflow-y:auto;
width:100%;
z-index:1;
margin-top:-31px;
background-color:#fafbfc;
color:#323335;
border-bottom: 1px solid #bdc3c7;
}
#mobile #mobile-menu .tableborder div {
display:none;
}
#mobile #mobile-menu .touch-nav{
display:block!important;
padding: 12px;
background:#fafbfc;
border-bottom:1px solid #e2e8ef;
text-align:center;
}
#mobile #mobile-menu .touch-nav a {
text-decoration:none;
}
#mobile .post-buttons-bottom a{
display:inline-block;
text-decoration:none;
}
<% TITLE %>
<% CSS %>
<% JAVASCRIPT %>
<% BOARD HEADER %>
<% DSHOUTBOX %>
<% NAVIGATION %>
<% BOARD %>
New Poll
Add Reply
New Topic
Closed
Closed
Closed
- →
- View
Delete
Edit
Email
PM
Quote
Report
-
-
Skype
Add Event
-
-
-
-
-
-
