/**********************************************************************
* PRESTIGE WORDPRESS EDITION
* (Ideal For Business And Personal Use: Portfolio or Blog)
*
* File name:
* common.css
* Brief:
* CSS code
* Author:
* DigitalCavalry
* Author URI:
* http://themeforest.net/user/DigitalCavalry
* Contact:
* digitalcavalry@gmail.com
**********************************************************************/
/****************************************************
DEFAULT CSS
*****************************************************/
*
{
margin:0px;
padding:0px;
background-repeat: no-repeat;
}
html, body {
background-position: 50% 0%;
height:auto;
background-color: #2a2222;
background-repeat: no-repeat;
background-attachment: fixed;
margin:auto;
margin-top:0px;
padding-top:0px;
color:#FFFFFF;
font: normal 12px/18px Verdana;
}
h1
{
color: #FFE570;
font: 36px Verdana;
letter-spacing:2px;
margin-bottom:-10px;
line-height:30px;
color:#FFE570;
}
h2
{
color: #FFE570;
font: 27px Verdana;
letter-spacing:2px;
margin-bottom:10px;
line-height:25px;
}
h3
{
color: #FFE570;
font: 22px Verdana;
letter-spacing:2px;
margin-bottom:10px;
font-weight:bold;
line-height:18px;
}
h4
{
color: #FFE570;
font: 18px Verdana;
letter-spacing:2px;
margin-bottom:2px;
margin-top:2px;
font-weight:bold;
}
h5
{
color: #FFE570;
font: 16px Verdana;
letter-spacing:2px;
margin-bottom:10px;
font-weight:bold;
text-transform: uppercase;
}
h6
{
color: #FFE570;
font: 14px Verdana;
letter-spacing:1px;
margin-bottom:10px;
font-weight:bold;
text-transform: uppercase;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white
{
color:#FFFFFF;
}
h1 span, h2 span
{
display:block;
color:#AAAAAA;
margin-top:0px;
font: normal 16px/16px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
h3 span, h4 span
{
display:block;
color:#AAAAAA;
margin-top:0px;
font: normal 14px/14px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}
p code
{
padding-top: 0px;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 3px;
background-color: #111;
border:1px dotted #202020;
color:#CAB388;
font-family:monospace;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
strong
{
font-weight:bold;
}
em
{
font-style:italic;
}
abbr
{
border-bottom:1px solid #666666;
text-transform: uppercase;
}
hr
{
margin:0px;
padding:0px;
border:none;
height:0px;
border-top:1px solid #202020;
border-bottom:1px solid #0F0F0F;
border-color:rgba(64, 64, 64, 0.25) rgba(0, 0, 0, 0.0) rgba(32, 32, 32, 0.25) rgba(0, 0, 0, 0.0);
margin-bottom:10px;
margin-top:-4px;
display:block;
background-color:transparent;
}
p
{
text-decoration:none;
font:12px/18px Verdana;
margin:0px 0px 15px;
text-indent:0px;
}
a
{
color:#FFE570;
text-decoration:none;
background-repeat: no-repeat;
background-position: 0px 0px;
}
a:hover
{
color:#FFC602;
text-decoration:underline;
}
a.email
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/email.png);
}
a.download
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/download.png);
}
a.pdf
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/pdf.png);
}
a.word
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/word.png);
}
a.zip
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/zip.png);
}
a.file
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/document.png);
padding-top:1px;
padding-bottom:1px;
}
a.files
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/documents.png);
}
a.music
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/music.png);
}
a.rar
{
padding:1px 0px 1px 19px;
background-image: url(../img/common_files/links/rar.png);
}
a img
{
border:none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover
{
text-decoration:none;
}
a.img-ballon
{
padding:1px 0px 1px 18px;
background-image: url(../img/common_files/links/imgballon.png);
}
.pu_img
{
cursor:pointer;
}
/****************************************************
ANNOUNCEMENT BAR CSS
*****************************************************/
#announcement-bar
{
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:24px;
z-index:500;
background-color:#000000;
background-image:none;
background-repeat:repeat;
background-attachment:scroll;
background-position:0% 0%;
text-align:center;
}
/****************************************************
GRAPHICS DARK SPLITERS CSS
*****************************************************/
.dcs-page-spliter-dark-small
{
width:auto;
height:25px;
margin:0px;
padding:0px;
background-image:url(../img/common_files/Spliter_horizontal_w407.png);
background-repeat: no-repeat;
background-position: center center;
clear: both;
}
.dcs-page-spliter-dark-medium
{
width:auto;
height:25px;
margin:0px;
padding:0px;
background-image:url(../img/common_files/Spliter_horizontal_w550.png);
background-repeat: no-repeat;
background-position: center center;
clear: both;
}
.dcs-page-spliter-dark-large
{
width:auto;
height:25px;
margin:0px;
padding:0px;
background-image:url(../img/common_files/Spliter_horizontal_w700.png);
background-repeat: no-repeat;
background-position: center center;
clear: both;
}
/****************************************************
xxx CSS
*****************************************************/
p.author
{
font:bold 11px Verdana;
line-height: 20px;
color:#FFE570;
text-align: right;
padding-right: 15px;
margin:3px 0px 0px;
}
p.authorTitle
{
font: 9px Verdana;
line-height: 9px;
color:#666;
text-align: right;
padding-right: 15px;
margin-top: 0px;
}
p.photo-author
{
text-decoration:none;
font:9px Verdana;
color:#777;
margin:0px 0px 5px;
text-indent: 0px;
}
.spanBold
{
font-weight: bold;
}
.gold
{
color: #FFE570;
}
.silver
{
color: #999;
}
.dark
{
color: #555;
}
.clear-both
{
clear:both;
height:1px;
background-color:transparent;
}
.float-right
{
float:right;
}
.float-left
{
float:left;
}
/*********************************************************************
NAVIGATION TREE CSS
**********************************************************************/
.navigation-tree-container
{
width:994px;
padding:12px 20px 12px;
margin: 10px auto;
color:#aaa;
font:12px Verdana; border-radius: 3px;
background: rgb(130, 8, 8);
}
.navigation-tree-container .selected
{
text-decoration:none;
font:12px Verdana;
color:#FFE570;
line-height:12px;
cursor:default;}
.navigation-tree-container .link
{
text-decoration:none;
font:12px Verdana;
color:#fff;
line-height:12px;
cursor:pointer;
}
.navigation-tree-container .link:hover
{
color:#FFC602;
cursor:pointer;
}
/*********************************************************************
xxx CSS
**********************************************************************/
#content
{
width:1025px;
padding:10px 14px 10px;
margin:auto;
background: #2a2222;
}
.faded
{
opacity:1.0;
filter:alpha(opacity=100);
}
.faded-in
{
opacity:0.5;
filter:alpha(opacity=50);
}
.async-img
{
background-color:#040404;
background-image:url('../img/ajax/6.gif');
background-position:center center;
}
.async-img-s
{
background-color:#040404;
background-image:url('../img/ajax/6s.gif');
background-position:center center;
}
.async-img-none
{
background-color:#040404;
}
.page-width-600
{
width:680px;
float:right;
padding-left:28px;
background-image:url(../img/common_files/sidebar_bg.png);
background-repeat: repeat-y;
background-position: 0% 0%;
}
.page-width-600-left
{
width:675px;
float:left;
padding-right:40px;
background-image:url(../img/common_files/sidebar_bg.png);
background-repeat: repeat-y;
background-position: 100% 0%;
}
.page-width-920
{
width:1000px;
padding:0px 10px;
margin-bottom: 0px;
}
.page-extra-920
{
width:1000px;
padding-top:0px;
margin-bottom: 20px;
}
.page-extra-slider-920
{
width:1000px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}
.page-width-920 .page-links,
.page-width-920 .blog-pagination
{
background-image: url(../img/common_files/Spliter_BlogPostTop_border_920.png);
}
.page-width-600 .page-links,
.page-width-600-left .page-links,
.page-width-600 .blog-pagination,
.page-width-600-left .blog-pagination
{
background-image: url(../img/common_files/Spliter_BlogPostTop_border.png);
}
/*******************************************************************
INPUT CSS
********************************************************************/
input[type=text],
input[type=password]
{
background-color: rgba(255,255,255,0.04); padding: 8px 6px; width: 200px;
border: 1px solid rgba(255,255,255,0.1); font:12px Verdana;
color:#aaa;
}
/*******************************************************************
COMMON FORM CSS (used for email sending and post comments)
********************************************************************/
.common-form
{
background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
background-position:center 25px;
margin-top: 30px;
margin-bottom:10px;
}
.common-form form
{
margin:0px;
}
.page-width-920 .common-form
{
background-image:url(../img/common_files/Spliter_BlogPostTop_border_920.png);
}
.common-form h4
{
text-align:center;
margin-bottom:20px;
margin-top: 0px;
}
.common-form h3
{
text-align:left;
margin-bottom:20px;
margin-top: 0px;
}
.common-form .text-ctrl-full
{
background-color: transparent;
background-image:url(../img/common_files/smallFormBackground.png);
background-repeat: repeat-x;
padding: 3px 6px 3px 5px;
border-top:1px solid #222;
border-left:1px solid #222;
border-bottom:1px solid #333;
border-right:1px solid #333;
margin-top:5px;
font:12px Verdana;
color:#aaa;
width: 830px;
}
.common-form .text-ctrl-long
{
background-color: transparent;
background-image:url(../img/common_files/smallFormBackground.png);
background-repeat: repeat-x;
padding: 3px 6px 3px 5px;
border-top:1px solid #222;
border-left:1px solid #222;
border-bottom:1px solid #333;
border-right:1px solid #333;
margin-top:5px;
font:12px Verdana;
color:#aaa;
width: 510px;
}
.common-form .text-ctrl-tiny
{
background-color: transparent;
background-image:url(../img/common_files/smallFormBackground.png);
background-repeat: repeat-x;
padding: 3px 6px 3px 5px;
border-top:1px solid #222;
border-left:1px solid #222;
border-bottom:1px solid #333;
border-right:1px solid #333;
margin-top:5px;
font:12px Verdana;
color:#aaa;
width: 200px;
}
.common-form .text-ctrl-small
{
background-color: rgba(255,255,255,0.04);
background-repeat: repeat-x;
padding: 3px 6px 3px 5px;
border:1px solid rgba(255,255,255,0.1);
margin-top:5px;
font:12px Verdana;
color:#aaa;
width: 300px;
}
.common-form .text-ctrl-short
{
background-color: transparent;
background-image:url(../img/common_files/smallFormBackground.png);
background-repeat: repeat-x;
padding: 3px 6px 3px 5px;
border-top:1px solid #222;
border-left:1px solid #222;
border-bottom:1px solid #333;
border-right:1px solid #333;
margin-top:5px;
font:12px Verdana;
color:#aaa;
width: 50px;
}
.common-form .textarea-ctrl
{
background-color: transparent;
background: rgba(255,255,255,0.04);
background-repeat: repeat-x;
padding: 5px 6px 3px 5px;
border: 1px solid rgba(255,255,255,0.1); margin-top:5px;
font:12px Verdana;
color:#aaa;
height: 140px;
width: 80%;
max-height: 140px;
max-width: 80%;
}
.common-form p
{
text-indent: 0px;
margin-bottom: 0px;
font-size:11px;
margin-top:10px;
}
.common-form span.required
{
color:#555555;
}
.common-form span.result
{
color:#AAAAAA;
visibility:hidden;
display: block;
font-size:11px;
}
.common-form .send-email-btn
{
text-decoration:none;
font:14px Verdana;
font-weight:bold;
color:#FFE570;
line-height:20px;
padding-right:2px;
padding-left:2px;
cursor:pointer;
margin-right: 4px;
background-color: transparent;
border:none;
}
.common-form .send-comment-btn
{
text-decoration:none;
font:14px Verdana;
font-weight:bold;
color:#FFE570;
line-height:20px;
padding-left:0px;
cursor:pointer;
margin-right:0px;
background-color: transparent;
border:none;
}
.common-form .send-btn
{
text-decoration:none;
font:14px Verdana;
font-weight:bold;
color:#FFE570;
line-height:20px;
cursor:pointer;
margin-right: 4px;
margin-top: 15px;
background-color: transparent;
border:none;
}
.common-form .search-btn
{
text-decoration:none;
font:14px Verdana;
font-weight:bold;
color:#FFE570;
line-height:20px;
cursor:pointer;
margin-right: 4px;
margin-top: 15px;
background-color: transparent;
border:none;
}
.common-form .send-comment-btn:hover,
.common-form .send-email-btn:hover,
.common-form .send-btn:hover,
.common-form .search-btn:hover
{
color:#FFC602;
}
.common-form .search-type
{
background-color: transparent;
}
.common-form .search-type-label
{
background-color: transparent;
font:11px/18px Verdana;
color:#888888;
}
.common-form .cbox
{
margin-right:5px;
background-image:url(../img/common_files/checkbox_no.png);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:16px;
padding-bottom:4px;
cursor:pointer;
}
.common-form .cbox-selected
{
margin-right:5px;
background-image:url(../img/common_files/checkbox_yes.png);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:16px;
padding-bottom:4px;
cursor:pointer;
}
/*****************************************************
* QUOTES CSS
******************************************************/
blockquote
{
margin:auto;
margin-top:0px;
margin-bottom:15px;
font:italic 16px Georgia;
letter-spacing:0px;
line-height: 20px;
color:#999;
text-align: left;
margin-top: 0px;
background-repeat: no-repeat;
}
blockquote .bcimg
{
float:left;
border:1px solid #202020;
background-color:#080808;
padding:3px;
line-height:1px;
margin-right:15px;
margin-bottom:10px;
}
blockquote.framed
{
background: -moz-linear-gradient(top, #020202 20%, #0C0C0C 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #020202), color-stop(1, #0C0C0C)) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#0C0C0C') !important;
border:1px solid #101010;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:15px;
}
blockquote p
{
font:italic 16px Georgia;
letter-spacing:1px;
line-height: 20px;
color:#999;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
background-repeat: no-repeat;
}
blockquote span.author
{
font:bold 11px Verdana;
line-height: 20px;
color:#FFE570;
text-align: right;
padding-right: 15px;
margin:3px 0px 0px;
display:block;
}
blockquote span.authortitle
{
font: 9px Verdana;
line-height: 9px;
color:#666;
text-align: right;
padding-right: 15px;
margin-top: 0px;
display:block;
}
/*********/
ul.thumbList
{
margin-top:0px;
list-style-type:none;
padding-left: 25px;
padding-top: 0px;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);
background-position: top;*/
}
ul.thumbList li
{
list-style-position: inside;
text-decoration:none;
font: 10px Verdana;
color:#fff;
line-height:15px;
margin-top:2px;
display: block;
height: 60px;
margin-bottom: 20px;
padding-bottom: 0px;
padding-top: 14px;
background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);
background-position: top;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
background-position: bottom;*/
}
ul.thumbList a.thumb:hover
{
opacity:0.55;
filter:alpha(opacity=55); /*IE*/
}
ul.thumbList a
{
width: 60px;
height: 60px;
display: block;
margin-right: 10px;
float: left;
}
ul.thumbList p
{
font: 10px Verdana;
color:#FFF;
line-height:10px;
display:inline;
}
ul.thumbList2
{
margin-top:0px;
list-style-type:none;
padding-left: 25px;
padding-top: 0px;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);
background-position: top;*/
}
ul.thumbList2 li
{
list-style-position: inside;
text-decoration:none;
font: 10px Verdana;
color:#fff;
line-height:15px;
margin-top:2px;
display: block;
height: 60px;
margin-bottom: 20px;
padding-bottom: 0px;
padding-top: 14px;
background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);
background-position: top;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
background-position: bottom;*/
}
ul.thumbList2 a.thumb
{
width: 60px;
height: 60px;
display: block;
margin-right: 10px;
padding-top: 3px;
float: left;
}
ul.thumbList2 a.thumb:hover
{
opacity:0.55;
filter:alpha(opacity=55); /*IE*/
}
ul.thumbList2 p
{
font: 10px/9px Verdana;
color:#FFF;
display:inline;
}
ul.thumbList2 h5
{
margin: 0px 0px 1px;
color: #FFE570;
text-transform: uppercase;
}
ul.thumbList2 a.link
{
font:11px Verdana;
}
.imageRowList
{
width: 590px;
background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);
background-position: top;
padding: 10px 5px 0px;
cursor: default;
margin-bottom: 10px;
text-align: center;
}
.imageRowList a
{
width: 60px;
height: 60px;
margin: 0px 1px 0px;
cursor: pointer;
}
.imageRowList a:hover
{
opacity:0.55;
filter:alpha(opacity=55); /*IE*/
}
/**********************************
HEADER CONTAINAR CSS
***********************************/
#header-container
{
height:250px;
width:1120px;
margin:auto;
position:relative;
z-index:50;
}
#header-container .logo
{
border:none;
position:absolute;
background-image:url('https://tyranny-guild.com/images/forum-images/logo.png') !important;
background-position: bottom;
height:210px !important;
width:641px !important;
left:215px !important;
top:10px !important;
z-index:10;
}
/**********************************
HEADER ICONS CSS
***********************************/
#header-container #icons
{
position:absolute;
right:40px;
top:10px;
text-align: right;
}
#header-container #icons .icon
{
border:0px;
height:45px;
width:45px;
float:right;
background-position: 0px 0px;
opacity:0.8;
filter:alpha(opacity=100);
position:relative;
right:-7px;
display:inline-block;
}
#header-container #icons .icon img
{
border:none;
width:45px;
height:45px;
}
#header-container #icons .desc
{
display: none;
float:right;
font: 10px/10px Verdana;
color: #999;
text-align: right;
cursor: default;
padding:2px 6px 2px 6px;
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position: relative;
top:8px;
opacity:0.7;
filter:alpha(opacity=70);
}
/**********************************
IPS MENU CSS
***********************************/
#navBar {
}
/* Set width for More menu */
.navAlign {
text-transform: uppercase;
font-family: 'Roboto Condensed',sans-serif;
background: #2a2222;
margin: 0 auto;
max-width: 1054px ;
}
.ipsNavBar_primary li{
font-size: 12px;
}
/* Align tabs */
.ipsNavBar_primary{
text-align: left;
}
html[dir="rtl"] .ipsNavBar_primary{
text-align: left;
}
.ipsNavBar_primary > ul > li{
padding-left: 0px;
}
/* Tab link */
.ipsNavBar_primary > ul > li > a {
padding: 0px 35px;
height: 50px;
line-height: 50px;
border-radius: 0px;
}
.ipsfocusCopyright {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Tab: hover */
.ipsNavBar_primary > ul > li:hover > a,
.ipsNavBar_primary > ul > li > a:hover {
background: rgba(255,255,255,0.05);
}
ul.ipsResponsive_showDesktop.ipsResponsive_block {
background: rgba(255,255,255,0.025);
}
/* Tab: active */
.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
background: rgba(0,0,0,0.3);
}
/* Blur effect */
@supports ( (-webkit-filter: blur(10px)) or (filter: blur(10px)) ) {
.ipsNavBar_primary > ul > li > a{
position: relative;
overflow: hidden;
}
.ipsNavBar_primary > ul > li > a:after{
content: '';
{{if theme.ipsf_backgroundType == 'ipsfocus_background'}}
background-color: {theme="ifBg1_hex"};
{{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});
background-repeat: {theme="ifBg1_repeat"};
background-attachment: {theme="ifBg1_attachment"};
background-size: {theme="ifBg1_size"};
background-position: {theme="ifBg1_position"};{{endif}}
{{endif}}
-webkit-filter: blur(4px);
filter: blur(4px);
position: absolute;
top: -50%; left: -50%; width: 200%; height: 200%;
z-index: -1;
}
/* Tab: hover */
.ipsNavBar_primary > ul > li:hover > a:after,
.ipsNavBar_primary > ul > li.ipsNavBar_active > a:after {
}
}
@supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
.ipsNavBar_primary > ul > li > a{
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
/* Tab: hover */
/* .ipsNavBar_primary > ul > li:hover > a,
.ipsNavBar_primary > ul > li > a:hover,
.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
} */
.ipsNavBar_primary > ul > li > a:after{
display: none;
}
}
/* ipsfocus Dropdown navigation */
/* Dropdown menu */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
background: #312929;
border-radius: 0;
box-shadow: rgba(0,0,0,0.26) 0px 3px 40px, rgba(0,0,0,0.1) 0px 1px 2px;
padding: 5px;
}
/* Dropdown menu arrow */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary:before{
border-bottom-color: #312929;
}
/* Blurred effect */
@supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary{
background: rgba(59,59,59,0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary:before{
border-bottom-color: rgba(59,59,59,0.7);
}
}
/* Dropdown menu items */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li{
border-radius: 0px;
border: 1px solid transparent;
display: block;
}
/* Dropdown menu item: hover */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li:hover {
background: rgba(255,255,255,0.05);
border-color: rgba(255,255,255,0.03);
}
/* Dropdown menu item: active */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li.ipsNavBar_active > a {
font-weight: bold;
}
/* Child lists in dropdown menus */
.ipsNavBar_secondary .ipsNavBar_secondary{
}
/* Child list link: hover */
.ipsNavBar_secondary .ipsNavBar_secondary a:hover{
background: rgba(255,255,255,0.03);
}
/* Child list link: active */
.ipsNavBar_secondary .ipsNavBar_secondary .ipsNavBar_active{
font-weight: bold;
}
/* more */
#navBar {
position: relative;
}
/* Hide navigation elements on tablets and mobiles */
@media screen and (max-width: 979px) {
#navBar { display: none; }
}
/* Font-size: Navigation Tabs */
.ipsNavBar_primary li{
font-size: 13px;
}
/* Font-size: Secondary bar */
.ipsNavBar_secondary li,
.ipsNavBar_primary .ipsMenu li{
font-size: 13px;
}
/* Font-size: Child lists in dropdown menu */
.ipsNavBar_secondary .ipsNavBar_secondary li{
font-size: 11px;
}
.ipsNavBar_primary{
font-size: 0;
line-height: 0;
padding-bottom: {theme="subNavLineHeight"}px;
}
.ipsNavBar_primary .ipsMenu{
line-height: 1.8rem;
}
/* Navigation tabs */
.ipsNavBar_primary > ul > li > a {
color: #ccc;
line-height: {theme="navLineHeight"}px;
}
/* Tab: hover */
.ipsNavBar_primary > ul > li:hover > a,
.ipsNavBar_primary > ul > li > a:hover {
color: #fff;
}
/* Tab: active */
.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
color: #695858;
}
/* Secondary bar links */
.ipsNavBar_secondary > li > a {
color: #ccc;
line-height: 1.3;
}
.ipsNavBar_secondary > li > a:hover {
color: #ccc;
}
/* ipsfocus Dropdown navigation */
/* Prevent overflow flash */
.navAlign.hiddenLinks {
overflow: hidden;
max-height: {theme="navLineHeight"}px;
}
/* Hide ipsfocus More menu */
.ipsNavBar_primary > ul > li.focusNav_hidden {
display: none;
}
/* Remove IPS dropdown menus */
/* .ipsNavBar_primary > ul > li > .ipsNavActive_menu ~ .ipsMenu{ display: none !important; } */
/* Removes secondary bar space */
.ipsNavBar_primary{
padding: 0;
}
/* Hide sub-navigation bar */
.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{
display: none;
}
/* Make dropdown menus relative to parent tab */
.ipsNavBar_primary > ul > li{
position: relative;
}
.ipsNavBar_primary > ul > li:hover{ background-color: #2c2626 ; }
/* Dropdown menu */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary{
display: block !important;
visibility: hidden;
opacity: 0;
margin-top: 6px;
transition-property: visibility, opacity, margin-top;
transition-delay: 0.25s, 0s, 0s;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
text-align: left;
top: {expression="theme.navLineHeight + 8"}px; /* Height of navigation + gap */
left: 0;
right: auto;
bottom: auto;
width: auto;
min-width: 180px;
height: auto;
z-index: auto;
line-height: 1.4;
pointer-events: none;
}
html[dir="rtl"] .ipsNavBar_primary > ul > li > .ipsNavBar_secondary{ text-align: right; }
/* Align last menu to the right if they exist, and for RTL */
html[dir="rtl"] .ipsNavBar_primary > ul > li > .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)) > .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)) > .ipsNavBar_secondary{
right: 0;
left: auto;
}
/* Above, but for RTL */
html[dir="rtl"] .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)) > .ipsNavBar_secondary,
html[dir="rtl"] .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)) > .ipsNavBar_secondary{
right: auto;
left: 0;
}
/* Show dropdown menu */
.ipsNavBar_primary > ul > li:hover > .ipsNavBar_secondary{
visibility: visible;
opacity: 1;
margin-top: 0;
transition-delay: 0s;
pointer-events: auto;
}
/* Dropdown menu arrow */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary:before{
content: "";
position: absolute;
top: -6px; left: 24px;
border: 6px solid transparent;
border-top: 0;
}
/* Align last menu arrow to the right if they exist, and for RTL */
html[dir="rtl"] .ipsNavBar_primary > ul > li > .ipsNavBar_secondary:before,
.ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)) > .ipsNavBar_secondary:before,
.ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)) > .ipsNavBar_secondary:before{
right: 24px;
left: auto;
}
/* Above, but for RTL */
html[dir="rtl"] .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)) > .ipsNavBar_secondary:before,
html[dir="rtl"] .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)) > .ipsNavBar_secondary:before{
left: 24px;
right: auto;
}
/* Cover gap with pseudo element */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary:after{
content: "";
position: absolute;
top: -8px;
left: 0; right: 0;
height: 8px;
}
/* Reformat bar into a dropdown menu */
.ipsNavBar_secondary > li{
display: block;
}
/* Dropdown menu links */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li > a{
padding: 11px 15px;
white-space: nowrap;
}
/* Dropdown menu active */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li.ipsNavBar_active > a,
.ipsNavBar_secondary .ipsNavBar_secondary .ipsNavBar_active a {
color: {theme="subLinkActive"};
}
/* Child menus inside dropdown menu: reset styles from IPS framework */
.ipsNavBar_secondary .ipsNavBar_secondary{
display: block !important;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: auto;
height: auto;
}
/* Child menu links */
.ipsNavBar_secondary .ipsNavBar_secondary a{
padding: 6px;
padding-left: 30px;
}
/* Child menu link: active */
.ipsNavBar_secondary .ipsNavBar_secondary .ipsNavBar_active a:before{
content: "\f141";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
float: left;
text-align: right;
width: 18px;
margin-left: -28px;
position: relative;
top: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
{prefix="transform" value="translate(0,0)"}
opacity: 0.4;
line-height: 18px;
}
/* Force dropdown text to align left even if navigation is aligned right */
html[dir='ltr'] .ipsNavBar_primary .ipsMenu{ text-align: left; }
html[dir='rtl'] .ipsNavBar_primary .ipsMenu{ text-align: right; }
/* more 2*/
.ipsNavBar_primary li[data-navtitle='Facebook'] a:before, .ipsNavBar_primary li[data-navtitle='Steam'] a:before, .ipsNavBar_primary li[data-navtitle='Gametracker'] a:before {
content: " ";
}
.ipsNavBar_primary li[data-navtitle='Facebook'] a, .ipsNavBar_primary li[data-navtitle='Steam'] a, .ipsNavBar_primary li[data-navtitle='Gametracker'] a {
font-size: 27px;
color: #695858;
}
.ipsNavBar_primary > ul > li[data-navtitle='Facebook'], .ipsNavBar_primary > ul > li[data-navtitle='Steam'], .ipsNavBar_primary > ul > li[data-navtitle='Gametracker'] {
float:right;
}
li#elNavSecondary_gmt socialsss:hover a {background: #272a2f; transition: all 0.2s;}
.ipsUserPhoto img {
max-height: 300px;
max-width: 150px;
}
/* more 3*/
/* MAIN NAVIGATION - Primary and secondary nav bars */
.ipsNavBar_primary > ul,
.ipsNavBar_secondary {
margin: 0;
padding: 0;
}
.ipsNavBar_primary > ul > li,
.ipsNavBar_secondary > li {
display: inline-block;
background-color: #312b2b;
}
.ipsNavBar_secondary > li {
position: relative;
}
.ipsNavBar_secondary > li .ipsNotificationCount {
top: 3px;
}
.ipsNavBar_primary > ul > li > a,
.ipsNavBar_secondary > li > a {
display: block;
position: relative;
text-decoration: none;
}
/* Primary Navigation level */
.ipsNavBar_primary {
position: relative;
z-index: 2000;
}
.ipsLayout_minimalNoHome .ipsNavBar_primary {
display: none;
}
.ipsNavBar_primary.ipsNavBar_noSubBars {
padding-bottom: 0;
}
html[dir="ltr"] .ipsNavBar_primary > ul > li > a .ipsNotificationCount {
top: -2px;
right: 2px;
}
html[dir="rtl"] .ipsNavBar_primary > ul > li > a .ipsNotificationCount {
top: -2px;
left: 2px;
}
.ipsNavBar_primary > ul > li.ipsNavBar_active > .ipsNavBar_secondary,
.ipsJS_none .ipsNavBar_primary > ul > li > a:hover + .ipsNavBar_secondary {
display: block;
}
.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
/*height: 40px;*/
z-index: 100;
}
/* Secondary navigation level */
.ipsNavBar_secondary {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
z-index: 1000;
display: none;
}
.ipsNavBar_primary .ipsMenu:not( #elSearchFilter_menu ),
.ipsNavBar_secondary .ipsMenu {
margin-top: 0px;
}
.ipsBreadcrumb {
background: rgb(130, 8, 8);
line-height: 38px;
color: #dddddd;
overflow: auto;
border-radius: 2px !important;
}
.ipsApp .ipsBreadcrumb a {
color: #d0bebe;
transition: all 0.2s;
}
.ipsApp .ipsBreadcrumb a:hover{
color: #fff;
}
ul.ipsfocus_breadcrumb {
color: #524545;
font-family: calibri;
cursor: default;
font-size: 14px;
letter-spacing: 1px;
transition: all 0.2s;
}
/* ipsfocus Breadcrumbs */
{{if theme.ipsf_advancedBreadcrumb}}
.ipsfocus_breadcrumb,
.ipsfocus_breadcrumb li{
margin: 0;
padding: 0;
list-style: none;
}
.ipsfocus_breadcrumb{
display: block;
border-radius: inherit;
overflow: hidden;
}
.ipsfocus_breadcrumb li{
float: left;
}
html[dir="rtl"] .ipsfocus_breadcrumb li{ float: right; }
.ipsfocus_breadcrumb li > a,
.ipsfocus_breadcrumb li > span{
padding: 0 15px;
line-height: {theme="breadcrumbHeight"}px;
display: block;
position: relative;
z-index: 1;
color: #fff;
text-decoration: none;
}
/* Link angles */
.ipsfocus_breadcrumb li > a:before,
.ipsfocus_breadcrumb li > a:after{
/* Shadow colours */
border-color: #2d2525;
color: rgba(255,255,255,0.3);
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader { display:none; }
.ipsfocus_breadcrumb li > a:before,
.ipsfocus_breadcrumb li > a:after{
border-style: solid;
border-width: 0px 1px 0px 0px;
box-shadow: inset #910808 -4px 0px 0px 0px;
content: '';
position: absolute;
height: 50%;
width: 100%;
right: 0;
z-index: -1;
box-sizing: border-box;
}
.ipsfocus_breadcrumb li > a:before{
top: 0;
transform: skewX(30deg);
transform-origin: 100% 50%;
}
.ipsfocus_breadcrumb li > a:after{
top: 50%;
transform: skewX(-30deg);
transform-origin: 100% 50%;
}
html[dir='rtl'] .ipsfocus_breadcrumb li > a:before,
html[dir='rtl'] .ipsfocus_breadcrumb li > a:after{
right: auto;
left: 0;
border-width: 0px 0px 0px 1px;
box-shadow: inset #2a2222 4px 0px 0px 0px;
}
html[dir='rtl'] .ipsfocus_breadcrumb li > a:before{
transform: skewX(-30deg);
}
html[dir='rtl'] .ipsfocus_breadcrumb li > a:after{
transform: skewX(30deg);
}
/* First link */
.ipsfocus_breadcrumb li:first-of-type > a:before,
.ipsfocus_breadcrumb li:first-of-type > a:after{
width: calc(100% + 20px);
}
/* Hide arrow icons */
.ipsfocus_breadcrumb .fa{ display: none; }
/* Side links */
.breadcrumb_side li{
margin: 0 !important;
float: left;
border: 1px solid rgba(0,0,0,0.01);
border-width: 0px 0px 0px 2px;
}
html[dir="rtl"] .breadcrumb_side li{
float: right;
border-width: 0px 2px 0px 0px;
}
.breadcrumb_side li a{
display: block;
padding: 0 15px;
}
html[dir="ltr"] .ipsBreadcrumb_bottom .breadcrumb_side:not(:first-child) li:last-of-type{
border-right-width: 1px;
}
html[dir="rtl"] .ipsBreadcrumb_bottom .breadcrumb_side:not(:first-child) li:last-of-type{
border-left-width: 1px;
}
{{else}}
.ipsBreadcrumb{
padding: 0 8px;
}
.ipsBreadcrumb > ul {
margin: 0;
padding: 0;
}
.ipsBreadcrumb > ul > li {
display: inline-block;
line-height: {theme="breadcrumbHeight"}px;
max-width: 500px;
height: {theme="breadcrumbHeight"}px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
.ipsBreadcrumb > ul > li .fa:not( .fa-home ) {
margin: 0 3px;
}
.ipsBreadcrumb > ul > li > a {
text-decoration: none;
}
.ipsApp .breadcrumb_side li a:hover{
background: none;
}
{{endif}}
/* more 4*/
/**********************************
WP CUSTOM MENU CSS
***********************************/
#custom-menu-navigation
{
margin-bottom:0px;
position:absolute;
right:75px;
bottom:18px;
height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
z-index:50;
}
#custom-menu-navigation a.top
{
text-decoration:none;
float:left;
margin-right:11px;
margin-left:11px;
color:#888888;
font: 19px Trebuchet MS, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:normal;
}
#custom-menu-navigation a.top:hover
{
color:#FFFFFF;
}
#custom-menu-navigation li.arrow-down
{
background-image: url('../img/common_files/grey_arrowhead_down.png');
background-position: 100% 55%;
margin-right: 7px;
}
/* Horizontall organizer */
#custom-menu-navigation li
{
float: left;
list-style: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin-right:0px;
margin-left:0px;
position:relative;
z-index:30;
}
/* Styles for next elements after top elements. */
#custom-menu-navigation li a
{
z-index: 10;
height: 32px;
display: block;
float:left;
color:#fff;
text-decoration:none;
font-weight:bold;
overflow: hidden;
line-height:27px;
position:relative;
font:10px Verdana;
}
#custom-menu-navigation li li a
{
z-index: 10;
height: 50px;
display: block;
float:left;
color:#fff;
text-decoration:none;
font-weight:bold;
overflow: hidden;
line-height:50px;
padding:0px 20px 0px;
position:relative;
}
#custom-menu-navigation li a:hover
{
color:#fff;
}
#custom-menu-navigation ul
{
display:none;
left:0px;
position:absolute;
top:32px;
width:200px;
}
#custom-menu-navigation ul
{
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;
/*background-color:#000;*/
background-color:transparent;
opacity:0.95;
filter:alpha(opacity=96); /*IE*/
border-left:1px solid #111;
border-right:0px solid #000;
border-top:0px solid #222222;
}
#custom-menu-navigation ul li
{
background-color:#000;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);*/
background-image:url(../img/common_files/mainMenuBackground_transparent.png);
background-position: -50px top;
background-repeat: repeat-x;
margin:0px;
}
#custom-menu-navigation li ul a
{
width:180px;
height:auto;
float:left;
display:block;
padding:10px;
border-bottom:0px solid #111;
color:#ccc;
text-decoration:none;
line-height:10px;
}
#custom-menu-navigation li ul a.arrow-right
{
background-image: url('../img/common_files/grey_arrowhead_next.png');
background-position: 97% 50%;
}
#custom-menu-navigation li ul a.arrow-right:hover
{
background-color:#111;
background-image: url('../img/common_files/grey_arrowhead_next.png');
background-position: 97% 50%;
color:#fff;
}
#custom-menu-navigation li ul a:hover
{
background-color:#111;
color:#fff;
}
#custom-menu-navigation ul ul
{
top:0px;
}
#custom-menu-navigation li ul ul
{
left:200px;
}
#custom-menu-navigation li:hover ul ul,
#custom-menu-navigation li:hover ul ul ul,
#custom-menu-navigation li:hover ul ul ul ul,
#custom-menu-navigation li:hover ul ul ul ul ul
{
display:none;
}
#custom-menu-navigation li:hover ul,
#custom-menu-navigation li li:hover ul,
#custom-menu-navigation li li li:hover ul,
#custom-menu-navigation li li li li:hover ul,
#custom-menu-navigation li li li li li:hover ul
{
display:block;
}
/**********************************
MAIN MENU CSS
***********************************/
#navigation
{
margin-bottom:0px;
position:absolute;
right:75px;
bottom:18px;
height:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
z-index:50;
}
#navigation a.top
{
text-decoration:none;
float:left;
margin-right:11px;
margin-left:11px;
color:#888888;
font: 19px Trebuchet MS, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:normal;
}
#navigation a.top:hover
{
color:#FFFFFF;
}
#navigation a.top-selected
{
text-decoration:none;
float:left;
margin-right:11px;
margin-left:11px;
color:#FFFFFF;
font: 19px Trebuchet MS, Helvetica, sans-serif;
letter-spacing:1px;
font-weight:normal;
}
#navigation a.top-selected:hover
{
color:#FFFFFF;
}
/* Horizontall organizer */
#navigation li
{
float: left;
list-style: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin-right:0px;
margin-left:0px;
position:relative;
z-index:30;
}
/* Styles for next elements after top elements. */
#navigation li a
{
z-index: 10;
height: 32px;
display: block;
float:left;
color:#fff;
text-decoration:none;
font-weight:bold;
overflow: hidden;
line-height:27px;
position:relative;
font:10px Verdana;
}
#navigation li.arrow-down
{
background-image: url('../img/common_files/grey_arrowhead_down.png');
background-position: 100% 55%;
margin-right: 7px;
}
#navigation li li a
{
z-index: 10;
height: 50px;
display: block;
float:left;
color:#fff;
text-decoration:none;
font-weight:bold;
overflow: hidden;
line-height:50px;
padding:0px 20px 0px;
position:relative;
}
#navigation li a:hover
{
color:#fff;
}
#navigation ul
{
display:none;
left:0px;
position:absolute;
top:32px;
width:200px;
}
#navigation ul
{
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;
/*background-color:#000;*/
background-color:transparent;
opacity:0.95;
filter:alpha(opacity=96); /*IE*/
border-left:1px solid #111;
border-right:0px solid #000;
border-top:0px solid #222222;
}
#navigation ul li
{
background-color:#000;
/*background-image:url(../img/common_files/Spliter_BlogPostTop_574width.png);*/
background-image:url(../img/common_files/mainMenuBackground_transparent.png);
background-position: -50px top;
background-repeat: repeat-x;
margin:0px;
}
#navigation li ul a
{
width:180px;
height:auto;
float:left;
display:block;
padding:10px;
border-bottom:0px solid #111;
color:#ccc;
text-decoration:none;
line-height:10px;
}
#navigation li ul a:hover
{
background-color:#111;
color:#fff;
}
#navigation li ul a.arrow-right
{
background-image: url('../img/common_files/grey_arrowhead_next.png');
background-position: 97% 50%;
}
#navigation li ul a.arrow-right:hover
{
background-color:#111;
background-image: url('../img/common_files/grey_arrowhead_next.png');
background-position: 97% 50%;
color:#fff;
}
#navigation ul ul
{
top:0px;
}
#navigation li ul ul
{
left:200px;
}
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul,
#navigation li:hover ul ul ul ul ul
{
display:none;
}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul,
#navigation li li li li li:hover ul
{
display:block;
}
/**********************************
FOOTER CSS
***********************************/
#footer
{
background-image:url(../img/backgrounds/Background_footer_BrownLeather.jpg);
background-position: left top;
min-height:185px;
width:999px;
margin:auto;
margin-bottom: 20px;
margin-top:10px;
clear:both;
position: relative;
left:1px;
padding-top:45px;
}
#footer .links-info-container
{
padding:0px 40px 0px;
width:920px;
margin-bottom:40px;
}
#footer .links-info-container a
{
color:#777;
font:11px/20px Verdana;
}
#footer .links-info-container a:hover
{
color:#fff;
}
#footer .links-info-container .links
{
width:139px;
margin-right:24px;
border-left:0px solid #111;
padding:3px 0px 3px 10px;
float:left;
background-image:url(../img/common_files/Spliter_Footer.png);
background-position: left 0px;
}
#footer .links-info-container .info
{
width:213px;
border-left:0px solid #222;
padding:3px 0px 3px 10px;
float:left;
background-image:url(../img/common_files/Spliter_Footer.png);
background-position: left 0px;
}
#footer .links-info-container .info p
{
color: #aaa;
margin: 0px;
font:11px/16px Verdana;
text-indent:0px;
}
#footer-bottom
{
padding:6px 40px 60px;
width:920px;
text-align:center;
margin:auto;
color:#666;
font:10px Verdana;
background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
background-position: top;
}
#footer-bottom img
{
border:none;
}
/********************************************************
WIDDGETIZED FOOTER CSS
*********************************************************/
#widgetized-footer
{
border:0px solid red;
width:870px;
margin:auto;
margin-top:0px;
margin-bottom:20px;
padding:0px;
}
#widgetized-footer .widget-divider-bottom-half
{
background:none;
}
#widgetized-footer .sidebar
{
width:265px;
float:left;
padding:0px;
padding-right:25px;
margin:0px;
margin-right:0px;
background-color:transparent;
}
#widgetized-footer .sidebar-last
{
width:265px;
float:right;
padding:0px;
padding-right:25px;
margin:0px;
background-color:transparent;
}
/********************************************************
SIDEBAR CSS
*********************************************************/
.sidebar-container
{
float:left;
width:275px;
padding: 12px 24px 0px 0px;
}
.sidebar-container-right
{
float:right;
width:275px;
padding: 12px 0px 0px 24px;
}
/********************************************************
SCROLLBAR CSS
*********************************************************/
::-webkit-scrollbar {
width: 10px;
background-color: #2e2727;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #766464;
}
::-webkit-scrollbar-track {
border-radius: 0px;
background-color: #2e2727;
}
/********************************************************
HOMEPAGE SLOGAN CSS
*********************************************************/
#homepage-slogan
{
width:1120px;
margin:auto;
text-align:center;
padding-top:20px;
margin-bottom:40px;
cursor:default;
}
#homepage-slogan .text
{
text-decoration:none;
font:italic 23px Georgia;
letter-spacing:2px;
color:#444;
}
#homepage-slogan .author
{
text-decoration:none;
font:bold italic 10px/10px Verdana;
letter-spacing:2px;
color:#333;
display: block;
float: right;
margin-top: 4px;
padding-right: 50px;
}
#homepage-slogan-empty
{
width:1054px;
margin:auto;
height:20px;
cursor:default;
background: #2a2222;
}
.latestEventHome
{
width:700px;
padding-top:4px;
padding-bottom:26px;
padding-right:0px;
background-image:url(../img/common_files/Spliter_BlogPostTop.png);
background-position: top right;
}
.snip1573 {
display:inline-block;
font-family:'Oswald', serif;
font-size:16px;
margin:10px 7px;
min-width:230px;
overflow:hidden;
position:relative;
text-align:center;
width:100%;
margin: 0px;
padding-bottom: 10px;
}
.snip1573 * {
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.35s ease;
transition:all 0.35s ease;
}
.snip1573:before,.snip1573:after {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transition:all 0.35s ease;
transition:all 0.35s ease;
background-color:#000;
border-left:3px solid #421e20;
border-right:3px solid #421e20;
content:'';
opacity:0.9;
z-index:1;
}
.snip1573:before {
-webkit-transform:skew(45deg) translateX(-155%);
transform:skew(45deg) translateX(-155%);
}
.snip1573:after {
-webkit-transform:skew(45deg) translateX(155%);
transform:skew(45deg) translateX(155%);
}
.snip1573 img {
backface-visibility:hidden;
max-width:100%;
vertical-align:top;
}
.snip1573 figcaption {
top:50%;
left:50%;
position:absolute;
z-index:2;
-webkit-transform:translate(-50%, -50%) scale(0.5);
transform:translate(-50%, -50%) scale(0.5);
opacity:0;
-webkit-box-shadow:0 0 10px #000;
box-shadow:0 0 10px #000;
}
.snip1573 h3 {
background-color:#000;
border:2px solid #8d0b13;
color:#fff;
font-size:1em;
font-weight:600;
letter-spacing:1px;
margin:0;
padding:5px 10px;
text-transform:uppercase;
}
.snip1573 a {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:3;
}
.snip1573:hover>img,.snip1573.hover>img {
opacity:0.5;
}
.snip1573:hover:before,.snip1573.hover:before {
-webkit-transform:skew(45deg) translateX(-55%);
transform:skew(45deg) translateX(-55%);
}
.snip1573:hover:after,.snip1573.hover:after {
-webkit-transform:skew(45deg) translateX(55%);
transform:skew(45deg) translateX(55%);
}
.snip1573:hover figcaption, .snip1573.hover figcaption {
-webkit-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1);
opacity:1;
}