body { background: #000 url(images/background.jpg) center top no-repeat; font: 13px Arial, Helvetica, Sans-serif; color: #C8C7C7;} a, a:focus, a:hover, button, button:focus, button:hover, button:active { text-decoration: none; outline: none; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -khtml-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear;} a { color: #57b5f0;} a:hover, a:focus { color: #fff; outline: 0 none !important; text-decoration: none;} img { border:0; margin: 0; } /* @FONT-FACE */ @font-face { font-family: oswaldregular; src: url('fonts/oswaldregular.eot'); /* IE9 Compatibility Modes */ src: url('fonts/oswaldregular.eot?') format('eot'), /* IE6-IE8 */ url('fonts/oswaldregular.woff') format('woff'), /* Modern Browsers */ url('fonts/oswaldregular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/oswaldregular.svg#svgoswaldregular') format('svg'); /* Legacy iOS */} @font-face { font-family: oswaldlight; src: url('fonts/oswaldlight.eot'); /* IE9 Compatibility Modes */ src: url('fonts/oswaldlight.eot?') format('eot'), /* IE6-IE8 */ url('fonts/oswaldlight.woff') format('woff'), /* Modern Browsers */ url('fonts/oswaldlight.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/oswaldlight.svg#svgoswaldlight') format('svg'); /* Legacy iOS */} /**************************************** HEADER *****************************************************************/ #header { background-color: rgba(255,255,255,0.2); margin-top: 10px;} /**************************************** MAIN MENU **************************************************************/ #header .navbar { margin-bottom: 0;} #header .navbar.navbar-default { min-height: 40px; border: none; background-color: transparent; background-image: none; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #header ul.nav > li > a { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 40px; background-color: transparent; padding: 0 20px; text-transform: uppercase;} #header ul.nav > li > a:hover, #header ul.nav > li > a:focus, #header ul.nav > li > a.active, #header ul.nav > li.active > a, #header ul.nav > li.open > a, #header ul.nav > li.open > a:focus, #header ul.nav > li.open > a:hover { color: #7babe4; background-color: transparent;} #header ul.nav > li ul.dropdown-menu { background-color: rgba(0,0,0,0.8); border: 1px solid #000;} #header ul.nav > li ul.dropdown-menu li { border-bottom: 1px solid #393939;} #header ul.nav > li ul.dropdown-menu li:last-child { border-bottom: none;} #header ul.nav > li ul.dropdown-menu li a { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; padding: 10px 15px;} #header ul.nav > li ul.dropdown-menu li a:hover { color: #fff; background: #7babe4;} @media (max-width: 767px) { #header .navbar-collapse { border-color: #2e2e2e; } #header .navbar-toggle { background-color: #000; border: 1px solid #1a1a1a; } #header .navbar-toggle:hover { background-color: #333; border: 1px solid #2e2e2e; } #header ul.nav > li > a:hover, #header ul.nav > li > a:focus, #header ul.nav > li > a.active, #header ul.nav > li.active > a, #header ul.nav > li.open > a, #header ul.nav > li.open > a:focus, #header ul.nav > li.open > a:hover { color: #7babe4; background-color: rgba(0,0,0,0.8); } } /**************************************** SOCIAL ICONS ***********************************************************/ .header-social { margin-top: 5px;} .header-social a.social-rss span { width: 40px; background-color: #ff6600; color: #fff; border: 1px solid #e25c03; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header-social a.social-rss span:hover { background-color: #e25c03;} .header-social a.social-facebook span { width: 40px; background-color: #3b5998; color: #fff; border: 1px solid #40547c; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header-social a.social-facebook span:hover { background-color: #40547c;} .header-social a.social-twitter span { width: 40px; background-color: #55acee; color: #fff; border: 1px solid #4f9dd8; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header-social a.social-twitter span:hover { background-color: #4f9dd8;} .header-social a.social-google-plus span { width: 40px; background-color: #dd4b39; color: #fff; border: 1px solid #c64332; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header-social a.social-google-plus span:hover { background-color: #c64332;} .header-social a.social-youtube span { width: 40px; background-color: #bb0000; color: #fff; border: 1px solid #a40101; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header-social a.social-youtube span:hover { background-color: #a40101;} /**************************************** SITENAME, SITETAG ******************************************************/ .logo { float: left; margin: 6px 0; background: url(images/logo.png) no-repeat left top;} #header .sitename { font: 48px "oswaldregular", Arial, Helvetica, Sans-serif; line-height: 1; text-transform: uppercase; margin: 10px 0; padding: 0;} #header .sitename:before { content: url(images/logo.png); display: inline-block; padding-right: 15px;} #header .sitename a { color: #fff; text-decoration: none;} #header .sitename a:hover { color: #87BAFB; text-decoration: none;} #header .sitetag { font: 14px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 14px; text-transform: uppercase; margin: 0; padding: 0 0 0 80px; } @media (max-width: 767px) { #header .sitename { font-size: 28px; }} /**************************************** SEARCH *****************************************************************/ .header-search { padding: 15px 0 6px 10px;} .header-search .input-group .input-group-addon { background-color: #191919; border-color: #2e2e2e; } .header-search .input-group .form-control { color: #999; background-color: #191919; border-color: #2e2e2e; border-right: none; box-shadow:0 0 0; } .header-search .input-group button { background:transparent; border: none;} .header-search .input-group button { color: #999; background:transparent; border: none;} .header-search .input-group button:hover { color: #fff;} /**************************************** 2. MAIN MENU ***********************************************************/ #header .navigation-secondary { background-color: rgba(0,0,0,0.5); border-bottom: 2px solid #3b7dac; margin-top: 15px;} #header .navigation-secondary ul.nav > li { display: inline-block;} #header .navigation-secondary ul.nav > li > a { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 40px; background-color: transparent; padding: 0 20px; text-transform: uppercase;} #header .navigation-secondary ul.nav > li > a:hover, #header .navigation-secondary ul.nav > li > a:focus, #header .navigation-secondary ul.nav > li > a.active, #header .navigation-secondary ul.nav > li.active > a, #header .navigation-secondary ul.nav > li.open > a, #header .navigation-secondary ul.nav > li.open > a:focus, #header .navigation-secondary ul.nav > li.open > a:hover { color: #fff; background-color: #000;} #header .navigation-secondary ul.nav > li ul.dropdown-menu { background-color: rgba(0,0,0,0.8); border: 1px solid #000;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li { border-bottom: 1px solid #393939;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li:last-child { border-bottom: none;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li a { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; padding: 10px 15px;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li a:hover { color: #fff; background: #7babe4;} @media (max-width: 767px) { #header .navigation-secondary ul.nav > li { display: block; }} /**************************************** MAIN CONTENT ***********************************************************/ #main-content { padding: 15px; background-color: rgba(0,0,0,0.8);} /**************************************** SLIDER *****************************************************************/ .slider-box { margin: 0 0 20px 0;} .slider-box .slider-box-body {} .slider-box .slider-box-body .featurebox.carousel {} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators { bottom: -5px;} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators li { border-color: #dbdbdb;} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators li.active { background-color: #dbdbdb;} .slider-box .slider-box-body .featurebox.carousel .carousel-inner { overflow: hidden; background-color: #101010; height: auto !important; padding-bottom: 30px;} .slider-box .slider-box-body .featurebox.carousel .item { max-width: 100%; max-height: 100%; overflow: hidden;} .slider-box .carousel-caption { padding: 10px; bottom: 0; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;} .slider-box .carousel-caption h1 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;} .slider-box .carousel-caption p { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .slider-box .carousel-caption .btn-featurebox { text-align: center; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;} @media (max-width: 767px) { .slider-box .carousel-caption h1 { font-size: 18px; } .slider-box .carousel-caption p { display: none; } } /**************************************** MAIN CONTENT LEFT COLUMN ***********************************************/ .leftcol {}.leftmenu-box { overflow: hidden; margin: 0 0 20px 0; padding: 0;} .leftmenu-box-title { background: #2c7cae; margin: 0 0 10px 0; padding: 0; border: 1px solid #7cb4dc;} .leftmenu-box-title h2 { font: 16px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 18px; text-transform: uppercase; margin: 0; padding: 10px;} .leftmenu-box-body { padding: 10px; font: 13px Arial, Helvetica, Sans-serif; color:#dadada; line-height: 15px;} /* Left menu ul, li, badget */ .leftmenu-box-body > ul { list-style: none; padding-left: 0;} .leftmenu-box-body > ul > li { background-color: transparent; border: none; padding: 6px 6px 6px 0; display: block; } .leftmenu-box-body > ul > li > a { color: #fff; background-color: transparent; padding: 0;} .leftmenu-box-body > ul > li > a:hover, .leftmenu-box-body > ul > li > a:focus { color: #57b5f0; background-color: transparent;} .leftmenu-box-body > ul > li > a:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #2c7cae; text-decoration: inherit; padding-right: 5px; } .leftmenu-box-body > ul > li > a span.badge { float: right; background-color: #4e7178; font-family: Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; margin-left: 15px;}.leftmenu-box-body > ul > li > a:hover span.badge { background-color: #2c7cae;} /* Left menu h2 span btn */.leftmenu-box-title h2 span.btn-group { vertical-align: middle; margin-top: -4px;}.leftmenu-box-title h2 span.btn-group a.btn { background-color: #66b4e5; border-color:#8fcdf3; text-shadow: 0 -1px 0 #000; font-size: 18px; line-height: 1.3; padding: 0 5px;} /**************************************** MAIN CONTENT CENTER COLUMN *********************************************/ .centercol {} .centermenu-box { overflow: hidden; margin: 0; padding: 20px 0; } .centermenu-box-title { margin: 0; padding: 0 0 20px 0; } .centermenu-box-title h2 { font: 20px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 20px; margin: 0 0 10px 0; padding: 0;} .centermenu-box-body { font-size: 13px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} .centermenu-box input.tbox { font: 12px Arial, Helvetica, Sans-serif; color: #dbdbdb; background: #191919; margin: 5px 0; padding: 6px; border: 1px solid #2e2e2e; } /**************************************** NEWS LAYOUT ***************************************************/ .default-item { margin-bottom: 30px;} .default-item h2.default-news-title { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0 0 10px 0; padding: 0;} .default-item h2.default-news-title a { color: #dbdbdb;} .default-item h2.default-news-title a:hover { color: #3b8ec7;} .default-item .default-news-info { font: 12px Arial, Helvetica, Sans-serif; color: #999; line-height: 18px; padding: 0 0 10px 0; }.default-item .default-news-options {} .default-item .default-news-images-main { padding-bottom: 5px;} .default-item .default-news-images-main img { background-color: #dbdbdb; padding: 5px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }.default-item .default-news-summary { font-size: 18px; line-height: 1.2; margin-bottom: 10px;} .default-item .default-news-body { font-size: 13px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} .default-item .default-news-options {} .default-item .default-news-options a.hidden-print, .default-item .default-news-options a.social-share-email, .default-item .default-news-options a.social-share-facebook-like, .default-item .default-news-options a.social-share-facebook-share, .default-item .default-news-options a.social-share-twitter, .default-item .default-news-options a.social-share-google-plus1 { background-color: transparent; border-color: transparent; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size: 14px; color: #aaa; line-height: 14px; margin-top: 10px; padding: 0; text-align: center; margin-right: 10px;} .default-item .default-news-options a.hidden-print i:hover, .default-item .default-news-options a.social-share-email i:hover, .default-item .default-news-options a.social-share-facebook-like i:hover, .default-item .default-news-options a.social-share-facebook-share i:hover, .default-item .default-news-options a.social-share-twitter i:hover, .default-item .default-news-options a.social-share-google-plus1 i:hover { color: #3c9bd6 !important;} .default-item .default-news-extended a { display: inline-block; font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; text-transform: uppercase; background-color: #333; border: 1px solid #525252; padding: 8px 14px; } .default-item .default-news-extended a:hover { background-color: #2c7cae; border: 1px solid #7cb5dd; color: #fff; text-decoration: none;} /**************************************** NEWS EXTENDED LAYOUT ***************************************************/ .view-item { margin-bottom: 25px;} .view-item h2.view-news-title { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0 0 10px 0; padding: 0;} .view-item h2.view-news-title a { color: #dbdbdb;} .view-item h2.view-news-title a:hover { color: #3b8ec7;} .view-item .view-news-info { font: 12px Arial, Helvetica, Sans-serif; color: #999; line-height: 18px; padding: 0 0 10px 0; }.view-item .view-news-images-main { padding-bottom: 15px;} .view-item .view-news-images-main img { background-color: #dbdbdb; padding: 5px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .view-item .view-news-summary { font-size: 18px; line-height: 1.2; margin-bottom: 10px;}.view-item .view-news-body { font-size: 14px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} .view-item .view-news-images-1,.view-item .view-news-images-2 { margin-bottom: 15px;} .view-item .view-news-images-1 img,.view-item .view-news-images-2 img { -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}.view-item .view-body-extended { font-size: 14px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} .view-item .view-news-options { margin-bottom: 15px; text-align: right;} .view-item .view-news-options a.hidden-print, .view-item .view-news-options a.social-share-email, .view-item .view-news-options a.social-share-facebook-like, .view-item .view-news-options a.social-share-facebook-share, .view-item .view-news-options a.social-share-twitter, .view-item .view-news-options a.social-share-google-plus1 { background-color: transparent; border-color: transparent; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size: 16px; color: #aaa; line-height: 16px; margin-top: 10px; padding: 0; text-align: center; margin-right: 10px;} .view-item .view-news-options a.hidden-print i:hover, .view-item .view-news-options a.social-share-email i:hover, .view-item .view-news-options a.social-share-facebook-like i:hover, .view-item .view-news-options a.social-share-facebook-share i:hover, .view-item .view-news-options a.social-share-twitter i:hover, .view-item .view-news-options a.social-share-google-plus1 i:hover { color: #3c9bd6 !important;} /**************************************** NEWS EXTENDED RELATED NEWS *********************************************/ .e-related { margin-top: 25px;} .e-related h2.related-news-title { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0; padding: 15px 0 25px 0;} .e-related .related-news-image { background: #000; margin: 0; padding: 0;} .e-related .related-news-image img { -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .e-related .related-news-header { margin: 0 0 15px 0; padding: 10px 0 15px 0;} .e-related .related-news-header h4.related-news-caption { font: 16px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 1.1; margin-top: 0;} .e-related .related-news-header h4.related-news-caption a { color: #dbdbdb;} .e-related .related-news-header h4.related-news-caption a:hover { color: #57b5f0;} /**************************************** NEWS - CATEGORY'S NEWS LAYOUT ******************************************/ .newscatitems { margin-bottom: 25px;} .newscatitems .newscatitems-header { margin-bottom: 25px;} .newscatitems .newscatitems-header h2 { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0; padding: 0;} /**************************************** NEWS LIST LAYOUT *******************************************************/ .news-list-item { margin-bottom: 25px;} .news-list-item .list-news-image img { -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .news-list-item h3.list-news-title { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0; padding: 0 0 15px 0;} .news-list-item h3.list-news-title a { color: #dbdbdb;} .news-list-item h3.list-news-title a:hover { color: #57b5f0;} .news-list-item .list-news-summary { font-size: 14px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} .news-list-item .list-news-extemded { text-align: right;} /**************************************** MAIN CONTENT RIGHT COLUMN ***********************************************/ .rightcol {} .rightmenu-box { overflow: hidden; margin: 0 0 20px 0; padding: 0;} .rightmenu-box-title { background: #2c7cae; margin: 0 0 10px 0; padding: 0; border: 1px solid #7cb4dc;} .rightmenu-box-title h2 { font: 16px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 18px; text-transform: uppercase; margin: 0; padding: 10px;} .rightmenu-box-body { padding: 10px; font: 13px Arial, Helvetica, Sans-serif; color:#dadada; line-height: 15px;} /* Right menu ul, li, badget */ .rightmenu-box-body > ul { list-style: none; padding-left: 0;} .rightmenu-box-body > ul > li { background-color: transparent; border: none; padding: 6px 6px 6px 0; display: block; } .rightmenu-box-body > ul > li > a { color: #fff; background-color: transparent; padding: 0;} .rightmenu-box-body > ul > li > a:hover, .rightmenu-box-body > ul > li > a:focus { color: #57b5f0; background-color: transparent;} .rightmenu-box-body > ul > li > a:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #2c7cae; text-decoration: inherit; padding-right: 5px; } .rightmenu-box-body > ul > li > a span.badge { float: right; background-color: #4e7178; font-family: Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; margin-left: 15px;} .rightmenu-box-body > ul > li > a:hover span.badge { background-color: #2c7cae;} /* Right menu h2 span btn */ .rightmenu-box-title h2 span.btn-group { vertical-align: middle; margin-top: -4px;} .rightmenu-box-title h2 span.btn-group a.btn { background-color: #66b4e5; border-color:#8fcdf3; text-shadow: 0 -1px 0 #000; font-size: 18px; line-height: 1.3; padding: 0 5px;} /**************************************** FOOTER *****************************************************************/#footer {}#footer-menus { background: #262626; padding: 0; } .footermenu-box { padding-top: 20px; padding-bottom: 20px;} .footermenu-box-title { background: #2c7cae; margin: 0 0 10px 0; padding: 0; border: 1px solid #7cb4dc; } .footermenu-box-title h2 { font: 16px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 16px; text-transform: uppercase; margin: 0; padding: 10px; } .footermenu-box-body { padding: 10px; font: 13px Arial, Helvetica, Sans-serif; color:#dadada; line-height: 18px;} /* Footer menu ul, li, badget */ .footermenu-box-body > ul { list-style: none; padding-left: 0;} .footermenu-box-body > ul > li { background-color: transparent; border: none; padding: 6px 6px 6px 0; display: block; } .footermenu-box-body > ul > li > a { color: #fff; background-color: transparent; padding: 0;} .footermenu-box-body > ul > li > a:hover, .footermenu-box-body > ul > li > a:focus { color: #57b5f0; background-color: transparent;} .footermenu-box-body > ul > li > a:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #2c7cae; text-decoration: inherit; padding-right: 5px; } .footermenu-box-body > ul > li > a span.badge { float: right; background-color: #4e7178; font-family: Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; margin-left: 15px;} .footermenu-box-body > ul > li > a:hover span.badge { background-color: #2c7cae;} #footer-info { font: 13px Arial, Helvetica, Sans-serif; color: #FFFFFF; background: #333333; text-align: center; padding: 20px 0; border-top: 1px solid #444444;} #credits { font: 11px Arial, Helvetica, Sans-serif; color: #B7B7B7; text-align: center; margin-bottom: 15px; padding: 10px 0;} #credits a { color: #B7B7B7; text-decoration: none; } #credits a:hover { text-decoration: none; color: #B7B7B7; } /**************************************** COMMENTS STYLE *********************************************************//*Comment Form */.comment-box.comment-box-form { padding: 10px; margin-bottom: 15px; background-color: #333; border: 1px solid #2e2e2e;} .comment-box.comment-box-form .comment-box-left {} .comment-box.comment-box-form .comment-box-left .comment-avatar {} .comment-box.comment-box-form .comment-box-left .comment-avatar img { border: 2px solid #fff; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0; -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .comment-box.comment-box-form .comment-box-right {} .comment-box.comment-box-form .comment-box-right .comment-input.form-control { color: #dbdbdb; background-color: #757575; border: 1px solid #5f5f5f; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 767px) { .comment-box.comment-box-form .comment-box-left .comment-avatar { display: none; } } /* COMMENTS */ #comments-container.media-list { margin-bottom: 20px;} #comments-container.media-list li.comment-box { min-height: 100px; } #comments-container.media-list li.comment-box .comment-box-left { width: 75px; min-height: 100px; font-size: 14px; font-style: italic; color: #fff; background-color: #535353; text-align: center; padding: 10px;} comments-container.media-list li.comment-box .comment-box-left .comment-icon { font-size: 22px; padding-bottom: 10px;} #comments-container.media-list li.comment-box .comment-box-right { overflow: hidden; min-height: 100px; background-color: #333; border: 1px solid #2e2e2e; padding: 10px;} #comments-container.media-list li.comment-box .comment-box-right .comment-box-username { font-size: 14px; font-style: italic; line-height: 1.5;} #comments-container.media-list li.comment-box .comment-box-right .comment-box-username a { font-size: 14px; font-style: italic; font-weight: bold; line-height: 1.5; padding: 0 5px;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply { font-size: 12px; font-style: italic; color: #999; line-height: 1.5; margin: 0; border: none; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; text-transform: none; padding: 0 5px;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply::after { color: #999; content: "\f021"; display: inline-block; font-family: FontAwesome; font-size: 12px; margin: 0 0 0 5px; vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply:hover { background-color: transparent; color: #fff;} #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-reply::after { color: #fff;} #comments-container.media-list li.comment-box .comment-box-right .comment-text { font-size: 13px; padding-left: 15px; padding-right: 15px;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit, #comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete, #comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve { font-size: 12px; font-style: italic; color: #999; line-height: 1.5; margin: 0; padding: 0 5px; border: none; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; text-transform: none;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit::after { color: #999; content: "\f044"; display: inline-block; font-family: FontAwesome; font-size: 12px; margin: 0 0 0 5px; vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete::after { color: #999; content: "\f00d"; display: inline-block; font-family: FontAwesome; font-size: 12px; margin: 0 0 0 5px; vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve::after { color: #999; content: "\f00c"; display: inline-block; font-family: FontAwesome; font-size: 12px; margin: 0 0 0 5px; vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit:hover, #comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete:hover, #comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve:hover { background-color: transparent; color: #fff;} #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-edit::after, #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-delete::after, #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-approve::after { color: #fff;} /**************************************** ORIGINAL OTHER MENU STYLE *******************************************************/ /* .othermenu-box { overflow: hidden; margin: 0 0 15px 0; padding: 0;} .othermenu-box-title { margin: 0; padding: 0;} .othermenu-box-title h2 { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0; padding: 15px 0 25px 0;} .othermenu-box-body { font-size: 14px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} */ /**************************************** OTHER MENU STYLE *******************************************************/ .othermenu-box { /* overflow: hidden; */ margin: 0 0 15px 0; padding: 0;} .othermenu-box-title { margin: 0; padding: 0;} .othermenu-box-title h2 { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif; color: #dbdbdb; line-height: 28px; margin: 0; padding: 15px 0 25px 0;} .othermenu-box-body { font-size: 14px; color: #c8c7c7; line-height: 20px; margin-bottom: 15px;} /********************** core style ********************************/ /*------------------------------------------ tbox, chatbox, button--------------------------------------------*/ .tbox{ font: 12px Arial, Helvetica, Sans-serif; color: #dbdbdb; background: #191919; margin: 5px 0; padding: 6px; border: 1px solid #2e2e2e; } .tbox.chatbox { color: #dbdbdb; background: #191919; padding: 6px; margin: 10px auto; border: 1px solid #2e2e2e; } /*------------------------------------------ BUTTONS--------------------------------------------*/ /* Button Default */ .btn-default { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; text-transform: uppercase; padding: 7px 10px; text-align: center; cursor:pointer; background-color: #333; border: 1px solid #525252; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 10px 20px; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -khtml-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear;} .btn-default:focus, .btn-default.focus { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none; } .btn-default:hover { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none;} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none;} .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus { background-color: #555; background-image: none; border: 1px solid #3d3d3d; color: #919191;} .button, .button:focus { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1; text-transform: uppercase; padding: 7px 10px; text-align: center; cursor:pointer; background-color: #333; border: 1px solid #525252; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .button:hover { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none;} .button:active { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd; outline: none;} /*------------------------------------------ BREADCRUMB--------------------------------------------*/ ul.breadcrumb { background-color: #444;}ul.breadcrumb li { color: #dbdbdb;} /*------------------------------------------ PAGINATION--------------------------------------------*/ div.pagination-wrap { margin: 0 0 20px 0; padding: 0; text-align: center;} ul.pagination { overflow: hidden; margin: 0; padding: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} ul.pagination > li { display: inline-block; margin: 0 2px 0 2px;} ul.pagination > li a { display: block; font-size: 15px; color: #b4b4b4; line-height: 15px; background: transparent; border: 1px solid transparent; padding: 5px 8px;} ul.pagination > li a:hover { background-color: #333; border: 1px solid #525252; color: #fff; } ul.pagination > li.active > a, ul.pagination > li.active > span, ul.pagination > li.active > a:hover, ul.pagination > li.active > span:hover, ul.pagination > li.active > a:focus, ul.pagination > li.active > span:focus { background-color: #2c7cae; border-color: #7cb5dd; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #fff; padding: 5px 8px;} ul.pagination > li:first-child > a, ul.pagination > li:first-child > span, ul.pagination > li:last-child > a, ul.pagination > li:last-child > span { -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .pagination-no-space .pagination { margin: 0;} /*------------------------------------------ TABS--------------------------------------------*/ ul.nav-tabs { border-bottom: 1px solid #2e2e2e;} ul.nav-tabs li {} ul.nav-tabs li.active {} ul.nav-tabs li.active a, ul.nav-tabs li.active a:focus { color: #dbdbdb; background-color: #333; border: 1px solid #2e2e2e;} ul.nav-tabs li a:hover, ul.nav-tabs li.active a:hover { color: #dbdbdb; background-color: #4c4c4c; border: 1px solid #2e2e2e;} /*------------------------------------------ PAGER--------------------------------------------*/ ul.pager {}ul.pager li {}ul.pager li > a, ul.pager li > a:focus { background-color: #333; border: 1px solid #2e2e2e;} ul.pager li > a:hover { background-color: #4c4c4c; border: 1px solid #2e2e2e;} /*------------------------------------------ TABLE--------------------------------------------*/ .leftmenu-box table.table, .rightmenu-box table.table { } .leftmenu-box table.table tr th, .leftmenu-box table.table tr th.forumheader, .rightmenu-box table.table tr th, .rightmenu-box table.table tr th.forumheader { background-color: #333; font-size: 13px; color: #fff; border: 1px solid #161616; text-align: center;} .leftmenu-box table.table tr th span, .leftmenu-box table.table tr th.forumheader span, .rightmenu-box table.table tr th span, .rightmenu-box table.table tr th.forumheader span { text-transform: uppercase; text-align: center;} .leftmenu-box table.table tr td.indent, .rightmenu-box table.table tr td.indent { text-align: center;} .leftmenu-box table.table tr td, .leftmenu-box table.table tr td.forumheader3, .rightmenu-box table.table tr td, .rightmenu-box table.table tr td.forumheader3 { background-color: transparent; border: none; text-align: center;} .centermenu-box table.table { background-color: transparent;} .centermenu-box table.table tr th.forumheader { background-color: #333; font-size: 11px; color: #dbdbdb; line-height: 1; border: 1px solid #161616; text-align: center; padding: 4px;} .centermenu-box table.table tr th.forumheader span { text-transform: uppercase; text-align: center;} .centermenu-box table.table tr td { font-size: 11px; color: #fff; line-height: 1; text-align: center; padding: 4px;} .centermenu-box table.table tr td, .centermenu-box table.table tr td.forumheader3 { background-color: transparent; border: none; text-align: center;} .centermenu-box table.table div.item table { background-color: #161616;} /*------------------------------------------ FORUMS--------------------------------------------*/ #forum { } #forum > table.table { } #forum > table.table > tbody > tr.forum-title { } #forum > table.table > tbody > tr.forum-title > th { color: #dbdbdb; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(top, #50a6dc 0%, #3979a2 100%); background-image: -o-linear-gradient(top, #50a6dc 0%, #3979a2 100%); background-image: -webkit-gradient(linear, left top, #50a6dc 0%, #3979a2 100%); background-image: linear-gradient(to bottom, #50a6dc 0%, #3979a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6dc', endColorstr='#3979a2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum > table.table > tbody > tr.forum-parent > th { color: #dbdbdb; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%); background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%); background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%); background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum > table.table > tbody > tr.forum-parent > th:first-child { text-align: left;} #forum > table.table > tbody > tr > td { background-color: #333; border: 1px solid #161616; text-align: center; vertical-align: middle;} #forum > table.table > tbody > tr > td:nth-child(2) { text-align: left;} #forum > table.table > tbody > tr > td > a { font: 16px Arial, Helvetica, Sans-serif;} /* FORUM VIEWFORUM */ #forum-viewforum { } #forum-viewforum h3 { font-family: "oswaldregular", Arial, Helvetica, Sans-serif;} #forum-viewforum > table.table > tbody > tr > th { color: #dbdbdb; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(top, #50a6dc 0%, #3979a2 100%); background-image: -o-linear-gradient(top, #50a6dc 0%, #3979a2 100%); background-image: -webkit-gradient(linear, left top, #50a6dc 0%, #3979a2 100%); background-image: linear-gradient(to bottom, #50a6dc 0%, #3979a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6dc', endColorstr='#3979a2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum-viewforum > table.table > tbody > tr[id*="thread-"] { background-color: #333; background-image: none; color: #dbdbdb; border: 1px solid #161616; } #forum-viewforum > table.table > tbody > tr[id*="thread-"] > td { text-align: center; border: 1px solid #161616; vertical-align: middle;} #forum-viewforum > table.table > tbody > tr[id*="thread-"] > td:nth-child(2) { text-align: left;} #forum-viewforum > table.table > tbody > tr > td > div > div > a { font: 16px Arial, Helvetica, Sans-serif;} #forum-viewforum .panel { border: none;} #forum-viewforum .panel .panel-heading { color: #dbdbdb; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%); background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%); background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%); background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum-viewforum .panel .panel-body { background-color: #333; color: #dbdbdb; border: 1px solid #161616;} #forum-viewforum > table.table button.btn { background-color: #535353; border-color: #454545; } #forum-viewforum > table.table button.btn span { color: #dbdbdb; } /* FORUM VIEWTOPIC */ .centermenu-box h3 { font-family: "oswaldregular", Arial, Helvetica, Sans-serif;} .centermenu-box a[id="forum-track-button"] { font-size: 14px; color: #fff; background-color: #b34342; padding: 6px 12px; border: 1px solid #782828;} #forum-viewtopic li.forum-viewtopic-post { border-top: 1px solid rgba(100,100,100,0.6); } #forum-viewtopic li.forum-viewtopic-post:nth-child(odd) { background-color: #333;} #forum-viewtopic li.forum-viewtopic-post:nth-child(even) { background-color: #212121;} #forum-viewtopic li.forum-viewtopic-post a.btn, #forum-viewtopic li.forum-viewtopic-post button.btn { color: #dbdbdb; background-color: #535353; border-color: #454545; padding: 6px 12px; } #forum-viewtopic li img.user-avatar { -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);} #forum-viewtopic li .label { font-size: 12px; background-color: #337ab7;} #forum-viewtopic li i.fa { font-size: 12px;} #forum-viewtopic li .forum-thread-text { font-size: 14px;} #forum-viewtopic li .finfobar { border-top: 1px solid #3c3c3c; margin-top: 7px; padding-top: 7px;}#forum-viewtopic li .finfobar:first-child { border-top: 1px solid transparent;} #forum-viewtopic li .finfobar small { font-size: 13px; color: #979797;} /* NEW FORUM THREAD, FORUM REPLY */ #bbcode-panel-post--preview.bbcode-panel { background-color: #333; background-image: none; border: 1px solid #2e2e2e; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #bbcode-panel-post--preview.bbcode-panel a.btn { font-size: 14px; color: #dbdbdb; background-color: #333; margin: 0; padding: 6px 12px; border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #161616; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} /* TEXTS */ .smalltext { font: 11px Arial, Helvetica, Sans-serif; } .smallblacktext { font: 11px Arial, Helvetica, Sans-serif; } .defaulttext { font: 13px Arial, Helvetica, Sans-serif; } .mediumtext { font: 12px Arial, Helvetica, Sans-serif; } blockquote { font: italic 16px Arial, Helvetica, Sans-serif; background: transparent; border-left: 5px solid #9b9b9b; margin: 5px 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";} blockquote:before { color: #9b9b9b; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}/* MISC *//* form { margin: 2px 0px 0px 0px; } */p { margin: 0px; padding: 0; } .spacer{ padding: 0; }hr { width: 100%; height: 1px; width: 100%; background-color: #000; border-top: 1px solid #2a2a2a; margin: 20px auto;} .helpbox { width: 94%; background: transparent; font: 11px sans-serif; color:#8e6e4f; border: 0px; margin: 0; padding: 0; }