/* ! The Reset
The Infinity Reset. If you want to use another one add this to your
Child Theme config/infinity.ini
infinity-reset-style = off
/*
================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; /* add your base font-size and line-height here */ }
button, input, select, textarea { font-family: sans-serif; }
a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
select {
background-color: #FFFFFF;
border: 1px solid #C4C1C1;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);
color: #777777;
font-size: 90%;
font-weight: bold;
padding: 4px 2px 2px;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* Lists ---------------------- */
ul, ol { list-style-position: inside; }
ul li ul { margin-left: 20px; margin-bottom: 0; list-style: outside; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
/* Tables ---------------------- */
table {
width: 100%;
margin-bottom: 18px;
}
th, td {
padding: 8px;
line-height: 18px;
text-align: left;
border-top: 1px solid #ddd;
}
th {
font-weight: bold;
vertical-align: bottom;
}
td {
vertical-align: middle;
}
thead:first-child tr th, thead:first-child tr td {
border-top: 0;
}
tbody + tbody {
border-top: 2px solid #ddd;
}
.post dl { margin-bottom: 18px }
.post dl dt { font-weight: bold }
.muted { color: #bfbfbf }
blockquote {
margin-bottom: 18px;
border-left: 5px solid #eee;
padding-left: 15px;
}
blockquote small {
display: block;
font-size: 85.7%;
font-weight: 300;
line-height: 18px;
color: #bfbfbf;
}
blockquote p {
font-size: 100%;
font-weight: 300;
margin-bottom: 0;
}
address {
display: block;
line-height: 18px;
margin-bottom: 18px;
}
code, pre {
padding: 0 3px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
code {
background-color: #fee9cc;
color: rgba(0, 0, 0, 0.75);
padding: 1px 3px;
}
pre {
display: block;
padding: 8.5px;
margin: 0 0 18px;
line-height: 18px;
font-size: 85.7%;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
pre code {
background: transparent;
}
legend {
display: block;
width: 100%;
margin-bottom: 27px;
font-size: 19.5px;
line-height: 36px;
color: #666;
border-bottom: 1px solid #eee;
-webkit-margin-collapse: separate;
}
label,
input,
select,
textarea {
font-size: normal;
font-weight: 13px;
line-height: 18px;
margin-bottom: 10px;
}
label {
color: #999999;
display: block;
font-size: 80%;
font-weight: bold;
margin: 5px 0;
text-transform: uppercase;
}
label ul {
padding: 0;
}
label li {
text-transform: none;
color: inherit;
font-weight: normal;
}
input[type=image], input[type=checkbox], input[type=radio] {
width: auto;
height: auto;
padding: 0;
margin: 3px;
*margin-top: 0;
/* IE6-7 */
line-height: normal;
border: none;
cursor: pointer;
}
input[type=file] {
padding: initial;
line-height: initial;
border: initial;
background-color: #ffffff;
background-color: initial;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input[type=button], input[type=reset], input[type=submit] {
width: auto;
height: auto;
}
select, input[type=file] {
height: 27px;
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 27px;
}
select[multiple], select[size] {
height: inherit;
}
input[type=image] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
textarea {
height: auto;
}
.radio, .checkbox {
padding-left: 18px;
}
.radio input[type=radio], .checkbox input[type=checkbox] {
float: left;
margin-left: -18px;
}
input, textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
padding: 10px;
}
input:focus, textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0;
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 1px dotted #666;
}
/* ============================================= */
/* ! Typography and Tags (ul, li,a, input etc) */
/* ============================================= */
body {
/* Fix for webkit rendering */
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2em;
line-height: 1.15em;
margin: .5em 0 1em 0;
}
h2 {
font-size: 1.75em;
line-height: 1.15em;
margin: .5em 0 1em 0;
}
h3 {
font-size: 1.5em;
line-height: 1.15em;
margin: .5em 0 1em 0;
}
h4 {
font-size: 1.25em;
line-height: 1.15em;
margin: .5em 0 1em 0;
}
h5 {
font-size: 1em;
line-height: 1.6em;
margin: 0 0 .5em 0;
}
h6 {
font-size: .75em;
line-height: 1.6em;
margin: 0 0 .5em 0;
}
h1#category-title,
h1#tag-title {
font-style: normal;
color: #999;
font-size: 114.3%;
line-height: 18px;
margin: 0;
}
h1#category-title span,
h1#tag-title span { color: #555 }
h2.page-title a, h2.post-title a, h1.page-title a, h1.post-title a {
margin-bottom: 0;
margin-top: 0;
}
h2.page-title a:hover, h2.post-title a:hover, h1.page-title a:hover, h1.post-title a:hover { color: #999 }
h1 .post-edit-link, h2 .post-edit-link {
font-size: 27px !important;
line-height: 0;
}
.moretag { margin-left: 10px }
/*
----------------------------------------------------------------
//LAYOUT
+ Global & Wraps
+ Header
+ Navigation Menus
+ Content
+ Sidebar
+ Footer
+ Tables
+ Forms
You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
infinity-layout-style = off
--------------------------------------------------------------*/
/* ================== */
/* ! Global & Wraps */
/* ================== */
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
#wrapper {
padding-bottom: 20px;
padding-top: 20px;
margin: auto;
}
/* ========== */
/* ! Header */
/* ========== */
#header {
position: relative;
}
#header:after {
content:"";
clear:both;
display:block;
}
h1#site-title,div#site-title {
line-height: 180%;
font-weight: bold;
font-size: 200%;
margin: -15px 0 0;
width: auto;
float: left;
}
#site-title a {
margin-bottom: -29px;
display: block;
}
/* ========================== */
/* ! /* Navigation Menus */ */
/* ========================== */
/* Menu Wraps */
/* Top Menu */
#top-menu-wrap, #sub-menu-wrap {
position: relative;
}
#top-menu-wrap {
margin-bottom: -6px;
/* setting z-index for dropdowns. do not mess with this */
z-index: 12 !important;
}
#main-menu-wrap {
padding: 0;
/* setting z-index for dropdowns. do not mess with this */
z-index: 11 !important;
}
#main-menu-wrap ul.sub-menu { z-index: 99 !important }
#sub-menu-wrap {
/* setting z-index for dropdowns. do not mess with this */
z-index: 10 !important;
margin-bottom: -3px;
}
/* ===================== */
/* ! Base Menu Styling */
/* ===================== */
#main-menu-wrap .main-menu {
float: right;
font-size: 110%;
width: auto;
}
.base-menu {
display: inline-block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
webkit-box-sizing: border-box;
}
.base-menu ul li {
float: left;
position: relative;
list-style-type: none;
}
.base-menu ul li.right {
float: right;
}
.base-menu ul li li:hover ul,
.base-menu ul li li.sfHover ul,
.base-menu ul li li li:hover ul,
.base-menu ul li li li.sfHover ul,
.base-menu ul li li li li:hover ul,
.base-menu ul li li li li.sfHover ul {
/* match .nav ul width */
top: -1px;
left: 180px;
}
.base-menu ul li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.base-menu ul li:hover li ul,
.base-menu ul li.sfHover li ul,
.base-menu ul li li:hover li ul,
.base-menu ul li li.sfHover li ul,
.base-menu ul li li li:hover li ul,
.base-menu ul li li li.sfHover li ul { top: -9999em }
.base-menu ul li:hover ul,
.base-menu ul li.sfHover ul {
top: 27px;
/* match top ul list item height */
left: 0px;
z-index: 95;
}
.base-menu ul ul {
top: -9999em;
width: 210px;
/* left offset of submenus need to match (see below) */
margin: 3px 0 0 0;
padding: 15px 5px 15px 5px;
z-index: 50;
position: absolute;
}
.base-menu ul ul li {
float: left;
width: 150px;
padding: 0 5px 0 5px;
}
.base-menu ul ul ul {
margin-left: -10px;
}
.base-menu ul ul li { width: 85% }
.base-menu ul ul li:first-child { border-top: none }
.base-menu ul ul li:last-child { border-bottom: none }
.base-menu ul ul li a {
width: 180px;
}
.base-menu ul a {
float: left;
padding: 8px 10px;
}
/* Page Currently being viewed */
.base-menu li li a:hover,
.base-menu li.sfHover li a { background: none }
.base-menu li li a span.sf-sub-indicator,
.base-menu li.sfHover li a span.sf-sub-indicator {
float: right;
margin: 5px 0 0 0;
}
.base-menu li li a span { padding: 0; color: #BBB; }
.base-menu ul li.sfHover li a,
.base-menu ul li.sfHover li a:hover,
.base-menu ul li.sfHover li a span:hover {
color: #DDD;
}
/* Make sub menus appear */
.base-menu ul li:hover ul,
.base-menu ul li.sfHover ul {
top: 34px; /* match top ul list item height */
z-index: 99;
}
/* Hide all subs subs (4 levels deep) */
.base-menu ul li:hover li ul,
.base-menu ul li.sfHover li ul,
.base-menu ul li li:hover li ul,
.base-menu ul li li.sfHover li ul,
.base-menu ul li li li:hover li ul,
.base-menu ul li li li.sfHover li ul { top: -9999em }
/* Displays all subs subs (4 levels deep) */
.base-menu ul li li:hover ul,
.base-menu ul li li.sfHover ul,
.base-menu ul li li li:hover ul,
.base-menu ul li li li.sfHover ul,
.base-menu ul li li li li:hover ul,
.base-menu ul li li li li.sfHover ul {
left: 180px; /* match .nav ul width */
top: -1px;
}
/* 2nd level skin */
.base-menu ul ul {
position: absolute;
top: -9999em;
width: 180px; /* left offset of submenus need to match (see below) */
padding: 15px 5px 15px 5px;
margin: 3px 0 0 0;
background: #FFF;
}
.base-menu ul ul li {
float: left;
width: 150px;
background: none;
padding: 0 5px 0 5px;
}
.base-menu li a:hover {
color: #DDD;
}
.base-menu ul ul li:first-child { border-top: none }
.base-menu ul ul li:last-child { border-bottom: none }
.base-menu ul ul li a {
width: 150px;
}
.base-menu ul ul li a:hover {
padding-left: 12px;
}
.base-menu:first-child ul li:after{
content: "";
}
.base-menu ul ul li:after {
content: none !important;
}
/* Don't remove this */
#footer .sub-menu, #footer .sub-menu:before {
background: none;
border: 0px;
}
/* ===========
! Content
=========== */
#content.sidebar-left {
float: right;
}
@media only screen and (max-width: 767px) {
#content.sidebar-left {
float: none;
}
}
/* ===========
! Sidebar
=========== */
#sidebar .widget_search { margin-top: 20px }
#sidebar .widget_search input[type=text] {
width: 110px;
padding: 2px;
}
/* Widgets */
.widget { margin-bottom: 30px }
#sidebar ul {
padding: 0px;
}
/* ==========
! Footer
========== */
#footer p:last-child { margin-bottom: 0 }
.footer-widget h3 {
margin-bottom: 10px;
color: #FEDA71;
font-size: 16px;
}
#footer-widget-right { border-right: none; margin-right: 0px; }
#footer-widget-left { border-left: none; margin-left: 0px; }
#footer-menu ul li a:hover { color: #777 }
#footer-menu ul li { display: inline }
#footer-menu ul li a {
padding-right: 8px;
}
.footer-menu ul li:last-child a { border-right: 0px }
#footer-info {
overflow: auto;
padding: 0px;
}
#powered-by {
min-height: 30px;
padding-top: 10px;
}
#copyright-info {
text-align: right;
}
/* ================== */
/* ! Page Templates */
/* ================== */
/*page templare sidebar left*/
.page-template-sidebar-left-template-php #content,
.page-template-sidebar-left-template-php #sidebar.sidebar-right {
float: right !important
}
.page-template-sidebar-left-template-php #sidebar.sidebar-left,
.page-template-sidebar-left-template-php #sidebar.sidebar-right {
float: left !important;
}
/* ! WordPress Styling
This CSS file contains all the default WordPress Styling.
//Posts & Pages
+ Display
+ Meta & Breadcrumbs
+ Author/Category/Tag Boxes
+ Comments
You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
infinity-wordpress-style = off
/*
================================================== */
/* Post Meta */
span.edit-link {
margin-left: 1px;
margin-right: 9px;
float: right;
}
span.edit-link a { color: #999 }
/* The actual Posts*/
.author-avatar {
float: left;
margin-bottom: 0;
margin-right: 10px;
margin-top: 0;
}
.entry {
margin-bottom: 30px;
margin-top: 30px;
}
.post dd.wp-caption p.wp-caption-text,
.wp-caption-text {
font-style: italic;
line-height: 17px;
margin: 0 !important;
padding: 0 4px 5px 0;
font-size: 12px;
}
.post-meta-data span {
border-right: 1px solid #DDD;
margin-right: 5px;
padding-right: 5px;
}
.post .author-box img,
.comment-avatar-box img {
float: none;
margin: 0;
border: 4px solid #fff;
}
.post img.alignright {
margin: 0 0 2px 7px;
display: inline;
padding: 4px;
}
.post img.wp-smiley {
float: none !important;
clear: none !important;
margin: 0 !important;
border: none !important;
padding: 0 !important;
}
.post-content {
margin-bottom: 60px;
}
.post img.alignleft {
margin: 0 7px 2px 0;
display: inline;
padding: 4px;
}
.post .aligncenter,
.post .aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.post img.centered,
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.post img {
max-width: 100%;
height: auto;
}
.post .wp-caption {
background-color: #F9F9F9;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
font-size: 90%;
font-style: italic;
padding-bottom: 7px;
padding-top: 4px;
text-align: center;
}
.post .wp-caption img {
margin: 0;
border: 0 none;
padding: 0;
}
.postthumb {
margin-bottom: 20px;
}
.postthumb img {
max-width: 100%;
height: auto;
}
.post .gallery-caption { }
#single-attachment img {
margin-top: 25px;
margin-bottom: 25px;
}
/* Post Titles */
/* Captions */
/* Block Quotes */
/* page links */
.page-link {
font-weight: bold;
word-spacing: 0.5em;
margin: 0 0 22px;
}
.page-link a:active,
.page-link a:hover { color: #FF4B33 }
.page-link a:link,
.page-link a:visited {
font-weight: normal;
border: 1px solid #DDD;
padding: 5px 8px;
}
.home .sticky .page-link a {}
/* code in posts */
.post .alignright {
margin-left: 15px;
float: right;
margin-bottom: 15px;
}
.post .alignleft {
margin-right: 15px;
float: left;
}
/* per post navigation and pagination */
ul.page-numbers li a,
ul.page-numbers li span,
.paged-navigation,
.comment-navigation {
background: none repeat scroll 0 0 #FFFFFF;
color: inherit;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
font-size: 14px;
font-weight: bold;
height: 38px;
margin: 0 2px 10px 0;
padding: 5px 8px;
text-align: center;
word-spacing: 10px;
}
ul.page-numbers li a:hover,
.paged-navigation:hover,
.comment-navigation:hover {
background: #444;
color: #FFF;
}
ul.page-numbers {
text-align: center;
margin-bottom: 20px;
}
ul.page-numbers li span {
background: #444;
color: #FFF;
}
ul.page-numbers li { display: inline }
.pagination {
border-bottom: 1px solid #EAEAEA;
height: 16px;
padding-left: 0px;
padding-bottom: 10px;
color: #888888;
font-size: 90%;
}
.pagination#user-pag,
.friends .pagination,
.mygroups .pagination,
.myblogs .pagination {
background: #F9F9F9;
border: none;
padding: 8px 15px;
}
/*Post Meta */
.post-meta-data,
.comment-meta,
.comment-options,
p#breadcrumbs {
border-bottom: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;
color: #AAAAAA;
font-size: 11.5px;
margin-top: 10px;
min-height: 20px;
padding: 3px 0;
margin-bottom: 10px;
}
span.post-comments {
float: right;
margin-right: 5px;
border-right: 0px;
}
p#breadcrumbs { margin-top: 0px }
/* Intro Boxes for authors, categories and tags */
.post-author-box {
float: right;
padding: 3px;
display: none;
}
.post-author-box img {
width: 50px;
height: 50px;
}
.author-box,
.category-box,
.tag-box,
.info-box {
margin-bottom: 20px;
border: 1px solid #DDDDDD;
background: #F9F9F9;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 20px;
}
#category-description p,
#tag-description p {
font-style: italic;
margin-top: 10px;
margin-bottom: 0px;
}
.authorbox h3 {
font-style: normal;
margin-bottom: 10px;
color: #555555;
font-size: 16px;
}
#author-description {
overflow: hidden;
padding-bottom: 15px;
}
#author-description img {
margin-top: 2px;
margin-right: 10px;
float: left;
}
#category-description,
#tag-description {
padding: 10px;
}
#author-social {
float: right;
width: 25%;
}
/*Search Page*/
.search-title {
font-size: 18px;
color: #999;
}
.search-title span {
color: #444;
}
/* ============ */
/* ! Comments */
/* ============ */
.comment-content {
margin-bottom: 40px;
position: relative;
}
#comments {
margin-top: 20px;
position: relative;
}
#comments .pingbacks li.pingback { margin: 10px 0 }
#comments .pingbacks li.pingback .reply { display: none }
#comments .cancel-comment-reply { margin: 10px 0 }
#comments .comment-entry p {
padding-left: 10px;
padding-right: 10px;
margin: 0 0 20px 62px;
}
#comments .bypostauthor { background: #F9F9F9 }
#comments .comment-head { margin: 0 0 15px 70px }
#comments .comment-head .name {
font-weight: bold;
margin: 0;
}
#comments .comment-head .date,
#comments .comment-head .edit,
#comments .comment-head .perma { font-size: 11px }
#comments .avatar img {
vertical-align: middle;
width: 40px;
height: 40px;
margin: 0;
}
#comments ul.children {
margin: 10px 10px 0 25px;
padding: 0;
}
#comments .navigation { }
#comments .navigation a {
text-decoration: none;
margin: 15px 0 0 0;
display: block;
}
#comments .navigation a:hover { }
#comments blockquote {
font-style: italic;
font-weight: bold;
line-height: 150%;
margin-left: 71px;
padding-bottom: 5px;
padding-left: 0;
padding-top: 20px;
}
#comments .comment {
margin-top: 10px;
list-style-type: none;
width: 100%;
}
#comments .comment .comment-container {
border-bottom: 1px solid #F4F4F4;
padding-bottom: 15px;
position: relative;
}
#comments h3#pings { margin-top: 25px }
#comments .avatar {
float: left;
margin: 0 15px 10px 0;
}
#comments .reply {
left: 0;
position: absolute;
top: 60px;
}
#comments .reply a {
font-size: 70%;
padding: 0 6px;
}
#comments h3 { }
ol.commentlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
#comments .unapproved {
font-style: italic;
color: #999;
}
/* The Comments Forms */
#respond { margin: 40px 0 0 }
#respond #reply-title small {
margin-top: 5px;
display: block;
font-size: 13px;
}
#respond span.required {
color: #CFCFCF;
display: block;
float: left;
font-size: 16px;
font-weight: bold;
margin: 4px 0 0 -12px;
}
#respond .right {
float: left;
width: 380px;
}
#respond label {
color: #777777;
padding: 4px 0;
font-size: 11px;
}
#respond .left {
margin-right: 15px;
float: left;
width: 200px;
}
#commentform { margin: 10px 0 0 10px; }
#commentform input.txt,
#commentform textarea {
border-color: #ccc #efefef #efefef #ccc;
border-width: 1px;
border-style: solid;
font-size: inherit;
}
li.bypostauthor { background: none repeat scroll 0 0 #F8FDFF !important }
#commentform input.txt {
background: #F9F9F9;
width: 170px;
color: #666;
margin: 0 5px 10px 0;
padding: 5px 7px;
}
#commentform textarea {
width: 95%;
height: auto;
}
#commentform #submit { margin: 15px 0 0 0 }
.form-allowed-tags {
font-size: 90%;
color: #777;
}
/* Pingsbacks */
h3#pings { margin: 25px 0 10px 0 }
.pinglist li {
list-style-type: decimal;
margin: 0 0 0 20px;
}
.pinglist li .pingcontent {
margin: 10px 0;
display: block;
}
.pinglist li .author {
font-weight: bold;
font-size: 15px;
}
.pinglist li .date { font-size: 11px }
p.form-allowed-tags { width: 70% }
/* ! The Grid
The Infinity Base Grid. Do you want to generate your own Fluid or Fixed Grid? Read More about the Grid
and how to Modify it here: http://infinity.presscrew.com/docs/?page=infinity-theme&route=cpanel/ddocs/theme_design
You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
infinity-grid-style = off
/*
================================================== */
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* The Grid ---------------------- */
.row { width: 1050px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.row .one { width: 6.25%; }
.row .two { width: 12.5%; }
.row .three { width: 18.75%; }
.row .four { width: 25%; }
.row .five { width: 31.25%; }
.row .six { width: 37.5%; }
.row .seven { width: 43.75%; }
.row .eight { width: 50%; }
.row .nine { width: 56.25%; }
.row .ten { width: 62.5%; }
.row .eleven { width: 68.75%; }
.row .twelve { width: 75%; }
.row .thirteen { width: 81.25%; }
.row .fourteen { width: 87.5%; }
.row .fifteen { width: 93.75%; }
.row .sixteen { width: 100%; }
.row .offset-by-one { margin-left: 6.25%; }
.row .offset-by-two { margin-left: 12.5%; }
.row .offset-by-three { margin-left: 18.75%; }
.row .offset-by-four { margin-left: 25%; }
.row .offset-by-five { margin-left: 31.25%; }
.row .offset-by-six { margin-left: 37.5%; }
.row .offset-by-seven { margin-left: 43.75%; }
.row .offset-by-eight { margin-left: 50%; }
.row .offset-by-nine { margin-left: 56.25%; }
.row .offset-by-ten { margin-left: 62.5%; }
.row .offset-by-eleven { margin-left: 68.75%; }
.row .offset-by-twelve { margin-left: 75%; }
.row .offset-by-thirteen { margin-left: 81.25%; }
.row .offset-by-fourteen { margin-left: 87.5%; }
.push-two { left: 12.5%; }
.pull-two { right: 12.5%; }
.push-three { left: 18.75%; }
.pull-three { right: 18.75%; }
.push-four { left: 25%; }
.pull-four { right: 25%; }
.push-five { left: 31.25%; }
.pull-five { right: 31.25%; }
.push-six { left: 37.5%; }
.pull-six { right: 37.5%; }
.push-seven { left: 43.75%; }
.pull-seven { right: 43.75%; }
.push-eight { left: 50%; }
.pull-eight { right: 50%; }
.push-nine { left: 56.25%; }
.pull-nine { right: 56.25%; }
.push-ten { left: 62.5%; }
.pull-ten { right: 62.5%; }
.push-eleven { left: 68.75%; }
.pull-eleven { right: 68.75%; }
.push-twelve { left: 75%; }
.pull-twelve { right: 75%; }
.push-thirteen { left: 81.25%; }
.pull-thirteen { right: 81.25%; }
.push-fourteen { left: 87.5%; }
.pull-fourteen { right: 87.5%; }
img, object, embed { max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img { max-width: none!important; }
/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.column, .columns { width: auto !important; float: none; }
.column:last-child, .columns:last-child { float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen { margin-left: 0 !important; }
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven, .push-twelve, .push-thirteen, .push-fourteen { left: auto; }
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven, .pull-twelve, .pull-thirteen, .pull-fourteen { right: auto; }
/* Mobile 4-column Grid */
.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
.row .mobile-one:last-child { float: right; }
.row.collapse .mobile-one { padding: 0; }
.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
.row .mobile-two:last-child { float: right; }
.row.collapse .mobile-two { padding: 0; }
.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
.row .mobile-three:last-child { float: right; }
.row.collapse .mobile-three { padding: 0; }
.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
.row .mobile-four:last-child { float: right; }
.row.collapse .mobile-four { padding: 0; }
.push-one-mobile { left: 25%; }
.pull-one-mobile { right: 25%; }
.push-two-mobile { left: 50%; }
.pull-two-mobile { right: 50%; }
.push-three-mobile { left: 75%; }
.pull-three-mobile { right: 75%; } }
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones
For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto !important; float: left; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
/* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
/* Mobile Block Grids */
@media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; }
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } }
input.button:active,
.button:active { outline: 0; position: relative; top: 1px; }
.generic-button a:hover {
border: none;
}
a.button, .generic-button, a.more-link, button, input[type="submit"], input[type="reset"], input[type="button"],#review_form #submit {
margin-top: 10px;
border-top: 1px solid #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(0,0,0,.2)));
background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
background: linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
border-left: 1px solid #ccc;
font-weight: bold;
float: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
line-height: 21px;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
color: #444444;
border: 1px solid #aaa;
cursor: pointer;
display: inline-block;
font-size: 11px;
padding: 8px 12px;
}
.generic-button a {
color: #444;
}
a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,#review_form #submit:active {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,.3)));
background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border: 1px solid #888;
}
a.button:hover, button:hover,#review_form #submit:hover {
border-top: 1px solid #aaa;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.3)), color-stop(100%, rgba(0,0,0,.3)));
background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
background: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
border-left: 1px solid #aaa;
color: #222;
border: 1px solid #888;
padding: 8px 12px;
}
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100%;
}
.button, .post-tags a, .widget_tag_cloud a, input, textarea{
display: inline-block;
text-decoration: none;
padding: 8px 11px;
color: #555;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 2px;
}
.button.white, .post-tags a, .widget_tag_cloud a, a.button, .generic-button, a.more-link {
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
background: -o-linear-gradient(top, #f9f9f9, #f0f0f0);
background: -ms-linear-gradient(top, #f9f9f9, #f0f0f0);
background: linear-gradient(top, #f9f9f9, #f0f0f0);
border-color: #dedede #d8d8d8 #d3d3d3;
color: #555;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.button.white:hover, .post-tags a:hover, .widget_tag_cloud a:hover, a.button:hover, .generic-button:hover, a.more-link:hover {
background: #f4f4f4;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8));
background: -webkit-linear-gradient(top, #efefef, #f8f8f8);
background: -moz-linear-gradient(top, #efefef, #f8f8f8);
background: -o-linear-gradient(top, #efefef, #f8f8f8);
background: -ms-linear-gradient(top, #efefef, #f8f8f8);
background: linear-gradient(top, #efefef, #f8f8f8);
border-color: #c7c7c7 #c3c3c3 #bebebe;
text-shadow: 0 1px 0 #fdfdfd;
-webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
-moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}
.button.grey {
background: #bdbdbd;
background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae));
background: -webkit-linear-gradient(top, #cacaca, #aeaeae);
background: -moz-linear-gradient(top, #cacaca, #aeaeae);
background: -o-linear-gradient(top, #cacaca, #aeaeae);
background: -ms-linear-gradient(top, #cacaca, #aeaeae);
background: linear-gradient(top, #cacaca, #aeaeae);
border-color: #b5b5b5 #a1a1a1 #8f8f8f;
color: #555;
text-shadow: 0 1px 0 #d4d4d4;
-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
}
.button.grey:hover {
background: #c2c2c2;
background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2));
background: -webkit-linear-gradient(top, #bcbcbc, #c2c2c2);
background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);
background: -o-linear-gradient(top, #bcbcbc, #c2c2c2);
background: -ms-linear-gradient(top, #bcbcbc, #c2c2c2);
background: linear-gradient(top, #bcbcbc, #c2c2c2);
border-color: #989898 #8e8e8e #878787;
text-shadow: 0 1px 0 #dadada;
-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
}
.button.pink {
background: #f67689;
background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778));
background: -webkit-linear-gradient(top, #f78297, #f56778);
background: -moz-linear-gradient(top, #f78297, #f56778);
background: -o-linear-gradient(top, #f78297, #f56778);
background: -ms-linear-gradient(top, #f78297, #f56778);
background: linear-gradient(top, #f78297, #f56778);
border-color: #df6f8b #da5f75 #d55061;
color: #913944;
text-shadow: 0 1px 0 #f89ca9;
-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
}
.button.pink:hover {
background: #f67c90;
background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297));
background: -webkit-linear-gradient(top, #f56c7e, #f78297);
background: -moz-linear-gradient(top, #f56c7e, #f78297);
background: -o-linear-gradient(top, #f56c7e, #f78297);
background: -ms-linear-gradient(top, #f56c7e, #f78297);
background: linear-gradient(top, #f56c7e, #f78297);
border-color: #c36079 #c25669 #c14e5c;
text-shadow: 0 1px 0 #f9a6b4;
-webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
-moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
}
.button.orange, .orange a, #bpfb_submit {
background: #fecc5f;
background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a));
background: -webkit-linear-gradient(top, #feda71, #febb4a);
background: -moz-linear-gradient(top, #feda71, #febb4a);
background: -o-linear-gradient(top, #feda71, #febb4a);
background: -ms-linear-gradient(top, #feda71, #febb4a);
background: linear-gradient(top, #feda71, #febb4a);
border-color: #f5b74e #e5a73e #d6982f;
color: #996633;
text-shadow: 0 1px 0 #fedd9b;
}
.button.orange:hover, #bpfb_submit:hover {
background: #fecb5e;
background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61));
background: -webkit-linear-gradient(top, #fec354, #fecd61);
background: -moz-linear-gradient(top, #fec354, #fecd61);
background: -o-linear-gradient(top, #fec354, #fecd61);
background: -ms-linear-gradient(top, #fec354, #fecd61);
background: linear-gradient(top, #fec354, #fecd61);
border-color: #d29a3a #cc9436 #c89133;
text-shadow: 0 1px 0 #fee1a0;
-webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
-moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}
.button.green, .gform_footer input.button, .qq-upload-button {
background: #b7d770;
background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57));
background: -webkit-linear-gradient(top, #cae285, #9fcb57);
background: -moz-linear-gradient(top, #cae285, #9fcb57);
background: -o-linear-gradient(top, #cae285, #9fcb57);
background: -ms-linear-gradient(top, #cae285, #9fcb57);
background: linear-gradient(top, #cae285, #9fcb57);
border-color: #adc671 #98b65b #87aa4a;
color: #5d7731;
text-shadow: 0 1px 0 #cfe5a4!important;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
}
.button.green:hover, .gform_footer input.button hover, .qq-upload-button:hover {
background: #b9d972;
background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972));
background: -webkit-linear-gradient(top, #b8d872, #b9d972);
background: -moz-linear-gradient(top, #b8d872, #b9d972);
background: -o-linear-gradient(top, #b8d872, #b9d972);
background: -ms-linear-gradient(top, #b8d872, #b9d972);
background: linear-gradient(top, #b8d872, #b9d972);
border-color: #8bb14d #83a648 #7d9e45;
text-shadow: 0 1px 0 #d5e8aa;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
}
.button.blue {
background: #92dbf6;
background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
background: -webkit-linear-gradient(top, #abe4f8, #6fcef3);
background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
background: -o-linear-gradient(top, #abe4f8, #6fcef3);
background: -ms-linear-gradient(top, #abe4f8, #6fcef3);
background: linear-gradient(top, #abe4f8, #6fcef3);
border-color: #8dc5da #76b7cf #63abc7;
color: #42788e;
text-shadow: 0 1px 0 #b6e6f9;
-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
}
.button.blue:hover {
background: #92dbf6;
border-color: #7caec0 #68a3ba #5a9cb5;
text-shadow: 0 1px 0 #bee9fa;
-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
}
.button.purple {
background: #dfaeda;
background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce));
background: -webkit-linear-gradient(top, #e8c4e4, #d494ce);
background: -moz-linear-gradient(top, #e8c4e4, #d494ce);
background: -o-linear-gradient(top, #e8c4e4, #d494ce);
background: -ms-linear-gradient(top, #e8c4e4, #d494ce);
background: linear-gradient(top, #e8c4e4, #d494ce);
border-color: #bc9db9 #ad89aa #a1799d;
color: #7b5777;
text-shadow: 0 1px 0 #eacae6;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
}
.button.purple:hover {
background: #e0b1db;
background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db));
background: -webkit-linear-gradient(top, #deabd9, #e0b1db);
background: -moz-linear-gradient(top, #deabd9, #e0b1db);
background: -o-linear-gradient(top, #deabd9, #e0b1db);
background: -ms-linear-gradient(top, #deabd9, #e0b1db);
background: linear-gradient(top, #deabd9, #e0b1db);
border-color: #a482a0 #9b7897 #947090;
text-shadow: 0 1px 0 #ecd0e9;
-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
}
.button.teal {
background: #9cedef;
background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#7ce7ea));
background: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea);
background: -moz-linear-gradient(top, #b7f2f4, #7ce7ea);
background: -o-linear-gradient(top, #b7f2f4, #7ce7ea);
background: -ms-linear-gradient(top, #b7f2f4, #7ce7ea);
background: linear-gradient(top, #b7f2f4, #7ce7ea);
border-color: #90c6c8 #78bdc0 #65b6ba;
color: #437b7d;
text-shadow: 0 1px 0 #bef3f5;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
}
.button.teal:hover {
background: #9fedf0;
border-color: #7db9bb #6bb2b5 #5dacaf;
text-shadow: 0 1px 0 #c5f4f6;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
}
.button.darkblue {
background: #a5b8c6;
background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4));
background: -webkit-linear-gradient(top, #becbd6, #88a1b4);
background: -moz-linear-gradient(top, #becbd6, #88a1b4);
background: -o-linear-gradient(top, #becbd6, #88a1b4);
background: -ms-linear-gradient(top, #becbd6, #88a1b4);
background: linear-gradient(top, #becbd6, #88a1b4);
border-color: #a2afb8 #8696a1 #6f818f;
color: #515f6a;
text-shadow: 0 1px 0 #c4d0d9;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
}
.button.darkblue:hover {
background: #adbfcb;
border-color: #8996a0 #798791 #6c7a85;
text-shadow: 0 1px 0 #ced9e0;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
}
.button.black {
background: #525252;
background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -webkit-linear-gradient(top, #5e5e5e, #434343);
background: -moz-linear-gradient(top, #5e5e5e, #434343);
background: -o-linear-gradient(top, #5e5e5e, #434343);
background: -ms-linear-gradient(top, #5e5e5e, #434343);
background: linear-gradient(top, #5e5e5e, #434343);
border-color: #4c4c4c #313131 #1f1f1f;
color: #fff;
text-shadow: 0 1px 0 #2e2e2e;
-webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
-moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
}
.button.black:hover {
background: #5a5a5a;
border-color: #2c2c2c #1c1c1c #101010;
text-shadow: 0 1px 0 #363636;
-webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
-moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
}
.post-tags a {
font-size: 10px;
padding: 3px 5px;
margin-left: 1px;
margin-right: 5px;
}
.big {
font-size: 16px;
padding: 14px 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.huge {
font-size: 20px;
padding: 16px 12px;
margin-top: 15px;
margin-bottom: 15px;
}
.widget.widget_tag_cloud a {
font-size: 10px;
margin: 1px;
padding: 5px 8px;
}
#archives-subject li {
display: inline;
list-style: disc inside none;
padding-right: 5px;
}
#archives-subject ul {
display: inline;
margin: 0;
}
@font-face {
font-family: 'iconSweetsRegular';
src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot');
src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot?#iefix') format('embedded-opentype'),
url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.woff') format('woff'),
url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.ttf') format('truetype'),
url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.svg#iconSweetsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Using some fancy CSS magic to add our icons */
.item-list-tabs * a:before,
#item-buttons * a:before,
.sidebar-activity-tabs * a:before,
.button:before,
#message p:before,
#subnav * :before,
#category-title:before,
#tag-title:before,
span.post-tags:before,
.generic-button a:before,
#category-title:before,
#tag-title:before,
span.post-tags:before,
.post-meta-data *:before,
.post-title:before,
#author-description h3:before,
.single_add_to_cart_button:before,
.load-more a:before,
#whats-new,
.main-menu * :before,
.link-home h2 a:before,
div.link-vote-panel div.clickers a.up:before {
font-weight: normal;
font-family: "iconsweetsRegular";
color: inherit;
padding-right: 2px;
font-size: 130%;
position: relative;
top: 2px;
text-transform: none;
}
/* WordPress Icons */
.post-top {
padding-top: 0px
}
/* Blog Icons */
#category-title:before {
content: "L"
}
#tag-title:before,
span.post-tags:before {
content: "."
}
#author-description h3:before {
content: "a"
}
/* ================ */
/* ! Post Formats */
/* ================ */
.format-quote .post-meta-data {
display: none
}
.format-quote .entry {
border-left: 5px solid #EEEEEE;
font-family: "Georgia",serif;
font-size: 140%;
line-height: 140%;
margin-bottom: 18px;
padding-left: 15px;
}
.post-title:before {
background: none repeat scroll 0 0 #555555;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
float: right;
font-size: 140%;
padding: 0 0.8% 1.5%;
position: relative;
text-shadow: -1px 1px 0 #000000;
top: -8px;
}
.format-video .post-title:before {
content: "F"
}
.format-link .post-title:before {
content: "Q"
}
.format-gallery .post-title:before {
content: "3"
}
.format-image .post-title:before {
content: "2"
}
.format-audio .post-title:before {
content: "4"
}
.format-chat .post-title:before {
content: '"'
}
.format-status .post-title:before {
content: "#"
}
.format-quote .post-title:before {
content: "'"
}
/* Post Meta Icons */
span.post-author:before {
content: "d"
}
span.post-category:before {
content: "L"
}
span.time-posted:before {
content: "R"
}
span.post-comments:before,
span.comments a:before {
content: "#"
}
/* BuddyPress Icons */
.activity-comments * :before {
display: none
}
#item-buttons * a:before,
.activity-meta * a:before,
.button:before,
.generic-button a:before {
display: inline-block;
font-size: 135%;
padding: 0 2px 6px 1px;
}
/* Some Small Padding tweaks to make the icons look sweet */
div#item-header div.generic-button,
div#item-header a.button {
padding: 0 8px
}
#sidebar .sidebar-activity-tabs ul li a {
padding-bottom: 8px;
padding-top: 4px;
text-decoration: none;
}
div#object-nav ul li a {
padding: 4px 6px 8px !important;
text-decoration: none;
}
div.activity-type-tabs li a {
padding: 4px 6px 8px !important;
text-decoration: none;
}
.loading a:before {
display: none !important
}
div.item-list-tabs ul li.loading a {
padding-top: 9px !important
}
/* Stream Icons. no shorthand CSS to maintain hover effects */
li#activity-all a:before {
content: "s"
}
li#activity-favorites a:before,
.button.fav:before,
.button.unfav:before {
content: "h"
}
li#activity-friends a:before {
content: "a"
}
li#activity-groups a:before,
.widget_bp_groups_widget {
content: "f"
}
li#activity-links a:before,
#nav-links:before {
content: "Q"
}
li#activity-mentions a:before {
content: "#"
}
li#activity-following a,
li#following-personal-li a:before {
content: "*"
}
.acomment-reply:before {
content: "w"
}
.delete-activity:before,
.generic-button.is_friend a:before,
.generic-button.pending_friend a:before {
content: "X"
}
.load-more a:before {
content: "s"
}
#whats-new:before {
position: absolute;
content: "2";
color: #DDD;
font-size: 200%;
}
/* Group Icons */
li#members-groups-li a:before {
content: "e"
}
li#forums-groups-li a:before {
content: '"'
}
li#admin-groups-li a:before,
li#link-admin-personal-li a:before {
content: "i"
}
li#invite-groups-li a:before {
content: "A"
}
li#home-groups-li a:before,
li#link-home-personal-li a:before {
content: "0"
}
li#nav-docs-groups-li a:before {
content: "L"
}
#bp-create-doc-button:before {
content: "C";
font-size: 165%;
}
li#nav-notifications-groups-li a:before {
content: "6"
}
/* Profile Icons */
#user-activity:before {
content: "s"
}
#user-xprofile:before {
content: "?"
}
#user-friends:before {
content: "a"
}
#user-groups:before {
content: "f"
}
#user-profile:before {
content: "?"
}
#user-links:before {
content: "P"
}
#user-messages:before,
#nav-invite-anyone:before,
#user-invite-anyone:before {
content: "A"
}
#user-forums:before {
content: '"'
}
#user-blogs:before,
#user-sites:before {
content: "C"
}
li#activity-filter-select label:before {
content: "."
}
a.send-message:before {
content: "A"
}
a.friendship-button:before {
content: "a"
}
.follow-button a.follow:before {
content: "*"
}
div#post-mention a.mention:before {
content: "#"
}
#user-settings:before {
content: "i"
}
div#message p {
background-color: #FEFAEB;
border: 1px solid #F1F1F1;
border-radius: 4px 4px 4px 4px;
display: block;
font-size: 12px;
padding: 10px 15px;
}
div#message p:before {
content: "_"
}
/* BBPress */
#nav-forums:before {
content: '"'
}
/* Main Menu Icons */
.base-menu li ul li a:before {
content: none !important
}
/* Make sure items with an icon line up with non-icon items */
#main-menu-wrap .icon-groups a,
#main-menu-wrap .icon-members a,
#main-menu-wrap .icon-activity a,
#main-menu-wrap .icon-members a,
#main-menu-wrap .icon-forums,
#main-menu-wrap .icon-links a,
#main-menu-wrap .icon-sites a,
#main-menu-wrap .icon-blogs a {
margin-top: -5px;
}
#main-menu-wrap .icon-groups a:before {
content: "f"
}
#main-menu-wrap .icon-members a:before {
content: "e"
}
#main-menu-wrap .icon-activity a:before {
content: "s"
}
#main-menu-wrap .icon-forums a:before {
content: '"'
}
#main-menu-wrap .icon-links a:before {
content: "Q"
}
#main-menu-wrap .icon-sites a:before,
#main-menu-wrap .icon-blogs a:before {
content: "C"
}
#bp-adminbar-notifications-menu a:before {
content: "6"
}
#bp-adminbar-account-menu a:before {
content: "a"
}
.login-form-link a:before {
content: "y"
}
#join-us-link a:before {
content: "w"
}
/* WooCommerce Icons */
a.add_to_cart_button:before {
content: "$"
}
.product_type_variable:before {
content: "l" !important;
}
.coupon:before {
color: inherit;
font-family: "iconsweetsRegular";
font-size: 180%;
font-weight: normal;
padding-right: 2px;
position: relative;
text-transform: none;
top: 2px;
content: "(";
float: left;
opacity: 0.7;
}
/* BuddyPress Links Icons */
.link-home h2 a:before {
content: "Q";
font-size: 100%;
opacity: 0.6;
}
div.link-vote-panel div.clickers a.up {
background: transparent;
}
div.link-vote-panel div.clickers a.up:before {
color: inherit;
height: 20px;
position: relative;
width: 20px;
content: "[";
}
/*
----------------------------------------------------------------
BuddyPress Default Styling.
You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
infinity-bp-support = off
--------------------------------------------------------------*/
/* ============================== */
/* BuddyPress Infinity Tweaks */
/* ============================== */
span.highlight, span.activity, div#message p, .generic-button, .activity-list div.activity-meta a {
display: inline-block;
text-decoration: none;
font: bold 11px/12px;
padding: 3px 6px;
}
.activity-list .activity-header a:first-child { padding: 0px }
.activity-header p { margin-bottom: 0px }
div#message p {
font-weight: bold;
padding-left: 22px;
}
#sidebar div#message p {
padding-left: 10px;
}
span.activity {
background: #F9F9F9;
font-weight: normal;
margin-top: 6px;
font-size: 85%;
}
.activity-read-more { margin-left: 5px }
/* > Item Headers (Profiles, Groups)
--------------------------------------------------------------*/
div#item-header {
margin-bottom: 15px;
overflow: hidden;
}
div#item-header div#item-header-content { margin-left: 170px }
div#item-header h2 { margin: 0 0 15px 0 }
div#item-header h2 a {
text-decoration: none;
color: #777;
}
div#item-header img.avatar {
float: left;
margin: 0 15px 25px 0;
}
.achievements div#item-header img.avatar { max-width: 93% }
div#item-header h2 { margin-bottom: 5px }
div#item-header span.activity, div#item-header h2 span.highlight {
vertical-align: middle;
font-size: 85%;
font-weight: normal;
line-height: 170%;
margin-bottom: 7px;
}
div#item-header h2 span.highlight {
font-size: 11.5px;
font-weight: bold;
}
div#item-header h2 span.highlight span {
background: #444444;
color: #FFFFFF;
cursor: pointer;
display: none;
font-size: 85%;
font-weight: bold;
margin-bottom: 0;
padding: 1px 4px;
position: relative;
right: 0;
top: -1px;
vertical-align: middle;
}
div#item-header div#item-meta {
font-size: 85%;
color: #777;
padding-bottom: 10px;
overflow: hidden;
margin: 15px 0 5px 0;
}
div#item-header div#item-actions {
float: right;
width: 20%;
margin: 0 0 15px 15px;
text-align: right;
}
div#item-header div#item-actions h3 {
font-size: 100%;
margin: 0 0 5px 0;
}
div#item-header ul {
overflow: hidden;
margin-bottom: 15px;
}
div#item-header ul h5, div#item-header ul span, div#item-header ul hr { display: none }
div#item-header ul li {
float: right;
list-style: none outside none;
}
div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {
width: 30px;
height: 30px;
margin: 2px;
}
div#item-header div.generic-button, div#item-header a.button {
float: left;
font-size: 85%;
margin: 10px 10px 0 0;
}
div#item-header div#message.info { line-height: 80% }
div#item-header div#message.info p { background: #F9F9F9 }
/* > Item Lists (Activity, Friend, Group lists)
--------------------------------------------------------------*/
ul.item-list {
padding: 0;
width: 100%;
}
ul.item-list li {
border-bottom: 1px solid #EAEAEA;
list-style: none outside none;
padding: 20px 0 10px;
position: relative;
}
ul.single-line li { border: none }
ul.item-list li img.avatar {
float: left;
margin: 0 10px 10px 0;
}
.widget img.avatar {
float: left;
}
ul.item-list li div.item-title, ul.item-list li h4 {
font-weight: normal;
width: 100%;
margin: 0;
}
ul.item-list li div.item-title span {
font-size: 100%;
color: #999;
}
ul.item-list li div.item-desc {
font-size: 85%;
margin: 10px 0 0 64px;
width: 68%;
}
ul.item-list li div.action {
position: absolute;
top: 15px;
right: 0;
text-align: right;
}
ul.item-list li div.meta {
margin-top: 10px;
color: #888;
font-size: 85%;
}
#sidebar .item-meta { position: relative }
.item-avatar { float: left }
ul.item-list li h5 span.small {
font-weight: normal;
font-size: 85%;
}
/* > Item Tabs
--------------------------------------------------------------*/
div.item-list-tabs {
min-height: 37px;
position: relative;
clear: both;
}
.item-list-tabs { background: none repeat scroll 0 0 #222222 }
div.item-list-tabs ul {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
div.item-list-tabs ul li {
float: left;
list-style: none;
}
div.item-list-tabs ul li a:hover {
color: #DDD;
background: #000;
}
div.item-list-tabs ul li.last {
color: #BFBDBD;
float: right;
font-size: 85%;
margin-bottom: -4px;
text-transform: inherit;
}
div.item-list-tabs ul li.last label { display: inline }
div.item-list-tabs ul li.last select {
display: inline-block;
margin-left: 8px;
margin-top: 4px;
}
li#activity-filter-select label { display: inline-block }
div.item-list-tabs ul li a, div.item-list-tabs ul li span {
display: block;
padding: 8px 10px;
text-decoration: none;
}
div.item-list-tabs ul li span { color: #777 }
div.item-list-tabs ul li a span {
display: inline;
padding: 0;
color: inherit;
}
div.item-list-tabs ul li a span {
background: none repeat scroll 0 0 #333333;
color: #999999;
display: inline;
font-size: 75%;
margin-left: 2px;
padding: 2px 5px;
}
div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a {
background: none repeat scroll 0 0 #000;
color: #DDDDDD;
font-weight: bold;
}
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #444 }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span { background-color: #555 }
div.item-list-tabs ul li.loading a {
background-position: 88% 50%;
padding-left: 25px !important; }
/* Subnav */
div#subnav.item-list-tabs { background: transparent }
div.item-list-tabs#subnav ul li { margin-top: 0 }
div#subnav.item-list-tabs ul li a { color: #999 }
div#subnav.item-list-tabs ul li.current a {
background: transparent;
color: #444444;
}
div#subnav.item-list-tabs ul li a:hover {
color: #222;
background: transparent;
}
div.item-list-tabs#object-nav { margin-top: 0 }
div#subnav.item-list-tabs {
border-bottom: 1px solid #E8E8E8;
border-top: 0 solid;
font-family: inherit;
margin-bottom: 20px;
overflow: hidden;
}
/* > Item Body
--------------------------------------------------------------*/
.item-body { margin: 20px 0 }
/* > Directories (Members, Groups, Blogs, Forums)
--------------------------------------------------------------*/
div.dir-search {
left: 65%;
margin-top: -60px;
position: relative;
width: 51%;
}
.dir-form { margin-bottom: 30px }
div.dir-search input[type=text] {
display: inline-block;
margin-right: 10px;
}
div.dir-search label { display: inline-block }
#content .item-title a { font-size: 120% }
.dir-form h3 .button {
margin-bottom: 0;
margin-top: 0;
padding: 2px 12px;
}
.dir-form .info-box {
float: left;
margin-top: 10px;
}
/* > Pagination
--------------------------------------------------------------*/
div.pagination#user-pag, .friends div.pagination, .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination {
background: #f8f8f8;
border: none;
padding: 8px 15px;
}
div.pagination .pag-count { float: none; line-height: 5px; font-style: italic;}
div.pagination .pagination-links {
float: right;
margin-top: -10px;
}
div.pagination .pagination-links span, div.pagination .pagination-links a {
padding: 0 5px;
}
div.pagination .pagination-links a:hover { font-weight: bold }
div#pag-bottom { margin-top: 0 }
div.item-options {
color: #73C1E6;
font-size: 80%;
font-weight: bold;
text-transform: uppercase;
}
div.item-options a {
padding-bottom: 2px;
padding-top: 2px;
}
div.item-avatar img {
display: block;
float: left;
margin: 5px 5px 5px 0;
}
.avatar-block { overflow: hidden }
/* > Error / Success Messages
--------------------------------------------------------------*/
div#message { margin: 15px 0 }
div#message.updated { clear: both }
div#message p {
padding: 10px 15px;
font-size: 85%;
display: block;
}
/* Buttons that are disabled */
div.pending a, a.disabled {
border-color: #eee;
color: #bbb;
cursor: default;
}
div.pending a:hover, a.disabled:hover {
border-color: #eee;
color: #bbb;
}
div.accept, div.reject {
float: left;
margin-left: 10px;
}
ul.button-nav {
padding-left: 0px;
clear: both;
height: 45px;
}
ul.button-nav li {
list-style: none;
}
ul.button-nav li a {
float: left;
margin: 0 10px 10px 0;
padding: 8px 10px;
font-weight: bold;
}
ul.button-nav li.current a {
background: none repeat scroll 0 0 #EFEFEF;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
}
/* > AJAX Loaders
--------------------------------------------------------------*/
.ajax-loader {
background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important;
background-position: 95% 50% !important;
background-repeat: no-repeat !important;
padding-right: 25px !important;
display: none;
}
a.loading, li.loading a,#object-nav a.loading, #object-nav li.loading {
background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important;
background-position: 5% 50% !important;
background-repeat: no-repeat !important;
padding-left: 25px !important;
}
/* > Input Forms
--------------------------------------------------------------*/
form.standard-form #basic-details-section input[type=password], form.standard-form #blog-details-section input#signup_blog_url { width: 35% }
form.standard-form#signup_form input[type=text], form.standard-form#signup_form textarea { width: 85% }
form.standard-form#signup_form div.submit { float: right }
div#signup-avatar img { margin: 0 15px 10px 0 }
form.standard-form textarea {
width: 75%;
height: 120px;
}
form.standard-form textarea#message_content { height: 200px }
form.standard-form#send-reply textarea { width: 97.5% }
form.standard-form p.description {
color: #888888;
font-size: 85%;
font-style: italic;
margin: -5px 0 15px;
}
form.standard-form div.submit {
padding: 15px 0;
clear: both;
}
form.standard-form div.submit input { margin-right: 15px }
form.standard-form div.radio ul {
margin: 10px 0 15px 38px;
list-style: disc;
}
form.standard-form div.radio ul li { margin-bottom: 5px }
form.standard-form a.clear-value {
display: block;
margin-top: 5px;
outline: none;
}
form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section {
float: left;
width: 48%;
}
form.standard-form #profile-details-section { float: right }
form.standard-form #blog-details-section { clear: left }
form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
background: #fafafa;
color: #555;
}
form#send-invite-form { margin-top: 20px }
div#invite-list {
height: 400px;
overflow: scroll;
padding: 5px;
background: #f5f5f5;
width: 160px;
border: 1px solid #e4e4e4;
margin: 10px 0;
}
#invite-list ul {
padding: 0;
}
#invite-list ul li {
list-style: none;
}
.action .button {
padding: 3px 8px;
font-size: 75%;
}
/* > Data Tables
--------------------------------------------------------------*/
.profile-fields {
border: 0 none;
font-size: inherit;
}
table tr td.thread-info p { margin: 0 }
table tr td.thread-info p.thread-excerpt {
color: #888;
font-size: 85%;
margin-top: 3px;
}
div#sidebar table td, table.forum td { text-align: center }
table tr.alt { background: #F9F9F9 }
table.notification-settings {
margin-bottom: 20px;
text-align: left;
}
table.notification-settings th.icon, table.notification-settings td:first-child { display: none }
table.notification-settings th.title { width: 80% }
table.notification-settings .yes, table.notification-settings .no {
width: 40px;
text-align: center;
}
table tr.alt { background: #FBFBFB }
table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px }
.forums .pagination { padding: 10px 10px 10px 20px }
table.forum {
border: 1px solid #FEF8F8;
margin: 0;
width: auto;
}
table.forum tr.sticky td {
background: #FFF9DB;
border-top: 1px solid #FFE8C4;
border-bottom: 1px solid #FFE8C4;
}
table.forum tr.closed td.td-title {
padding-left: 35px;
background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/closed.png');
background-position: 15px 50%;
background-repeat: no-repeat;
}
table.forum td p.topic-text {
color: #888;
font-size: 85%;
}
table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px }
table.forum tr > td:last-child, table.forum tr > th:last-child { padding-right: 20px }
table.forum tr th#th-title, table.forum tr th#th-poster, table.forum tr th#th-group, table.forum td.td-poster, table.forum td.td-group, table.forum td.td-title { text-align: left }
table.forum td.td-freshness {
font-size: 85%;
color: #888;
}
table.forum td img.avatar {
margin-right: 5px;
display: none;
}
table.forum td.td-poster, table.forum td.td-group { min-width: 130px }
table.forum th#th-title { width: 40% }
table.forum th#th-postcount { width: 1% }
table.forum th#th-freshness {
width: 10%;
text-align: center;
}
/* > Activity Stream Posting
--------------------------------------------------------------*/
#item-body form#whats-new-form {
margin-top: 20px;
border: none;
}
#whats-new-form { margin-bottom: 30px }
.home-page form#whats-new-form {
border-bottom: none;
padding-bottom: 0;
}
form#whats-new-form h5 {
color: #555555;
font-size: 1.2em;
font-weight: bold;
line-height: 25px;
margin: 0px 0 13px 76px;
padding: 0 0 0;
}
form#whats-new-form #whats-new-avatar { float: left }
form#whats-new-form #whats-new-content {
margin-left: 54px;
padding-left: 22px;
}
form#whats-new-form #whats-new-textarea {
margin-bottom: 10px;
}
form#whats-new-form textarea {
font-family: inherit;
font-size: 110%;
height: 60px !important;
margin: 0;
width: 100%;
}
form#whats-new-form #whats-new-options select { max-width: 200px }
form#whats-new-form #whats-new-submit {
float: right;
margin-top: -10px;
}
#whats-new-options {
height: 0;
overflow: hidden;
}
/* > Activity Stream Listing
--------------------------------------------------------------*/
ul.activity-list li {
padding: 20px 0 0 0;
overflow: hidden;
}
ul.activity-list > li:first-child { padding-top: 20px }
ul.activity-list li.has-comments { padding-bottom: 20px }
.activity-list li.mini {
position: relative;
padding: 12px 0 0 0;
}
.activity-list li.mini div.activity-meta { margin: 0 }
.activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic {
height: 40px;
margin-bottom: 20px;
width: 40px;
}
.activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
width: 40px;
height: 40px;
margin-left: 20px;
}
body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
width: 100px;
height: 100px;
margin-left: 0;
}
.activity-list li.mini .activity-content { margin-right: 175px }
.activity-list li.mini .activity-content p {
margin: 3px 0 0;
float: left;
width: 84%;
}
.activity-list li.mini .activity-meta {
position: absolute;
right: 0;
top: 15px;
}
body.activity-permalink .activity-list li.mini .activity-meta {
position: absolute;
right: 15px;
}
.activity-list li.mini .activity-comments {
clear: left;
font-size: 100%;
margin-top: 30px;
}
.activity-list li .activity-inreplyto {
color: #A6A6A6;
font-size: 85%;
margin-bottom: 15px;
margin-top: 20px;
padding-left: 25px;
background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/replyto_arrow.gif')7px 0 no-repeat;
}
.activity-list li .activity-inreplyto > p {
margin: 0;
display: inline;
}
.activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner {
background: none;
border: none;
display: inline;
padding: 0;
margin: 0;
overflow: hidden;
}
body.activity-permalink .activity-list .activity-avatar img {
width: 100px;
height: 100px;
}
.activity-list .activity-content {
margin-left: 70px;
margin-top: -20px;
}
body.activity-permalink .activity-list li .activity-content {
font-size: 130%;
line-height: 150%;
margin-left: 106px;
margin-right: 0;
margin-top: -25px;
min-height: 35px;
padding: 15px;
}
body.activity-permalink .activity-list li .activity-header > p {
margin-left: -35px;
padding: 5px 0 0 38px;
height: 35px;
margin-bottom: 0;
}
.activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header {
color: #888888;
font-size: 85%;
line-height: 180%;
}
.activity-list .activity-content .activity-header img.avatar {
float: none !important;
margin: 0 5px -8px 0 !important;
}
.activity-list .activity-content a:first-child:focus { outline: none }
.activity-list .activity-content span.time-since { color: #bbb }
.activity-list .activity-content span.activity-header-meta a {
background: none;
padding: 0;
font-size: 85%;
margin: 0;
border: none;
color: #777;
text-decoration: underline;
}
a.bp-primary-action span, #reply-title small a span {
background: none repeat scroll 0 0 #696868;
border: 1px solid #FFFFFF;
border-radius: 3px 3px 3px 3px;
color: #EFEFEF;
font-size: 85%;
margin-left: 2px;
padding: 2px 4px 0;
text-shadow: 0 1px 0 #222222;
}
.activity-list .activity-content span.activity-header-meta a:hover {
color: inherit;
text-decoration: none;
}
.activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote {
background: #FBFBFB;
border: 1px solid #F4F4F4;
margin: 15px 0 15px 5px;
overflow: hidden;
padding: 10px;
}
.activity-list .activity-content .activity-inner p { margin: 0 }
.activity-inner img {
max-width: 100% !important;
height: auto;
}
body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote { margin-top: 5px }
/* Backwards compatibility. */
.activity-inner > .activity-inner { margin: 0 !important }
.activity-inner > blockquote { margin: 0 !important }
.activity-list .activity-content img.thumbnail {
float: left;
margin: 0 10px 5px 0;
border: 2px solid #eee;
}
.activity-list li.load-more {
margin: 15px 0;
padding: 10px 15px;
background: #f0f0f0;
text-align: center;
font-size: 1.2em;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
min-height: 40px;
}
.activity-list li.load-more a { color: #555 }
/* > Activity Stream Comments
--------------------------------------------------------------*/
.activity-permalink div.activity {
margin-left: 30px;
margin-right: 10px;
margin-top: 20px;
}
div.activity-meta {
margin: 0 0 20px 3px;
clear: left;
}
.activity-list div.activity-meta a { font-size: 75%;}
div.activity-comments {
position: relative;
margin: 0 0 0 75px;
width: auto;
overflow: hidden; /* IE fix */
}
body.activity-permalink div.activity-comments {
width: auto;
margin-left: 135px;
background: none;
}
div.activity-comments ul, div.activity-comments ul li {
border: none;
list-style: none;
}
div.activity-comments ul {
clear: left;
padding: 0;
}
div.activity-comments ul li {
background: #FBFBFB;
border: 1px solid #F4F4F4;
padding: 5px;
}
body.activity-permalink div.activity-comments ul li {
border-width: 1px;
padding: 10px 0 0;
}
div.activity-comments ul li p:last-child { margin-bottom: 10px }
div.activity-comments > ul > li:first-child { border-top: none }
div.activity-comments ul li:last-child { margin-bottom: 0 }
div.activity-comments ul li > ul {
margin-top: 0;
margin-left: 20px;
}
body.activity-permalink div.activity-comments ul li > ul { margin-top: 15px }
div.activity-comments div.acomment-avatar img {
float: left;
margin-right: 10px;
height: 30px;
width: 30px;
}
div.activity-comments div.acomment-content {
font-size: 95%;
margin-left: 49px;
margin-top: 5px;
}
#content div.activity-comments li {
background: #FBFBFB;
border: 1px solid #F4F4F4;
padding: 10px 15px;
}
div.acomment-content .time-since { display: none }
div.acomment-content .activity-delete-link { display: none }
div.acomment-content .comment-header { display: none }
body.activity-permalink div.activity-comments div.acomment-content { font-size: 120%; }
div.activity-comments div.acomment-meta {
font-size: 85%;
color: #888;
}
div.acomment-options a {
font-size: 80%;
padding: 0 10px;
}
div.activity-comments form.ac-form {
background: #FAFAFA;
border: 1px solid #F1F1F1;
display: none;
margin: 10px 0 10px 33px;
padding: 8px;
}
div.activity-comments li form.ac-form { margin-right: 15px }
div.activity-comments form.root { margin-left: 0 }
div.activity-comments div#message {
margin-top: 15px;
margin-bottom: 0;
}
div.activity-comments form.loading {
background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif');
background-position: 2% 95%;
background-repeat: no-repeat;
}
div.activity-comments form .ac-textarea {
padding: 8px;
border: 1px inset #ccc;
background: #fff;
margin-bottom: 10px;
}
div.activity-comments form textarea {
width: 100%;
font-family: inherit;
font-size: 85%;
color: #555;
height: 60px;
border: none;
padding: 0;
}
div.activity-comments form input { margin-top: 5px }
div.activity-comments form div.ac-reply-avatar {
float: left;
height: 25px;
width: 25px;
}
div.acomment-avatar img {
height: 40px;
width: 40px;
}
div.ac-reply-avatar img {
height: 25px;
width: 25px;
}
div.activity-comments form div.ac-reply-content {
margin-left: 25px;
padding-left: 15px;
color: #888;
font-size: 85%;
}
/* > Private Message Threads
--------------------------------------------------------------*/
table#message-threads {
border: 0 none;
font-size: 95%;
margin-bottom: 20px;
margin-top: 20px;
padding: 0;
}
table#message-threads th + th, table#message-threads td + td { border-left: 0px solid #F2F2F2 }
table#message-threads tr.unread td {
background: #FFF9DB;
border-top: 1px solid #FFE8C4;
border-bottom: 1px solid #FFE8C4;
font-weight: bold;
}
table#message-threads tr.unread td span.activity { background: #fff }
li span.unread-count, tr.unread span.unread-count {
background: #DD0000;
color: #FFFFFF;
font-weight: bold;
left: 37px;
padding: 2px 8px;
position: relative;
}
div.item-list-tabs ul li a span.unread-count {
padding: 1px 6px;
color: #fff;
}
.messages th, .messages td {
border-top: 1px solid #F4F4F4;
line-height: 18px;
padding: 15px 10px 15px 0;
text-align: left;
}
div.messages-options-nav {
background: transparent;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
font-size: 85%;
padding: 8px 15px;
text-align: right;
}
div.messages-options-nav select { float: right }
.thread-options .button {
font-size: 85%;
left: 10px;
line-height: 21px;
padding: 0 7px;
position: relative;
}
div#message-thread div.message-box {
margin: 0 -20px;
padding: 15px;
}
div#message-thread div.alt { background: #f4f4f4 }
div#message-thread p#message-recipients { margin: 10px 0 20px 0 }
div#message-thread img.avatar {
float: left;
margin: 0 10px 0 0;
vertical-align: middle;
}
div#message-thread strong {
margin: 0;
font-size: 110%;
}
div#message-thread strong a { text-decoration: none }
div#message-thread strong span.activity { margin: 4px 0 0 10px }
div#message-thread div.message-metadata { overflow: hidden }
div#message-thread div.message-content { margin-left: 45px }
div#message-thread div.message-options { text-align: right }
/* > Group Forum Topics
--------------------------------------------------------------*/
ul#topic-post-list {
margin-top: 15px;
width: auto;
}
ul#topic-post-list li {
padding: 15px 15px 15px 0;
position: relative;
}
ul#topic-post-list li.alt { background: #FBFBFB }
ul#topic-post-list li div.poster-meta {
margin-bottom: 10px;
color: #888;
}
ul#topic-post-list li div.post-content { margin-left: 54px }
div.admin-links {
position: absolute;
top: 15px;
right: 25px;
color: #888;
font-size: 85%;
}
div#topic-meta div.admin-links {
bottom: 0;
right: 0;
top: auto;
bottom: 4px;
}
div#topic-meta {
position: relative;
padding: 5px 0;
}
div#new-topic-post {
margin: 0;
padding: 1px 0 0 0;
}
/*
----------------------------------------------------------------
//LAYOUT
+ Global & Wraps
+ Header
+ Navigation Menus
+ Content
+ Sidebar
+ Footer
+ Activity Stream
+ Groups Directory
+ Member Directory
+ Misc.
You can disable the css in this file by adding the following code to your child theme config/infinity.ini file.
cbox-design = off
This allows you to quickly create a custom style for your theme. When you're developing always make sure to turn on Infinity
developer mode by addding the following to your wp-config or functions.php
define( 'INFINITY_DEV_MODE', true );
Infinity combines all the stylesheets into one file called dynamic.css. You can also write CSS using LESS. To learn all about this visit
http://infinity.presscrew.com/learn
--------------------------------------------------------------*/
body {
background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
border-top: 5px solid #4B4A47;
font: 13.6px/140% "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2.page-title a,h2.post-title a,h1.page-title a,h1.post-title a {
color: #545454;
margin-top: 0;
}
h2.page-title,h2.post-title,h1.page-title,h1.post-title {
color: #545454;
margin-top: 0;
}
a {
color: #4183C4;
text-decoration: none;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
-ms-transition: color 0.1s linear;
transition: color 0.1s linear;
}
a:hover {
text-decoration: underline;
}
.base-menu a:hover,#object-nav a:hover,#subnav a:hover,#logo-menu-wrap a:hover,.sidebar-activity-tabs a:hover,#main-menu-wrap a span:hover {
border: none;
text-decoration: none;
}
#header {
background: #111;
border-radius: 5px 5px 0px 0px;
}
/* Also add a border radius to our pseudo element for header background */
#header:before {
border-radius: 5px 5px 0px 0px;
}
h1#site-title,div#site-title {
border-bottom: 2px solid #DDDDDD;
border-radius: 0 12px 12px 0;
border-right: 1px solid #C1C1C1;
border-top: 1px solid #D0CECE;
}
#site-description {
font-style: italic;
color: #999999;
}
.main-wrap {
background: #FFF;
}
/* Global CSS3 Stuff */
.top-menu,.top-wrap .sub-menu,.item-list-tabs,.footer-wrap,thead:first-child tr th,thead:first-child tr td,.base-menu ul ul,.sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected,.docs .toggle-switch,.post-title:before,.doc-content-wrapper .toggle-switch,.mobile-menu-container {
background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
background-image: -moz-linear-gradient(top, #333333 0%, #222222 100%);
background-image: -o-linear-gradient(top, #333333 0%, #222222 100%);
background-image: -ms-linear-gradient(top, #333333 0%, #222222 100%);
background-image: linear-gradient(top, #333333 0%, #222222 100%);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
border-bottom: 1px solid #292525;
border-top: 2px solid #525151;
}
.author-box,.category-box,.tag-box,.info-box,#sidebar,.activity-inner,div.activity-comments form.ac-form,.postthumb img,span.activity,h1#site-title,div#site-title,#inner-sidebar,.sidebar-activity-tabs ul li,div#subnav.item-list-tabs,#top-homepage,.fluid-width-video-wrapper {
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
background-image: linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
-image -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
text-shadow: 0 1px 0 #FFFFFF;
border: 0px;
}
/* Menus */
.base-menu ul a,div.item-list-tabs ul li a,div.item-list-tabs ul li span,#footer-menu ul li a {
color: #FFF;
font-weight: 400;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.base-menu ul a:hover,div.item-list-tabs ul li a:hover,div.item-list-tabs ul li span:hover,#footer-menu ul li a:hover {
color: #BBB;
}
.main-menu {
border-radius: 6px 6px 6px 6px;
font-size: 115%;
}
.main-menu ul a {
font-weight: 500;
border-radius: 6px 6px 6px 6px;
}
.main-menu ul a:hover {
background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
}
.base-menu ul li.current-cat a,.base-menu ul li.current_page_item a,.base-menu ul li.current-menu-item a {
font-weight: bold;
background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
}
.widget h4,#vertical-activity-tabs h4 {
border-bottom: 1px solid #EDEDED;
}
/* Footer */
#footer .footer-widget {
color: #EFEFEF;
font-weight: 400;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
width: 33%;
}
#footer .widget h4 {
border-bottom: 1px solid #3E3C3C;
color: #FFF;
}
#content .homepage-widget {
width: 33%;
}
#powered-by {
min-height: inherit;
}
/* WordPress */
h1#category-title,h1#tag-title {
color: #999;
font-size: 125%;
}
h1#category-title span,h1#tag-title span {
color: #555;
}
/* BuddyPress */
#item-header-avatar img.avatar {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
border-radius: 8px;
}
ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img {
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
/* Activity Stream */
div.activity-meta {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
div.activity-meta:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
}
#vertical-activity-tabs ul li a {
background-color: transparent;
color: #777;
font-weight: bold;
text-shadow: none;
}
#vertical-activity-tabs ul li a:hover {
color: #222;
}
#vertical-activity-tabs ul li.selected a {
color: #EFEFEF;
}
div.item-list-tabs ul li a span {
border-radius: 4px 4px 4px 4px;
color: #999;
}
#subnav ul {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
ul.item-list li:last-child {
border-bottom: 0px;
}
#subnav.item-list-tabs ul li a {
color: #787676;
font-weight: bold;
text-shadow: none;
}
div#subnav.item-list-tabs {
border-bottom: 1px solid #E8E8E8;
border-top: 1px solid #EEEEEE;
-webkit-box-shadow: none;
box-shadow: none;
}
#sidebar .item-list-tabs li.loading a {
background: transparent !important;
background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/ajax-loader.gif') !important;
background-repeat: no-repeat !important;
background-position: 5px 8px !important;
}
span.activity {
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
color: #777777;
font-size: 75%;
font-weight: 400;
}
#powered-by {
border-top: 1px solid #454545;
color: #DDDDDD;
font-weight: bold;
}
#item-body form#whats-new-form {
background: none repeat scroll 0 0 #F8F8F8;
border-bottom: 1px solid #DDDDDD;
}
.bp-user #item-buttons .generic-button a:hover,#profile-nav-menu a:hover {
color: #4183C4;
}
.bp-user #item-buttons .generic-button a {
font-size: 120%;
}
#profile-nav-menu {
margin-bottom: -35px;
margin-top: -10px;
}
#profile-nav-menu a {
font-size: 90%;
}
.sidebar-activity-tabs ul li a {
color: #777;
font-weight: bold;
}
.sidebar-activity-tabs ul li a:hover {
color: #222;
}
.sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
color: #A6A4A3;
font-size: 75%;
font-weight: bold;
}
.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
background: none repeat scroll 0 0 #333333;
color: #999999;
border: 1px solid #282828;
}
#vertical-activity-tabs ul li span {
background: transparent;
}
.sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.sidebar-activity-tabs .profile-subnav li.selected {
background: none repeat scroll 0 0 #363636;
border-top: 1px solid #3E3D3D;
}
.sidebar-activity-tabs ul.profile-subnav li.current.selected a {
color: #FFF;
font-weight: bold;
}
.sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a {
color: #EFEFEF;
font-weight: bold;
}
.sidebar-activity-tabs ul li:hover a {
font-weight: bold;
}
/* Second Level */
#object-nav ul.profile-subnav {
border-bottom: 0 none;
border-top: 1px solid #1A1A1A;
}
ul.profile-subnav li {
text-shadow: 0 1px 0 #111111;
border-top: 1px solid #444;
border-bottom: 1px solid #333;
background: none repeat scroll 0 0 #363636;
}
ul.profile-subnav li a:before {
color: #4D4D4D;
content: "+";
font-size: 100%;
margin-left: 0;
padding-right: 7px;
position: relative;
top: 1px;
}
.sidebar-activity-tabs ul li.current ul.profile-subnav li a {
color: #AAAAAA;
font-weight: normal;
}
ul.profile-subnav li.current a:before {
color: inherit;
}
.sidebar-activity-tabs ul li.current ul.profile-subnav li a:hover {
color: #FFF;
}
.edit-notifications-button:before {
content: "_";
}
.edit-avatar-button:before {
content: "2";
}
.edit-password-button:before {
content: "y";
}
.edit-profile-button:before {
content: "9";
}
/* ======== */
/* ! Misc */
/* ======== */
thead:first-child tr th,thead:first-child tr td {
color: #DDD;
}
div#invite-list {
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #E4E4E4;
}
ul.item-list li {
border-bottom: 1px solid #F5F5F5;
padding-top: 30px;
padding-bottom: 20px;
}
/* ======== */
/* ! HomePage */
/* ======== */
.flexslider .slides img {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.flex-caption {
background-image: url('VU-Community/wp-content/themes/cbox-theme/engine/includes/feature-slider/assets/images/slides-bg.png');
color: #FFF;
text-shadow: 0 1px 0 #000000;
border-top: 1px solid #545353;
}
.flex-caption h2 {
color: #EFEFEF;
}
/* ======== */
/* ! Docs */
/* ======== */
thead:first-child tr th a,thead:first-child tr td a {
color: #EFEFEF;
}
.docs .doc-tabs {
background: none repeat scroll 0 0 #FFFFFF;
}
.docs .doc-tabs li a {
border-radius: 5px 5px 5px 5px;
}
.docs .toggle-content {
border: 1px solid #DDD;
border-radius: 0px 0px 3px 3px;
}
.docs div.docs-info-header {
background: transparent;
}
/* Email Nofications */
.single-item .group-subscription-div {
color: green;
}
/*
Theme Name: Balance Responsive Theme
Parent styles */
/* This stylesheet contains a bunch of extra stuff like buttons and Menu Icons you can use across your theme.*/
/*
/* Columns Shortcodes*/
/*--------------------------------------------------------------
1.1 - iPad Landscape
--------------------------------------------------------------*/
body { min-width: inherit }
@media only screen and (max-width: 768px) {
html {
margin-top: 0 !important;
}
body {
margin-top: -28px;
}
#wpadminbar,
.twipsy { display: none !important }
#sidebar {
min-height: auto !important;
}
body #wrapper {
margin: 0 10px 10px;
}
.main-menu select.mobileMenu {
float: right;
}
.callout-box,
.flex-caption,
#feature-box h3 { display: none }
.callout-box { padding: 0px }
html.js { margin-top: 0 !important }
img,
fieldset {
max-width: 100%;
height: auto;
}
ul.sf-menu,
div.menu ul { display: none }
div.item-list-tabs select {
margin-left: 20px;
margin-top: 10px;
}
#subnav select { margin-top: 5px }
.mobileMenu { margin-top: 5px }
.post-category,
.time-posted { display: none }
body select.mobileMenu {
background: none repeat scroll 0 0 transparent;
border: 1px solid #555555;
border-radius: 2px 2px 2px 2px;
box-shadow: none;
color: #EFEFEF;
float: left;
margin-right: 10px;
width: 30%;
}
#wpadminbar{ display: none }
div#content .padder {
margin-right: 0;
width: auto;
float: none;
border: none;
}
#item-header-avatar img.avatar {
width: 40%;
}
}
/*--------------------------------------------------------------
1.2 - iPad Portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
div.dir-search {
float: none;
margin: 1.25em 0 0;
}
div#item-header div#item-header-content { margin-left: 0px }
#div.activity-comments { margin: 0 }
#feature-box #callout-button {
position: inherit;
position: inherit;
right: inherit;
top: inherit;
}
li.featured-item { text-align: center }
div#item-header img.avatar {
height: 80px !important;
width: 80px !important;
}
div#item-header ul img.avatar,
div#item-header ul.avatars img.avatar {
height: 30px !important;
margin: 2px;
width: 30px !important;
}
.activity-header p { line-height: 280% !important }
.activity-list .activity-content .activity-header img.avatar { display: none }
.my-account .activity-avatar {
display: none;
}
.pie-easy-exts-features-header-logo img {
margin-top: 8px;
width: 224px;
}
div.dir-search {
float: none;
margin: 1.25em 0 0;
}
ul.item-list li div.action {
padding-left: 64px;
position: relative;
right: auto;
text-align: left;
top: 1em;
margin-bottom: 1.25em;
}
.activity-list li.mini { display: none }
div.dir-search { position: inherit }
ul.item-list li div.action {
padding-left: 64px;
position: relative;
right: auto;
text-align: left;
top: 1em;
margin-bottom: 1.25em;
}
.activity-list .activity-content { margin-left: 0 }
div.activity-comments {
margin: 0;
}
}
/*--------------------------------------------------------------
2.0 - Smartphone (any)
--------------------------------------------------------------*/
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { }
@media only screen and (max-width: 480px) {
body {
width: 100%;
}
#logo-menu-wrap img { max-width: 140px }
#copyright-info { text-align: center }
#site-title { top: 10% !important }
.activity-list li.mini .activity-content p { width: 440% !important }
}
/*--------------------------------------------------------------
3.0 - iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
#sidebar { width: 100% !important }
form#groups-directory-form h3 a {
display: block;
margin-top: 0.6em;
}
form#whats-new-form div#whats-new-avatar { display: none }
form#whats-new-form h5 { margin: 0 0 0 0px }
form#whats-new-form #whats-new-content {
margin-left: 0px;
padding-left: 0px;
}
body.activity-permalink .activity-list li .activity-content { margin-left: 0 }
body.activity-permalink .activity-list li.mini .activity-meta { left: 0 }
}
/*--------------------------------------------------------------
2.0 - Smartphone (any)
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
div.item-list-tabs ul li.last {
float: none;
margin: 0.3em 0.6em;
}
div#subnav.item-list-tabs ul li.last { margin-top: 1em }
div#subnav ul { padding-top: 0.6em }
div.pagination { padding: 0.6em }
div.item-list-tabs ul { padding-top: 0 }
div.item-list-tabs ul li { margin-top: 0 }
form.standard-form #basic-details-section,
form.standard-form #blog-details-section,
form.standard-form #profile-details-section {
float: none;
width: 100%;
}
div.item-list-tabs { height: auto !important }
}
/* --------------------------------------------------
:: Forms
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
input.input-text,
input.input-text.oversize,
textarea,
form.nice input.input-text,
form.nice input.input-text.oversize,
form.nice textarea {
display: block;
width: 96%;
padding: 6px 2% 4px;
font-size: 18px;
}
form.nice input.input-text,
form.nice input.input-text.oversize,
form.nice textarea {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
form.nice small.error {
padding: 6px 2%;
display: block;
}
form.nice .small + .error { width: auto }
form.nice .medium + .error { width: auto }
form.nice .large + .error { width: auto }
}
/* --------------------------------------------------
:: UI
---------------------------------------------------*/
/* Buttons */
@media only screen and (max-width: 767px) {
.button { display: block }
button.button {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
*/
/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }
.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }
/* Very large display targeting */
@media only screen and (min-width: 3441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; }
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 3279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
.hide-for-portrait, .show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }
.hide-for-touch { display: block !important; }
.touch .show-for-touch { display: block !important; }
.touch .hide-for-touch { display: none !important; }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }
h1.icext-feature.icext-header-logo,
div.icext-feature.icext-header-logo {
margin: 0;
}
h1.icext-feature.icext-header-logo a,
div.icext-feature.icext-header-logo a {
display: block;
position: absolute;
margin: 0;
}
/*+++ generating style ***/
div#icext-16f6e2e3 a,h1#icext-16f6e2e3 a {
position: absolute;
left: inherit;
}
/*--- style generation complete! */
.row {
width: 1150px;
}
/* Global Padding */
#content,#sidebar,#content-full,#footer,#header{
padding: 30px;
}
/* Global Negative Horizontal Padding */
#bbpress-forums,
div.bbp-breadcrumb,
#item-body form#whats-new-form,
div.item-list-tabs,
#powered-by,
#header #site-title,
.negative,
#group-navigation,
#profile-sidebar,
.sidebar-activity-tabs,
#sidebar .widget h4,
#vertical-activity-tabs,
.sidebar-activity-tabs ul li,
#content ul.item-list li {
margin-left: -30px;
margin-right: -30px;
padding-left: 30px;
padding-right: 30px;
}
/* Global Negative Vertical Padding */
#profile-sidebar {
margin-bottom: -30px;
margin-top: -30px;
padding-bottom: 30px;
padding-top: 30px;
}
#header {
padding-bottom: 30px;
padding-top: 30px;
height: 120px;
}
h1#site-title,div#site-title {
padding: 10px 30px 6px;
}
#site-description {
position: relative;
font-size: 14px;
line-height: 180%;
}
#infinity-base .icext-feature a {
left: 0px;
position: inherit;
}
#infinity-base .icext-feature {
position: absolute;
}
/* Menus */
#main-menu-wrap {
padding: 10px 0 0;
}
.base-menu {
padding-left: 20px;
padding-right: 20px;
}
#main-menu-wrap .sub-menu { margin: 8px 0 0 }
.base-menu .sub-menu { padding-left: 0px !important }
.top-wrap .base-menu.sub-menu { border-top: 0; }
.main-menu {
padding: 5px;
}
.main-menu ul a {
margin-right: 10px;
}
/* Widgets */
.widget { margin: 0 0 20px }
#content .widget .item-list li {margin: auto; padding-left: 0px; padding-right: 0px;}
#category-description, #tag-description {
padding: 10px 10px 10px 0;
}
.widget h4,#vertical-activity-tabs h4 {
padding-bottom: 10px;
padding-top: 10px;
}
.authorbox h3 {
padding-left: 25px;
}
.comment-container {
padding: 10px;
}
.children .comment-container {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#comments .reply {
left: inherit;
top: 45px;
}
/* Footer */
#footer {
padding-top: 0px;
}
/* ======== */
/* ! HomePage */
/* ======== */
#top-homepage {
margin: -30px -30px 30px;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
#top-homepage .flexslider {
border: 0px;
border-radius: 0px;
margin: 0 0 60px;
position: relative;
}
.flex-caption {
bottom: 0;
position: absolute;
width: inherit;
padding-top: 20px;
padding-bottom: 20px;
}
.flex-caption p,.flex-caption h3 {
padding-left: 20px;
padding-right: 20px;
}
/* Avatars */
ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img {
margin-left: 0;
padding: 0;
width: 50px;
height: auto;
}
ul.item-list li img.avatar {
width: 40px;
height: 40px;
}
.avatar-block,.activity-avatar {
padding-left: 2px;
}
.activity-list .activity-content .activity-header img.avatar {
float: none !important;
height: 20px;
margin: 0 5px 0 0 !important;
width: 20px;
}
#whats-new-avatar img {
width: 60px;
height: 60px;
}
/* Get rid of the Group Avatars in the stream updates */
.activity-header .avatar {
display: none;
}
/* Activity Stream */
div.activity-meta {
margin-bottom: 0;
}
.activity-list li.mini .activity-meta {
position: absolute;
right: 20px;
top: 10px;
}
.sidebar-activity-tabs {
padding-bottom: 30px;
}
#vertical-activity-tabs {
background: none repeat scroll 0 0 transparent;
margin-top: 0;
}
#vertical-activity-tabs,#group-navigation,#profile-navigation {
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
}
#vertical-activity-tabs ul li {
float: none !important;
}
#vertical-activity-tabs ul {
overflow: inherit;
}
#subnav ul {
border-top: 0px;
padding: 0;
}
#sidebar .item-list-tabs li.loading a {
padding-left: 30px !important;
}
div.item-list-tabs {
clear: both;
min-height: 37px;
position: relative;
}
.activity-list div.activity-meta a {
font-size: 70%;
}
.activity-list .activity-content .activity-inner,.activity-list .activity-content blockquote {
padding: 20px;
margin-right: 5px;
}
div.item-options {
font-size: 80%;
margin-bottom: -16px;
margin-top: -16px;
}
span.activity {
margin-bottom: 7px;
margin-top: 0;
padding: 0 5px;
}
/* Members */
#profile-nav-menu ul {
list-style: none outside none;
}
.sidebar-activity-tabs ul {
list-style: none outside none;
margin: 30px 0 0;
}
.sidebar-activity-tabs ul li {
padding-bottom: 3px;
padding-top: 5px;
}
.sidebar-activity-tabs ul li a {
display: block;
padding-bottom: 10px;
padding-right: 0;
padding-top: 10px;
}
.sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected {
padding: 10px 0 12px 30px;
}
.sidebar-activity-tabs .profile-subnav li.selected {
padding-bottom: 3px;
padding-left: 30px;
padding-top: 5px;
}
#item-body form#whats-new-form {
margin-top: -20px;
padding-bottom: 10px;
padding-top: 30px;
}
.sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a {
margin-bottom: -10px;
margin-top: -5px;
}
/* Profile Action Buttons */
.bp-user #item-buttons .generic-button,
#profile-nav-menu a {
background: none repeat scroll 0 0 transparent;
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
margin-bottom: -18px;
padding: 3px 8px;
}
/* Use some CSS to hide horizontal navigation */
div#subnav.item-list-tabs ul li {
display: none;
}
/* We still need to show some stuff though */
div.item-list-tabs ul li.last,.group-admin .item-list-tabs ul li,single-bp_doc .item-list-tabs ul li {
display: block !important;
}
/* Profile Navigation and Groups Navigation */
/* First Level */
.groups div#subnav.item-list-tabs .sidebar-activity-tabs {
margin-bottom: 30px;
}
.sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
display: inline;
margin-left: 2px;
padding: 2px 5px;
}
/* Second Level */
#object-nav ul.profile-subnav {
margin: 15px 0 -12px -30px;
padding-left: 30px;
}
ul.profile-subnav li {
-webkit-box-shadow: none;
box-shadow: none;
margin-right: 0px;
font-size: 90%;
}
ul.profile-subnav li a:before {
padding-left: 30px;
}
ul.profile-subnav li a {
padding-left: 30px;
}
.sidebar-activity-tabs ul li.current ul.profile-subnav li a {
padding-bottom: 8px;
padding-top: 8px;
margin: inherit;
}
/* FIX: hide the horizontal navigation on settings pages using CSS */
.settings #item-nav {
display: none;
}
/* widgets */
div.item-options {
float: right;
margin-right: 0px;
margin-top: -45px;
font-size: 70%;
}
/* ======== */
/* ! Misc */
/* ======== */
div#item-header div#item-header-content {
margin-left: 0;
}
#item-header-avatar img {
float: none;
}
thead:first-child tr th,thead:first-child tr td {
padding-left: 10px;
padding-right: 10px;
}
form#send-invite-form .main-column {
margin-left: 190px;
}
div#invite-list {
height: 400px;
overflow: scroll;
padding: 5px;
width: 160px;
float: left;
}
ul.item-list li div.action {
right: 30px;
}
/* ======== */
/* ! Docs */
/* ======== */
.theme-option div.doc-content
{
border: 0px;
padding: 0px;
}
#doc-title {
width: 70%;
}
#doc_content {
min-height: 300px;
}
#content-label {
margin-bottom: -25px;
margin-top: 25px;
}
.theme-option .toggle-content {
border-color: #CCCCCC;
border-image: none;
border-radius: 0 0 5px 5px;
}
.single-bp_doc .content-column {
float: none !important;
}
.doc-tabs li {
list-style: none outside none;
}
#content .doc-tabs li a {
border-radius: 3px;
padding: 10px 15px;
}
.single-bp_doc .doc-tabs {
margin-right: 20px;
margin-top: -20px;
overflow: hidden;
margin-bottom: 20px;
}
.single-bp_doc .toggle-switch {
padding: 8px 12px;
}
.single-bp_doc divsingle-bp_doc-info-header {
padding: 0px;
}
.single-bp_doc label {
margin-top: 20px;
}
.doc-tabs ul {
margin-left: 0;
padding: 0;
}
thead:first-child tr th, thead:first-child tr td {
width: 0;
}
#bp-create-doc-button {
padding: 2px 10px 7px;
}
.doc-content-wrapper .toggle-switch {
padding: 8px 10px;
}
/* ======== */
/* ! Wiki */
/* ======== */
body.wiki.single-bp_doc #subnav {
display: none;
}
/* BBPress Bleeding */
.groups.forums #item-header {
display: none;
}
#bbpress-forums {
font-size: inherit;
}
/* ============ */
/* ! Tooltips */
/* ============ */
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
}
.tooltip.right {
margin-left: -5%;
margin-top: -25px !important;
}
.tooltip.bottom {
margin-top: -20px;
}
.tooltip.left {
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/*RESPONSIVE TWEAKS*/
.mobile-menu-container {
display: none;
}
.mobile-menu-container select {
width: 70%;
}
.mobile-menu-container a.button {
font-size: 80%;
padding: 5px 8px;
position: absolute;
right: 10px;
top: -5px;
}
@media only screen and (max-width: 768px) {
#header {
margin-top: 20px;
}
.mobile-menu-container {
display: block;
margin-left: -10px;
margin-right: -10px;
margin-top: -1px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
position: fixed;
top: 1px;
width: 100%;
z-index: 100;
}
}
#activity-tour-favorites {
left: 30%;
position: relative;
top: 211px;
}
/*+++ generating style ***/
#profile-sidebar {
position: relative;
z-index: 1;
}
/*--- style generation complete! */
/*+++ generating style ***/
#profile-sidebar:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png");
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #profile-sidebar:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option {
background-repeat: repeat;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #header {
background-repeat: repeat;
}
/*--- style generation complete! */
/*+++ generating style ***/
#header:before {
position: relative;
z-index: 1;
}
/*--- style generation complete! */
/*+++ generating style ***/
#header:before:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/woven.png");
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #header:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
.main-menu {
position: relative;
z-index: 1;
}
/*--- style generation complete! */
/*+++ generating style ***/
.main-menu:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/bgnoise_lg.png");
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option .main-menu:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
.top-menu {
position: relative;
z-index: 1;
}
/*--- style generation complete! */
/*+++ generating style ***/
.top-menu:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png");
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option .top-menu:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option .sub-menu:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #content {
background-repeat: repeat;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #content:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #sidebar {
background-repeat: repeat;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #sidebar:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option #sidebar .widget:before {
opacity: 0.2;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option .footer-wrap {
background-repeat: repeat;
}
/*--- style generation complete! */
/*+++ generating style ***/
body.theme-option .footer-wrap:before {
opacity: 0.2;
}
/*--- style generation complete! */