Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ! 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! */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement