Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

/wp-content/uploads/exports/cbox-theme/dynamic.css File

By: Hope-82 on Nov 28th, 2012  |  syntax: CSS  |  size: 117.70 KB  |  views: 44  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* ! The Reset
  2.  
  3. The Infinity Reset. If you want to use another one add this to your
  4. Child Theme config/infinity.ini
  5.  
  6. infinity-reset-style = off
  7.  
  8. /*
  9. ================================================== */
  10. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  11. audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  12. audio:not([controls]) { display: none; }
  13. [hidden] { display: none; }
  14.  
  15. html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  16. body { margin: 0; /* add your base font-size and line-height here */ }
  17. button, input, select, textarea { font-family: sans-serif; }
  18.  
  19. a { text-decoration: none; }
  20. a:focus { outline: thin dotted; }
  21. a:hover, a:active { outline: 0; }
  22.  
  23. abbr[title] { border-bottom: 1px dotted; }
  24. b, strong { font-weight: bold; }
  25. blockquote { margin: 1em 40px; }
  26. dfn { font-style: italic; }
  27. hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
  28. pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
  29. pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  30. q { quotes: none; }
  31. q:before, q:after { content: ""; content: none; }
  32. small { font-size: 85%; }
  33. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  34. sup { top: -0.5em; }
  35. sub { bottom: -0.25em; }
  36. dd { margin: 0 0 0 40px; }
  37. nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  38. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  39. svg:not(:root) { overflow: hidden; }
  40. figure { margin: 0; }
  41.  
  42. form { margin: 0; }
  43. fieldset { border: 0; margin: 0; padding: 0; }
  44. label { cursor: pointer; }
  45. legend { border: 0; *margin-left: -7px; padding: 0; }
  46. button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  47. select {
  48.     background-color: #FFFFFF;
  49.     border: 1px solid #C4C1C1;
  50.     border-radius: 2px 2px 2px 2px;
  51.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);
  52.     color: #777777;
  53.     font-size: 90%;
  54.     font-weight: bold;
  55.     padding: 4px 2px 2px;
  56. }
  57. button, input { line-height: normal; }
  58. button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
  59. input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
  60. input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  61. input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  62. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  63. textarea { overflow: auto; vertical-align: top; resize: vertical; }
  64. input:valid, textarea:valid {  }
  65. input:invalid, textarea:invalid { background-color: #f0dddd; }
  66.  
  67. table { border-collapse: collapse; border-spacing: 0; }
  68. td { vertical-align: top; }
  69.  
  70. /* Lists ---------------------- */
  71. ul, ol { list-style-position: inside; }
  72. ul li ul { margin-left: 20px; margin-bottom: 0; list-style: outside; }
  73. ul.square, ul.circle, ul.disc { margin-left: 17px; }
  74. ul.square { list-style-type: square; }
  75. ul.square li ul { list-style: inherit; }
  76. ul.circle { list-style-type: circle; }
  77. ul.circle li ul { list-style: inherit; }
  78. ul.disc { list-style-type: disc; }
  79. ul.disc li ul { list-style: inherit; }
  80. ul.no-bullet { list-style: none; }
  81. ul.large li { line-height: 21px; }
  82.  
  83. /* Tables ---------------------- */
  84. table {
  85.   width: 100%;
  86.   margin-bottom: 18px;
  87. }
  88. th, td {
  89.   padding: 8px;
  90.   line-height: 18px;
  91.   text-align: left;
  92.   border-top: 1px solid #ddd;
  93. }
  94. th {
  95.   font-weight: bold;
  96.   vertical-align: bottom;
  97. }
  98. td {
  99.   vertical-align: middle;
  100. }
  101. thead:first-child tr th, thead:first-child tr td {
  102.   border-top: 0;
  103. }
  104. tbody + tbody {
  105.   border-top: 2px solid #ddd;
  106. }
  107. .post dl { margin-bottom: 18px }
  108. .post dl dt { font-weight: bold }
  109. .muted { color: #bfbfbf }
  110. blockquote {
  111.     margin-bottom: 18px;
  112.     border-left: 5px solid #eee;
  113.     padding-left: 15px;
  114. }
  115. blockquote small {
  116.     display: block;
  117.     font-size: 85.7%;
  118.     font-weight: 300;
  119.     line-height: 18px;
  120.     color: #bfbfbf;
  121. }
  122. blockquote p {
  123.     font-size: 100%;
  124.     font-weight: 300;
  125.     margin-bottom: 0;
  126. }
  127. address {
  128.     display: block;
  129.     line-height: 18px;
  130.     margin-bottom: 18px;
  131. }
  132. code, pre {
  133.     padding: 0 3px 2px;
  134.     -webkit-border-radius: 3px;
  135.     -moz-border-radius: 3px;
  136.     border-radius: 3px;
  137. }
  138. code {
  139.     background-color: #fee9cc;
  140.     color: rgba(0, 0, 0, 0.75);
  141.     padding: 1px 3px;
  142. }
  143. pre {
  144.     display: block;
  145.     padding: 8.5px;
  146.     margin: 0 0 18px;
  147.     line-height: 18px;
  148.     font-size: 85.7%;
  149.     border: 1px solid #ccc;
  150.     border: 1px solid rgba(0, 0, 0, 0.15);
  151.     -webkit-border-radius: 3px;
  152.     -moz-border-radius: 3px;
  153.     border-radius: 3px;
  154.     white-space: pre;
  155.     white-space: pre-wrap;
  156.     word-wrap: break-word;
  157. }
  158. pre code {
  159.         background: transparent;
  160. }
  161. legend {
  162.   display: block;
  163.   width: 100%;
  164.   margin-bottom: 27px;
  165.   font-size: 19.5px;
  166.   line-height: 36px;
  167.   color: #666;
  168.   border-bottom: 1px solid #eee;
  169.   -webkit-margin-collapse: separate;
  170. }
  171. label,
  172. input,
  173. select,
  174. textarea {
  175.   font-size: normal;
  176.   font-weight: 13px;
  177.   line-height: 18px;
  178.   margin-bottom: 10px;
  179. }
  180. label {
  181.     color: #999999;
  182.     display: block;
  183.     font-size: 80%;
  184.     font-weight: bold;
  185.     margin: 5px 0;
  186.     text-transform: uppercase;
  187. }
  188. label ul {
  189.         padding: 0;
  190. }
  191. label li {
  192.         text-transform: none;
  193.         color: inherit;
  194.         font-weight: normal;
  195. }
  196. input[type=image], input[type=checkbox], input[type=radio] {
  197.   width: auto;
  198.   height: auto;
  199.   padding: 0;
  200.   margin: 3px;
  201.   *margin-top: 0;
  202.   /* IE6-7 */
  203.  
  204.   line-height: normal;
  205.   border: none;
  206.   cursor: pointer;
  207. }
  208. input[type=file] {
  209.   padding: initial;
  210.   line-height: initial;
  211.   border: initial;
  212.   background-color: #ffffff;
  213.   background-color: initial;
  214.   -webkit-box-shadow: none;
  215.   -moz-box-shadow: none;
  216.   box-shadow: none;
  217. }
  218. input[type=button], input[type=reset], input[type=submit] {
  219.   width: auto;
  220.   height: auto;
  221. }
  222. select, input[type=file] {
  223.   height: 27px;
  224.   *margin-top: 4px;
  225.   /* For IE7, add top margin to align select with labels */
  226.   line-height: 27px;
  227. }
  228. select[multiple], select[size] {
  229.   height: inherit;
  230. }
  231. input[type=image] {
  232.   -webkit-box-shadow: none;
  233.   -moz-box-shadow: none;
  234.   box-shadow: none;
  235. }
  236. textarea {
  237.   height: auto;
  238. }
  239. .radio, .checkbox {
  240.   padding-left: 18px;
  241. }
  242. .radio input[type=radio], .checkbox input[type=checkbox] {
  243.   float: left;
  244.   margin-left: -18px;
  245.  }
  246. input, textarea {
  247.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  248.   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  249.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  250.   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  251.   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  252.   -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  253.   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  254.   transition: border linear 0.2s, box-shadow linear 0.2s;
  255.   padding: 10px;
  256. }
  257. input:focus, textarea:focus {
  258.   border-color: rgba(82, 168, 236, 0.8);
  259.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  260.   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  261.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  262.   outline: 0;
  263. }
  264. input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  265.   -webkit-box-shadow: none;
  266.   -moz-box-shadow: none;
  267.   box-shadow: none;
  268.   outline: 1px dotted #666;
  269. }
  270. /* ============================================= */
  271. /* ! Typography and Tags (ul, li,a, input etc)   */
  272. /* ============================================= */
  273. body {
  274.     /* Fix for webkit rendering */
  275.     font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  276.     color: #444;
  277.     -webkit-text-size-adjust: 100%;
  278.         -ms-text-size-adjust: 100%;
  279.         text-rendering: optimizeLegibility;
  280.         -webkit-font-smoothing: antialiased;
  281. }
  282.  
  283. h1, h2, h3, h4, h5, h6 {
  284.     font-weight: bold;
  285. }
  286. h1 {
  287.     font-size: 2em;
  288.     line-height: 1.15em;
  289.     margin: .5em 0 1em 0;
  290. }
  291. h2 {
  292.     font-size: 1.75em;
  293.     line-height: 1.15em;
  294.     margin: .5em 0 1em 0;
  295. }
  296. h3 {
  297.     font-size: 1.5em;
  298.     line-height: 1.15em;
  299.     margin: .5em 0 1em 0;
  300. }
  301. h4 {
  302.     font-size: 1.25em;
  303.     line-height: 1.15em;
  304.     margin: .5em 0 1em 0;
  305. }
  306. h5 {
  307.     font-size: 1em;
  308.     line-height: 1.6em;
  309.     margin: 0 0 .5em 0;
  310. }
  311. h6 {
  312.     font-size: .75em;
  313.     line-height: 1.6em;
  314.     margin: 0 0 .5em 0;
  315. }
  316. h1#category-title,
  317. h1#tag-title {
  318.     font-style: normal;
  319.     color: #999;
  320.     font-size: 114.3%;
  321.     line-height: 18px;
  322.     margin: 0;
  323. }
  324. h1#category-title span,
  325. h1#tag-title span { color: #555 }
  326.  
  327. h2.page-title a, h2.post-title a, h1.page-title a, h1.post-title a {
  328.     margin-bottom: 0;
  329.     margin-top: 0;
  330. }
  331. h2.page-title a:hover, h2.post-title a:hover, h1.page-title a:hover, h1.post-title a:hover { color: #999 }
  332.  
  333. h1 .post-edit-link, h2 .post-edit-link {
  334.     font-size: 27px !important;
  335.     line-height: 0;
  336. }
  337.  
  338. .moretag { margin-left: 10px }
  339. /*
  340. ----------------------------------------------------------------
  341. //LAYOUT
  342.         + Global & Wraps
  343.         + Header
  344.         + Navigation Menus
  345.         + Content
  346.         + Sidebar
  347.         + Footer
  348.         + Tables
  349.         + Forms
  350.        
  351. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
  352.  
  353. infinity-layout-style = off
  354. --------------------------------------------------------------*/
  355. /* ================== */
  356. /* ! Global & Wraps   */
  357. /* ================== */
  358. body {
  359.     -webkit-font-smoothing: antialiased;
  360.     -webkit-text-size-adjust: none;
  361. }
  362. #wrapper {
  363.         padding-bottom: 20px;
  364.     padding-top: 20px;
  365.     margin: auto;
  366. }
  367. /* ========== */
  368. /* ! Header   */
  369. /* ========== */
  370. #header {
  371.     position: relative;
  372. }
  373.  
  374. #header:after {
  375.     content:"";
  376.     clear:both;
  377.     display:block;
  378. }
  379.  
  380. h1#site-title,div#site-title {
  381.     line-height: 180%;
  382.     font-weight: bold;
  383.     font-size: 200%;
  384.     margin: -15px 0 0;
  385.     width: auto;
  386.     float: left;
  387. }
  388. #site-title a {
  389.     margin-bottom: -29px;
  390.     display: block;
  391. }
  392. /* ========================== */
  393. /* ! /* Navigation Menus */   */
  394. /* ========================== */
  395. /* Menu Wraps */
  396.  
  397. /* Top Menu */
  398. #top-menu-wrap, #sub-menu-wrap {
  399.     position: relative;        
  400. }
  401.  
  402. #top-menu-wrap {
  403.     margin-bottom: -6px;
  404.     /* setting z-index for dropdowns. do not mess with this */
  405.     z-index: 12 !important;
  406. }
  407.  
  408. #main-menu-wrap {
  409.     padding: 0;
  410.     /* setting z-index for dropdowns. do not mess with this */
  411.     z-index: 11 !important;
  412. }
  413. #main-menu-wrap ul.sub-menu { z-index: 99 !important }
  414.  
  415. #sub-menu-wrap {
  416. /* setting z-index for dropdowns. do not mess with this */
  417.         z-index: 10 !important;
  418.     margin-bottom: -3px;
  419. }
  420.  
  421. /* ===================== */
  422. /* ! Base Menu Styling   */
  423. /* ===================== */
  424. #main-menu-wrap .main-menu {
  425.     float: right;
  426.     font-size: 110%;
  427.     width: auto;
  428. }
  429. .base-menu {
  430.         display: inline-block;
  431.     width: 100%;
  432.     box-sizing: border-box;
  433.     -moz-box-sizing: border-box;
  434.     webkit-box-sizing: border-box;
  435. }
  436. .base-menu ul li {
  437.     float: left;
  438.     position: relative;
  439.     list-style-type: none;
  440. }
  441. .base-menu ul li.right {
  442. float: right;  
  443. }
  444. .base-menu ul li li:hover ul,
  445. .base-menu ul li li.sfHover ul,
  446. .base-menu ul li li li:hover ul,
  447. .base-menu ul li li li.sfHover ul,
  448. .base-menu ul li li li li:hover ul,
  449. .base-menu ul li li li li.sfHover ul {
  450.     /* match .nav ul width */
  451.     top: -1px;
  452.     left: 180px;
  453. }
  454. .base-menu ul li:hover {
  455.     visibility: inherit; /* fixes IE7 'sticky bug' */
  456. }
  457. .base-menu ul li:hover li ul,
  458. .base-menu ul li.sfHover li ul,
  459. .base-menu ul li li:hover li ul,
  460. .base-menu ul li li.sfHover li ul,
  461. .base-menu ul li li li:hover li ul,
  462. .base-menu ul li li li.sfHover li ul { top: -9999em }
  463. .base-menu ul li:hover ul,
  464. .base-menu ul li.sfHover ul {
  465.     top: 27px;
  466.     /* match top ul list item height */
  467.     left: 0px;
  468.     z-index: 95;
  469. }
  470. .base-menu ul ul {
  471.     top: -9999em;
  472.     width: 210px;
  473.     /* left offset of submenus need to match (see below) */
  474.     margin: 3px 0 0 0;
  475.     padding: 15px 5px 15px 5px;
  476.     z-index: 50;
  477.     position: absolute;
  478. }
  479. .base-menu ul ul li {
  480.     float: left;
  481.     width: 150px;
  482.     padding: 0 5px 0 5px;
  483. }
  484. .base-menu ul ul ul {
  485.         margin-left: -10px;
  486. }
  487. .base-menu ul ul li { width: 85% }
  488. .base-menu ul ul li:first-child { border-top: none }
  489. .base-menu ul ul li:last-child { border-bottom: none }
  490. .base-menu ul ul li a {
  491.     width: 180px;
  492. }
  493. .base-menu ul a {
  494.     float: left;
  495.     padding: 8px 10px;
  496. }
  497.  /* Page Currently being viewed */
  498. .base-menu li li a:hover,
  499. .base-menu li.sfHover li a { background: none }
  500. .base-menu li li a span.sf-sub-indicator,
  501. .base-menu li.sfHover li a span.sf-sub-indicator {
  502.     float: right;
  503.     margin: 5px 0 0 0;
  504. }
  505. .base-menu li li a span { padding: 0; color: #BBB; }
  506. .base-menu ul li.sfHover li a,
  507. .base-menu ul li.sfHover li a:hover,
  508. .base-menu ul li.sfHover li a span:hover {
  509. color: #DDD;
  510. }
  511. /*  Make sub menus appear */
  512. .base-menu ul li:hover ul,
  513. .base-menu ul li.sfHover ul {
  514.     top: 34px; /* match top ul list item height */
  515.     z-index: 99;
  516. }
  517. /* Hide all subs subs (4 levels deep) */
  518. .base-menu ul li:hover li ul,
  519. .base-menu ul li.sfHover li ul,
  520. .base-menu ul li li:hover li ul,
  521. .base-menu ul li li.sfHover li ul,
  522. .base-menu ul li li li:hover li ul,
  523. .base-menu ul li li li.sfHover li ul { top: -9999em }
  524. /* Displays all subs subs (4 levels deep) */
  525. .base-menu ul li li:hover ul,
  526. .base-menu ul li li.sfHover ul,
  527. .base-menu ul li li li:hover ul,
  528. .base-menu ul li li li.sfHover ul,
  529. .base-menu ul li li li li:hover ul,
  530. .base-menu ul li li li li.sfHover ul {
  531.     left: 180px; /* match .nav ul width */
  532.     top: -1px;
  533. }
  534. /* 2nd level skin */
  535. .base-menu ul ul {
  536.     position: absolute;
  537.     top: -9999em;
  538.     width: 180px; /* left offset of submenus need to match (see below) */
  539.     padding: 15px 5px 15px 5px;
  540.     margin: 3px 0 0 0;
  541.     background: #FFF;
  542. }
  543. .base-menu ul ul li {
  544.     float: left;
  545.     width: 150px;
  546.     background: none;
  547.     padding: 0 5px 0 5px;
  548. }
  549. .base-menu li a:hover {
  550.     color: #DDD;
  551. }
  552. .base-menu ul ul li:first-child { border-top: none }
  553. .base-menu ul ul li:last-child { border-bottom: none }
  554. .base-menu ul ul li a {
  555.     width: 150px;
  556. }
  557. .base-menu ul ul li a:hover {
  558.     padding-left: 12px;
  559. }
  560.  
  561. .base-menu:first-child ul li:after{
  562. content: "";
  563. }
  564.  
  565. .base-menu ul ul li:after {
  566.  content: none !important;
  567. }
  568.  
  569. /* Don't remove this */
  570. #footer .sub-menu, #footer .sub-menu:before {
  571. background: none;
  572. border: 0px;
  573. }
  574.  
  575. /* ===========
  576.  ! Content  
  577.  =========== */
  578.  
  579. #content.sidebar-left {
  580.         float: right;
  581. }
  582.  
  583. @media only screen and (max-width: 767px) {
  584.         #content.sidebar-left {
  585.                 float: none;
  586.         }
  587. }
  588.      
  589. /* ===========
  590.  ! Sidebar  
  591.  =========== */
  592. #sidebar .widget_search { margin-top: 20px }
  593. #sidebar .widget_search input[type=text] {
  594.     width: 110px;
  595.     padding: 2px;
  596. }
  597. /* Widgets */
  598. .widget { margin-bottom: 30px }
  599.  
  600. #sidebar ul {
  601.         padding: 0px;
  602. }
  603.  
  604. /* ==========
  605.  ! Footer  
  606.  ========== */
  607. #footer p:last-child { margin-bottom: 0 }
  608. .footer-widget h3 {
  609.     margin-bottom: 10px;
  610.     color: #FEDA71;
  611.     font-size: 16px;
  612. }
  613. #footer-widget-right { border-right: none; margin-right: 0px; }
  614. #footer-widget-left { border-left: none;  margin-left: 0px; }
  615. #footer-menu  ul li a:hover { color: #777 }
  616. #footer-menu ul li { display: inline }
  617. #footer-menu ul li a {
  618.     padding-right: 8px;
  619. }
  620. .footer-menu ul li:last-child a { border-right: 0px }
  621. #footer-info {
  622.     overflow: auto;
  623.     padding: 0px;
  624. }
  625. #powered-by {
  626.     min-height: 30px;
  627.     padding-top: 10px;
  628. }
  629. #copyright-info {
  630.         text-align: right;
  631. }
  632. /* ================== */
  633. /* ! Page Templates   */
  634. /* ================== */
  635. /*page templare sidebar left*/
  636. .page-template-sidebar-left-template-php #content,
  637. .page-template-sidebar-left-template-php #sidebar.sidebar-right {
  638.         float: right !important
  639. }
  640.  
  641. .page-template-sidebar-left-template-php #sidebar.sidebar-left,
  642. .page-template-sidebar-left-template-php #sidebar.sidebar-right {
  643.         float: left !important;
  644. }
  645. /* ! WordPress Styling
  646.  
  647. This CSS file contains all the default WordPress Styling.
  648. //Posts & Pages
  649.         + Display
  650.         + Meta & Breadcrumbs
  651.         + Author/Category/Tag Boxes
  652.         + Comments
  653.  
  654. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
  655.  
  656. infinity-wordpress-style = off
  657.  
  658. /*
  659. ================================================== */
  660. /* Post Meta */
  661. span.edit-link {
  662.     margin-left: 1px;
  663.     margin-right: 9px;
  664.     float: right;
  665. }
  666. span.edit-link a { color: #999 }
  667. /* The actual Posts*/
  668. .author-avatar {
  669.     float: left;
  670.     margin-bottom: 0;
  671.     margin-right: 10px;
  672.     margin-top: 0;
  673. }
  674. .entry {
  675.     margin-bottom: 30px;
  676.     margin-top: 30px;
  677. }
  678. .post dd.wp-caption p.wp-caption-text,
  679. .wp-caption-text {
  680.     font-style: italic;
  681.     line-height: 17px;
  682.     margin: 0 !important;
  683.     padding: 0 4px 5px 0;
  684.     font-size: 12px;
  685. }
  686. .post-meta-data span {
  687.     border-right: 1px solid #DDD;
  688.     margin-right: 5px;
  689.     padding-right: 5px;
  690. }
  691. .post .author-box img,
  692. .comment-avatar-box img {
  693.     float: none;
  694.     margin: 0;
  695.     border: 4px solid #fff;
  696. }
  697. .post img.alignright {
  698.     margin: 0 0 2px 7px;
  699.     display: inline;
  700.     padding: 4px;
  701. }
  702. .post img.wp-smiley {
  703.     float: none !important;
  704.     clear: none !important;
  705.     margin: 0 !important;
  706.     border: none !important;
  707.     padding: 0 !important;
  708. }
  709. .post-content {
  710. margin-bottom: 60px;
  711. }
  712. .post img.alignleft {
  713.     margin: 0 7px 2px 0;
  714.     display: inline;
  715.     padding: 4px;
  716. }
  717. .post .aligncenter,
  718. .post .aligncenter {
  719.     margin-left: auto;
  720.     margin-right: auto;
  721.     display: block;
  722. }
  723. .post img.centered,
  724. img.aligncenter {
  725.     margin-left: auto;
  726.     margin-right: auto;
  727.     display: block;
  728. }
  729. .post img {
  730.     max-width: 100%;
  731.     height: auto;
  732. }
  733. .post .wp-caption {
  734.     background-color: #F9F9F9;
  735.     border: 1px solid #DDDDDD;
  736.     border-radius: 3px 3px 3px 3px;
  737.     font-size: 90%;
  738.     font-style: italic;
  739.     padding-bottom: 7px;
  740.     padding-top: 4px;
  741.     text-align: center;
  742. }
  743. .post .wp-caption img {
  744.     margin: 0;
  745.     border: 0 none;
  746.     padding: 0;
  747. }
  748. .postthumb {
  749.         margin-bottom: 20px;
  750. }
  751. .postthumb img {
  752.     max-width: 100%;
  753.     height: auto;
  754. }
  755. .post .gallery-caption { }
  756. #single-attachment img {
  757. margin-top: 25px;
  758. margin-bottom: 25px;
  759. }
  760. /* Post Titles */
  761. /* Captions */
  762. /* Block Quotes */
  763. /* page links */
  764. .page-link {
  765.     font-weight: bold;
  766.     word-spacing: 0.5em;
  767.     margin: 0 0 22px;
  768. }
  769. .page-link a:active,
  770. .page-link a:hover { color: #FF4B33 }
  771. .page-link a:link,
  772. .page-link a:visited {
  773.     font-weight: normal;
  774.     border: 1px solid #DDD;
  775.     padding: 5px 8px;
  776. }
  777. .home .sticky .page-link a {}
  778. /* code in posts */
  779. .post .alignright {
  780.     margin-left: 15px;
  781.     float: right;
  782.     margin-bottom: 15px;
  783. }
  784. .post .alignleft {
  785.     margin-right: 15px;
  786.     float: left;
  787. }
  788. /* per post navigation and pagination */
  789. ul.page-numbers li a,
  790. ul.page-numbers li span,
  791. .paged-navigation,
  792. .comment-navigation {
  793.     background: none repeat scroll 0 0 #FFFFFF;
  794.     color: inherit;
  795.     border: 1px solid #DDDDDD;
  796.     border-radius: 4px 4px 4px 4px;
  797.     font-size: 14px;
  798.     font-weight: bold;
  799.     height: 38px;
  800.     margin: 0 2px 10px 0;
  801.     padding: 5px 8px;
  802.     text-align: center;
  803.     word-spacing: 10px;
  804. }
  805. ul.page-numbers li a:hover,
  806. .paged-navigation:hover,
  807. .comment-navigation:hover {
  808. background: #444;
  809. color: #FFF;
  810. }
  811. ul.page-numbers {
  812.     text-align: center;
  813.     margin-bottom: 20px;
  814. }
  815. ul.page-numbers li span {
  816. background: #444;
  817. color: #FFF;
  818. }
  819. ul.page-numbers li { display: inline }
  820. .pagination {
  821.     border-bottom: 1px solid #EAEAEA;
  822.     height: 16px;
  823.     padding-left: 0px;
  824.     padding-bottom: 10px;
  825.     color: #888888;
  826.     font-size: 90%;
  827. }
  828. .pagination#user-pag,
  829. .friends .pagination,
  830. .mygroups .pagination,
  831. .myblogs .pagination {
  832.     background: #F9F9F9;
  833.     border: none;
  834.     padding: 8px 15px;
  835. }
  836. /*Post Meta */
  837. .post-meta-data,
  838. .comment-meta,
  839. .comment-options,
  840. p#breadcrumbs {
  841.     border-bottom: 1px solid #EFEFEF;
  842.     border-top: 1px solid #EFEFEF;
  843.     color: #AAAAAA;
  844.     font-size: 11.5px;
  845.     margin-top: 10px;
  846.     min-height: 20px;
  847.     padding: 3px 0;
  848.     margin-bottom: 10px;
  849. }
  850. span.post-comments {
  851.         float: right;
  852.         margin-right: 5px;
  853.         border-right: 0px;
  854. }
  855. p#breadcrumbs { margin-top: 0px }
  856. /* Intro Boxes for authors, categories and tags */
  857. .post-author-box {
  858.     float: right;
  859.     padding: 3px;
  860.     display: none;
  861. }
  862. .post-author-box img {
  863.     width: 50px;
  864.     height: 50px;
  865. }
  866. .author-box,
  867. .category-box,
  868. .tag-box,
  869. .info-box {
  870.     margin-bottom: 20px;
  871.     border: 1px solid #DDDDDD;
  872.     background: #F9F9F9;
  873.     border-radius: 3px;
  874.     -webkit-border-radius: 3px;
  875.     -moz-border-radius: 3px;
  876.     padding: 10px 20px;
  877. }
  878.  
  879. #category-description p,
  880. #tag-description p {
  881. font-style: italic;
  882. margin-top: 10px;
  883. margin-bottom: 0px;
  884. }
  885.  
  886. .authorbox h3 {
  887.     font-style: normal;
  888.     margin-bottom: 10px;
  889.     color: #555555;
  890.     font-size: 16px;
  891. }
  892. #author-description {
  893.     overflow: hidden;
  894.     padding-bottom: 15px;
  895. }
  896. #author-description img {
  897.     margin-top: 2px;
  898.     margin-right: 10px;
  899.     float: left;
  900. }
  901. #category-description,
  902. #tag-description {
  903.     padding: 10px;
  904. }
  905. #author-social {
  906.     float: right;
  907.     width: 25%;
  908. }
  909.  
  910. /*Search Page*/
  911.  
  912. .search-title {
  913.     font-size: 18px;
  914.     color: #999;
  915. }
  916.  
  917. .search-title span {
  918. color: #444;
  919. }
  920.  
  921. /* ============ */
  922. /* ! Comments   */
  923. /* ============ */
  924. .comment-content {
  925.     margin-bottom: 40px;
  926.     position: relative;
  927. }
  928. #comments {
  929.     margin-top: 20px;
  930.     position: relative;
  931. }
  932. #comments .pingbacks li.pingback { margin: 10px 0 }
  933. #comments .pingbacks li.pingback .reply { display: none }
  934. #comments .cancel-comment-reply { margin: 10px 0 }
  935. #comments .comment-entry p {
  936.     padding-left: 10px;
  937.     padding-right: 10px;
  938.     margin: 0 0 20px 62px;
  939. }
  940. #comments .bypostauthor { background: #F9F9F9 }
  941. #comments .comment-head { margin: 0 0 15px 70px }
  942. #comments .comment-head .name {
  943.     font-weight: bold;
  944.     margin: 0;
  945. }
  946. #comments .comment-head .date,
  947. #comments .comment-head .edit,
  948. #comments .comment-head .perma { font-size: 11px }
  949. #comments .avatar img {
  950.     vertical-align: middle;
  951.     width: 40px;
  952.     height: 40px;
  953.     margin: 0;
  954. }
  955. #comments ul.children {
  956.     margin: 10px 10px 0 25px;
  957.     padding: 0;
  958. }
  959. #comments .navigation { }
  960. #comments .navigation a {
  961.     text-decoration: none;
  962.     margin: 15px 0 0 0;
  963.     display: block;
  964. }
  965. #comments .navigation a:hover { }
  966. #comments blockquote {
  967.     font-style: italic;
  968.     font-weight: bold;
  969.     line-height: 150%;
  970.     margin-left: 71px;
  971.     padding-bottom: 5px;
  972.     padding-left: 0;
  973.     padding-top: 20px;
  974. }
  975. #comments .comment {
  976.     margin-top: 10px;
  977.     list-style-type: none;
  978.     width: 100%;
  979. }
  980. #comments .comment .comment-container {
  981.     border-bottom: 1px solid #F4F4F4;
  982.     padding-bottom: 15px;
  983.     position: relative;
  984. }
  985. #comments h3#pings { margin-top: 25px }
  986. #comments  .avatar {
  987.     float: left;
  988.     margin: 0 15px 10px 0;
  989. }
  990. #comments .reply {
  991.     left: 0;
  992.     position: absolute;
  993.     top: 60px;
  994. }
  995. #comments .reply a {
  996.     font-size: 70%;
  997.     padding: 0 6px;
  998. }
  999. #comments h3 { }
  1000. ol.commentlist {
  1001.     margin-left: 0px;
  1002.     list-style: none;
  1003.     padding-left: 0px;
  1004. }
  1005. #comments .unapproved {
  1006. font-style: italic;
  1007. color: #999;
  1008. }
  1009. /* The Comments Forms */
  1010. #respond { margin: 40px 0 0 }
  1011. #respond #reply-title small {
  1012.     margin-top: 5px;
  1013.     display: block;
  1014.     font-size: 13px;
  1015. }
  1016. #respond span.required {
  1017.     color: #CFCFCF;
  1018.     display: block;
  1019.     float: left;
  1020.     font-size: 16px;
  1021.     font-weight: bold;
  1022.     margin: 4px 0 0 -12px;
  1023. }
  1024. #respond .right {
  1025.     float: left;
  1026.     width: 380px;
  1027. }
  1028. #respond label {
  1029.     color: #777777;
  1030.     padding: 4px 0;
  1031.     font-size: 11px;
  1032. }
  1033. #respond .left {
  1034.     margin-right: 15px;
  1035.     float: left;
  1036.     width: 200px;
  1037. }
  1038. #commentform { margin: 10px 0 0 10px; }
  1039. #commentform input.txt,
  1040. #commentform textarea {
  1041.     border-color: #ccc #efefef #efefef #ccc;
  1042.     border-width: 1px;
  1043.     border-style: solid;
  1044.     font-size: inherit;
  1045. }
  1046. li.bypostauthor { background: none repeat scroll 0 0 #F8FDFF !important }
  1047. #commentform input.txt {
  1048.     background: #F9F9F9;
  1049.     width: 170px;
  1050.     color: #666;
  1051.     margin: 0 5px 10px 0;
  1052.     padding: 5px 7px;
  1053. }
  1054. #commentform textarea {
  1055.     width: 95%;
  1056.     height: auto;
  1057. }
  1058. #commentform #submit { margin: 15px 0 0 0 }
  1059. .form-allowed-tags {
  1060. font-size: 90%;
  1061. color: #777;
  1062. }
  1063. /* Pingsbacks */
  1064. h3#pings { margin: 25px 0 10px 0 }
  1065. .pinglist li {
  1066.     list-style-type: decimal;
  1067.     margin: 0 0 0 20px;
  1068. }
  1069. .pinglist li .pingcontent {
  1070.     margin: 10px 0;
  1071.     display: block;
  1072. }
  1073. .pinglist li .author {
  1074.     font-weight: bold;
  1075.     font-size: 15px;
  1076. }
  1077. .pinglist li .date { font-size: 11px }
  1078. p.form-allowed-tags { width: 70% }
  1079. /* ! The Grid
  1080.  
  1081. The Infinity Base Grid. Do you want to generate your own Fluid or Fixed Grid? Read More about the Grid
  1082. and how to Modify it here: http://infinity.presscrew.com/docs/?page=infinity-theme&route=cpanel/ddocs/theme_design
  1083.  
  1084. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
  1085.  
  1086. infinity-grid-style = off
  1087.  
  1088. /*
  1089. ================================================== */
  1090. * {
  1091.    box-sizing: border-box;
  1092.    -moz-box-sizing: border-box;
  1093.    -webkit-box-sizing: border-box;
  1094. }
  1095. /* The Grid ---------------------- */
  1096. .row { width: 1050px; max-width: 100%; min-width: 768px; margin: 0 auto; }
  1097. .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
  1098. .row.collapse .column, .row.collapse .columns { padding: 0; }
  1099. .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
  1100. .row .row.collapse { margin: 0; }
  1101.  
  1102. .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
  1103. .column.centered, .columns.centered { float: none; margin: 0 auto; }
  1104.  
  1105. [class*="column"] + [class*="column"]:last-child { float: right; }
  1106.  
  1107. [class*="column"] + [class*="column"].end { float: left; }
  1108.  
  1109. .row .one { width: 6.25%; }
  1110.  
  1111. .row .two { width: 12.5%; }
  1112.  
  1113. .row .three { width: 18.75%; }
  1114.  
  1115. .row .four { width: 25%; }
  1116.  
  1117. .row .five { width: 31.25%; }
  1118.  
  1119. .row .six { width: 37.5%; }
  1120.  
  1121. .row .seven { width: 43.75%; }
  1122.  
  1123. .row .eight { width: 50%; }
  1124.  
  1125. .row .nine { width: 56.25%; }
  1126.  
  1127. .row .ten { width: 62.5%; }
  1128.  
  1129. .row .eleven { width: 68.75%; }
  1130.  
  1131. .row .twelve { width: 75%; }
  1132.  
  1133. .row .thirteen { width: 81.25%; }
  1134.  
  1135. .row .fourteen { width: 87.5%; }
  1136.  
  1137. .row .fifteen { width: 93.75%; }
  1138.  
  1139. .row .sixteen { width: 100%; }
  1140.  
  1141. .row .offset-by-one { margin-left: 6.25%; }
  1142.  
  1143. .row .offset-by-two { margin-left: 12.5%; }
  1144.  
  1145. .row .offset-by-three { margin-left: 18.75%; }
  1146.  
  1147. .row .offset-by-four { margin-left: 25%; }
  1148.  
  1149. .row .offset-by-five { margin-left: 31.25%; }
  1150.  
  1151. .row .offset-by-six { margin-left: 37.5%; }
  1152.  
  1153. .row .offset-by-seven { margin-left: 43.75%; }
  1154.  
  1155. .row .offset-by-eight { margin-left: 50%; }
  1156.  
  1157. .row .offset-by-nine { margin-left: 56.25%; }
  1158.  
  1159. .row .offset-by-ten { margin-left: 62.5%; }
  1160.  
  1161. .row .offset-by-eleven { margin-left: 68.75%; }
  1162.  
  1163. .row .offset-by-twelve { margin-left: 75%; }
  1164.  
  1165. .row .offset-by-thirteen { margin-left: 81.25%; }
  1166.  
  1167. .row .offset-by-fourteen { margin-left: 87.5%; }
  1168.  
  1169. .push-two { left: 12.5%; }
  1170.  
  1171. .pull-two { right: 12.5%; }
  1172.  
  1173. .push-three { left: 18.75%; }
  1174.  
  1175. .pull-three { right: 18.75%; }
  1176.  
  1177. .push-four { left: 25%; }
  1178.  
  1179. .pull-four { right: 25%; }
  1180.  
  1181. .push-five { left: 31.25%; }
  1182.  
  1183. .pull-five { right: 31.25%; }
  1184.  
  1185. .push-six { left: 37.5%; }
  1186.  
  1187. .pull-six { right: 37.5%; }
  1188.  
  1189. .push-seven { left: 43.75%; }
  1190.  
  1191. .pull-seven { right: 43.75%; }
  1192.  
  1193. .push-eight { left: 50%; }
  1194.  
  1195. .pull-eight { right: 50%; }
  1196.  
  1197. .push-nine { left: 56.25%; }
  1198.  
  1199. .pull-nine { right: 56.25%; }
  1200.  
  1201. .push-ten { left: 62.5%; }
  1202.  
  1203. .pull-ten { right: 62.5%; }
  1204.  
  1205. .push-eleven { left: 68.75%; }
  1206.  
  1207. .pull-eleven { right: 68.75%; }
  1208.  
  1209. .push-twelve { left: 75%; }
  1210.  
  1211. .pull-twelve { right: 75%; }
  1212.  
  1213. .push-thirteen { left: 81.25%; }
  1214.  
  1215. .pull-thirteen { right: 81.25%; }
  1216.  
  1217. .push-fourteen { left: 87.5%; }
  1218.  
  1219. .pull-fourteen { right: 87.5%; }
  1220.  
  1221. img, object, embed { max-width: 100%; height: auto; }
  1222.  
  1223. img { -ms-interpolation-mode: bicubic; }
  1224.  
  1225. #map_canvas img, .map_canvas img { max-width: none!important; }
  1226.  
  1227. /* Nicolas Gallagher's micro clearfix */
  1228. .row { *zoom: 1; }
  1229. .row:before, .row:after { content: ""; display: table; }
  1230. .row:after { clear: both; }
  1231.  
  1232. /* Mobile Grid and Overrides ---------------------- */
  1233. @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; }
  1234.   .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  1235.   .column, .columns { width: auto !important; float: none; }
  1236.   .column:last-child, .columns:last-child { float: none; }
  1237.   [class*="column"] + [class*="column"]:last-child { float: none; }
  1238.   .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  1239.   .column:after, .columns:after { clear: both; }
  1240.   .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; }
  1241.   .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; }
  1242.   .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; }
  1243.   /* Mobile 4-column Grid */
  1244.   .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  1245.   .row .mobile-one:last-child { float: right; }
  1246.   .row.collapse .mobile-one { padding: 0; }
  1247.   .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  1248.   .row .mobile-two:last-child { float: right; }
  1249.   .row.collapse .mobile-two { padding: 0; }
  1250.   .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  1251.   .row .mobile-three:last-child { float: right; }
  1252.   .row.collapse .mobile-three { padding: 0; }
  1253.   .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  1254.   .row .mobile-four:last-child { float: right; }
  1255.   .row.collapse .mobile-four { padding: 0; }
  1256.   .push-one-mobile { left: 25%; }
  1257.   .pull-one-mobile { right: 25%; }
  1258.   .push-two-mobile { left: 50%; }
  1259.   .pull-two-mobile { right: 50%; }
  1260.   .push-three-mobile { left: 75%; }
  1261.   .pull-three-mobile { right: 75%; } }
  1262. /* Block Grids ---------------------- */
  1263. /* These are 2-up, 3-up, 4-up and 5-up ULs, suited
  1264. for repeating blocks of content. Add 'mobile' to
  1265. them to switch them just like the layout grid
  1266. (one item per line) on phones
  1267.  
  1268. For IE7/8 compatibility block-grid items need to be
  1269. the same height. You can optionally uncomment the
  1270. lines below to support arbitrary height, but know
  1271. that IE7/8 do not support :nth-child.
  1272. -------------------------------------------------- */
  1273. .block-grid { display: block; overflow: hidden; padding: 0; }
  1274. .block-grid > li { display: block; height: auto !important; float: left; }
  1275.  
  1276. .block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
  1277.  
  1278.  
  1279. .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
  1280.  
  1281. /*  .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
  1282.  
  1283. .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
  1284.  
  1285. /*  .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
  1286. .block-grid.four-up { margin: 0 -10px; }
  1287.  
  1288. .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
  1289.  
  1290. /*  .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
  1291.  
  1292. .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
  1293.  
  1294. /*  .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
  1295. /* Mobile Block Grids */
  1296. @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; }
  1297.   .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } }
  1298.  
  1299. input.button:active,
  1300. .button:active { outline: 0; position: relative; top: 1px; }
  1301.  
  1302. .generic-button a:hover {
  1303.         border: none;
  1304. }
  1305.  
  1306. a.button, .generic-button, a.more-link, button, input[type="submit"], input[type="reset"], input[type="button"],#review_form #submit {
  1307.     margin-top: 10px;
  1308.     border-top: 1px solid #ccc;
  1309.     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)));
  1310.     background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
  1311.     background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
  1312.     background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
  1313.     background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
  1314.     background: linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
  1315.     border-left: 1px solid #ccc;
  1316.     font-weight: bold;
  1317.     float: none;
  1318.     text-shadow: 0 1px rgba(255, 255, 255, .75);
  1319.     line-height: 21px;
  1320.     margin-bottom: 10px;
  1321.     -webkit-border-radius: 3px;
  1322.     -moz-border-radius: 3px;
  1323.     border-radius: 3px;
  1324.     text-decoration: none;
  1325.     color: #444444;
  1326.     border: 1px solid #aaa;
  1327.     cursor: pointer;
  1328.     display: inline-block;
  1329.     font-size: 11px;
  1330.     padding: 8px 12px;
  1331. }
  1332. .generic-button a {
  1333.         color: #444;
  1334. }
  1335. a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,#review_form #submit:active {
  1336.     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)));
  1337.     background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
  1338.     background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
  1339.     background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
  1340.     background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
  1341.     background: linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
  1342.     border-right: 1px solid #aaa;
  1343.     border-bottom: 1px solid #aaa;
  1344.     border: 1px solid #888;
  1345. }
  1346. a.button:hover, button:hover,#review_form #submit:hover {
  1347.     border-top: 1px solid #aaa;
  1348.     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)));
  1349.     background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  1350.     background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  1351.     background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  1352.     background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  1353.     background: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  1354.     border-left: 1px solid #aaa;
  1355.     color: #222;
  1356.     border: 1px solid #888;
  1357.     padding: 8px 12px;
  1358. }
  1359. .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
  1360.     text-align: center;
  1361.     padding-left: 0 !important;
  1362.     padding-right: 0 !important;
  1363.     width: 100%;
  1364. }
  1365. .button, .post-tags a, .widget_tag_cloud a, input, textarea{
  1366.     display: inline-block;
  1367.     text-decoration: none;
  1368.     padding: 8px 11px;
  1369.     color: #555;
  1370.     border: 1px solid #dedede;
  1371.     -webkit-border-radius: 3px;
  1372.     -moz-border-radius: 3px;
  1373.     border-radius: 3px;
  1374.     margin-bottom: 2px;
  1375. }
  1376. .button.white, .post-tags a, .widget_tag_cloud a, a.button, .generic-button, a.more-link {
  1377.     background: #f5f5f5;
  1378.     background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
  1379.     background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
  1380.     background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
  1381.     background: -o-linear-gradient(top, #f9f9f9, #f0f0f0);
  1382.     background: -ms-linear-gradient(top, #f9f9f9, #f0f0f0);
  1383.     background: linear-gradient(top, #f9f9f9, #f0f0f0);
  1384.     border-color: #dedede #d8d8d8 #d3d3d3;
  1385.     color: #555;
  1386.     text-shadow: 0 1px 0 #fff;
  1387.     -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  1388.     -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  1389.     box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  1390. }
  1391. .button.white:hover, .post-tags a:hover, .widget_tag_cloud a:hover, a.button:hover, .generic-button:hover, a.more-link:hover {
  1392.     background: #f4f4f4;
  1393.     background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8));
  1394.     background: -webkit-linear-gradient(top, #efefef, #f8f8f8);
  1395.     background: -moz-linear-gradient(top, #efefef, #f8f8f8);
  1396.     background: -o-linear-gradient(top, #efefef, #f8f8f8);
  1397.     background: -ms-linear-gradient(top, #efefef, #f8f8f8);
  1398.     background: linear-gradient(top, #efefef, #f8f8f8);
  1399.     border-color: #c7c7c7 #c3c3c3 #bebebe;
  1400.     text-shadow: 0 1px 0 #fdfdfd;
  1401.     -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
  1402.     -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
  1403.     box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
  1404. }
  1405. .button.grey {
  1406.     background: #bdbdbd;
  1407.     background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae));
  1408.     background: -webkit-linear-gradient(top, #cacaca, #aeaeae);
  1409.     background: -moz-linear-gradient(top, #cacaca, #aeaeae);
  1410.     background: -o-linear-gradient(top, #cacaca, #aeaeae);
  1411.     background: -ms-linear-gradient(top, #cacaca, #aeaeae);
  1412.     background: linear-gradient(top, #cacaca, #aeaeae);
  1413.     border-color: #b5b5b5 #a1a1a1 #8f8f8f;
  1414.     color: #555;
  1415.     text-shadow: 0 1px 0 #d4d4d4;
  1416.     -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
  1417.     -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
  1418.     box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
  1419. }
  1420. .button.grey:hover {
  1421.     background: #c2c2c2;
  1422.     background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2));
  1423.     background: -webkit-linear-gradient(top, #bcbcbc, #c2c2c2);
  1424.     background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);
  1425.     background: -o-linear-gradient(top, #bcbcbc, #c2c2c2);
  1426.     background: -ms-linear-gradient(top, #bcbcbc, #c2c2c2);
  1427.     background: linear-gradient(top, #bcbcbc, #c2c2c2);
  1428.     border-color: #989898 #8e8e8e #878787;
  1429.     text-shadow: 0 1px 0 #dadada;
  1430.     -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1431.     -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1432.     box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1433. }
  1434. .button.pink {
  1435.     background: #f67689;
  1436.     background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778));
  1437.     background: -webkit-linear-gradient(top, #f78297, #f56778);
  1438.     background: -moz-linear-gradient(top, #f78297, #f56778);
  1439.     background: -o-linear-gradient(top, #f78297, #f56778);
  1440.     background: -ms-linear-gradient(top, #f78297, #f56778);
  1441.     background: linear-gradient(top, #f78297, #f56778);
  1442.     border-color: #df6f8b #da5f75 #d55061;
  1443.     color: #913944;
  1444.     text-shadow: 0 1px 0 #f89ca9;
  1445.     -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
  1446.     -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
  1447.     box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
  1448. }
  1449. .button.pink:hover {
  1450.     background: #f67c90;
  1451.     background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297));
  1452.     background: -webkit-linear-gradient(top, #f56c7e, #f78297);
  1453.     background: -moz-linear-gradient(top, #f56c7e, #f78297);
  1454.     background: -o-linear-gradient(top, #f56c7e, #f78297);
  1455.     background: -ms-linear-gradient(top, #f56c7e, #f78297);
  1456.     background: linear-gradient(top, #f56c7e, #f78297);
  1457.     border-color: #c36079 #c25669 #c14e5c;
  1458.     text-shadow: 0 1px 0 #f9a6b4;
  1459.     -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  1460.     -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  1461.     box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  1462. }
  1463. .button.orange, .orange a, #bpfb_submit {
  1464.     background: #fecc5f;
  1465.     background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a));
  1466.     background: -webkit-linear-gradient(top, #feda71, #febb4a);
  1467.     background: -moz-linear-gradient(top, #feda71, #febb4a);
  1468.     background: -o-linear-gradient(top, #feda71, #febb4a);
  1469.     background: -ms-linear-gradient(top, #feda71, #febb4a);
  1470.     background: linear-gradient(top, #feda71, #febb4a);
  1471.     border-color: #f5b74e #e5a73e #d6982f;
  1472.     color: #996633;
  1473.     text-shadow: 0 1px 0 #fedd9b;
  1474. }
  1475. .button.orange:hover, #bpfb_submit:hover {
  1476.     background: #fecb5e;
  1477.     background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61));
  1478.     background: -webkit-linear-gradient(top, #fec354, #fecd61);
  1479.     background: -moz-linear-gradient(top, #fec354, #fecd61);
  1480.     background: -o-linear-gradient(top, #fec354, #fecd61);
  1481.     background: -ms-linear-gradient(top, #fec354, #fecd61);
  1482.     background: linear-gradient(top, #fec354, #fecd61);
  1483.     border-color: #d29a3a #cc9436 #c89133;
  1484.     text-shadow: 0 1px 0 #fee1a0;
  1485.     -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  1486.     -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  1487.     box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  1488. }
  1489. .button.green, .gform_footer input.button, .qq-upload-button {
  1490.     background: #b7d770;
  1491.     background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57));
  1492.     background: -webkit-linear-gradient(top, #cae285, #9fcb57);
  1493.     background: -moz-linear-gradient(top, #cae285, #9fcb57);
  1494.     background: -o-linear-gradient(top, #cae285, #9fcb57);
  1495.     background: -ms-linear-gradient(top, #cae285, #9fcb57);
  1496.     background: linear-gradient(top, #cae285, #9fcb57);
  1497.     border-color: #adc671 #98b65b #87aa4a;
  1498.     color: #5d7731;
  1499.     text-shadow: 0 1px 0 #cfe5a4!important;
  1500.     -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
  1501.     -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
  1502.     box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
  1503. }
  1504. .button.green:hover, .gform_footer input.button hover, .qq-upload-button:hover {
  1505.     background: #b9d972;
  1506.     background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972));
  1507.     background: -webkit-linear-gradient(top, #b8d872, #b9d972);
  1508.     background: -moz-linear-gradient(top, #b8d872, #b9d972);
  1509.     background: -o-linear-gradient(top, #b8d872, #b9d972);
  1510.     background: -ms-linear-gradient(top, #b8d872, #b9d972);
  1511.     background: linear-gradient(top, #b8d872, #b9d972);
  1512.     border-color: #8bb14d #83a648 #7d9e45;
  1513.     text-shadow: 0 1px 0 #d5e8aa;
  1514.     -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
  1515.     -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
  1516.     box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
  1517. }
  1518. .button.blue {
  1519.     background: #92dbf6;
  1520.     background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
  1521.     background: -webkit-linear-gradient(top, #abe4f8, #6fcef3);
  1522.     background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
  1523.     background: -o-linear-gradient(top, #abe4f8, #6fcef3);
  1524.     background: -ms-linear-gradient(top, #abe4f8, #6fcef3);
  1525.     background: linear-gradient(top, #abe4f8, #6fcef3);
  1526.     border-color: #8dc5da #76b7cf #63abc7;
  1527.     color: #42788e;
  1528.     text-shadow: 0 1px 0 #b6e6f9;
  1529.     -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
  1530.     -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
  1531.     box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
  1532. }
  1533. .button.blue:hover {
  1534.     background: #92dbf6;
  1535.     border-color: #7caec0 #68a3ba #5a9cb5;
  1536.     text-shadow: 0 1px 0 #bee9fa;
  1537.     -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
  1538.     -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
  1539.     box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
  1540. }
  1541. .button.purple {
  1542.     background: #dfaeda;
  1543.     background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce));
  1544.     background: -webkit-linear-gradient(top, #e8c4e4, #d494ce);
  1545.     background: -moz-linear-gradient(top, #e8c4e4, #d494ce);
  1546.     background: -o-linear-gradient(top, #e8c4e4, #d494ce);
  1547.     background: -ms-linear-gradient(top, #e8c4e4, #d494ce);
  1548.     background: linear-gradient(top, #e8c4e4, #d494ce);
  1549.     border-color: #bc9db9 #ad89aa #a1799d;
  1550.     color: #7b5777;
  1551.     text-shadow: 0 1px 0 #eacae6;
  1552.     -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
  1553.     -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
  1554.     box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
  1555. }
  1556. .button.purple:hover {
  1557.     background: #e0b1db;
  1558.     background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db));
  1559.     background: -webkit-linear-gradient(top, #deabd9, #e0b1db);
  1560.     background: -moz-linear-gradient(top, #deabd9, #e0b1db);
  1561.     background: -o-linear-gradient(top, #deabd9, #e0b1db);
  1562.     background: -ms-linear-gradient(top, #deabd9, #e0b1db);
  1563.     background: linear-gradient(top, #deabd9, #e0b1db);
  1564.     border-color: #a482a0 #9b7897 #947090;
  1565.     text-shadow: 0 1px 0 #ecd0e9;
  1566.     -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1567.     -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1568.     box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
  1569. }
  1570. .button.teal {
  1571.     background: #9cedef;
  1572.     background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#7ce7ea));
  1573.     background: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea);
  1574.     background: -moz-linear-gradient(top, #b7f2f4, #7ce7ea);
  1575.     background: -o-linear-gradient(top, #b7f2f4, #7ce7ea);
  1576.     background: -ms-linear-gradient(top, #b7f2f4, #7ce7ea);
  1577.     background: linear-gradient(top, #b7f2f4, #7ce7ea);
  1578.     border-color: #90c6c8 #78bdc0 #65b6ba;
  1579.     color: #437b7d;
  1580.     text-shadow: 0 1px 0 #bef3f5;
  1581.     -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
  1582.     -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
  1583.     box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
  1584. }
  1585. .button.teal:hover {
  1586.     background: #9fedf0;
  1587.     border-color: #7db9bb #6bb2b5 #5dacaf;
  1588.     text-shadow: 0 1px 0 #c5f4f6;
  1589.     -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
  1590.     -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
  1591.     box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
  1592. }
  1593. .button.darkblue {
  1594.     background: #a5b8c6;
  1595.     background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4));
  1596.     background: -webkit-linear-gradient(top, #becbd6, #88a1b4);
  1597.     background: -moz-linear-gradient(top, #becbd6, #88a1b4);
  1598.     background: -o-linear-gradient(top, #becbd6, #88a1b4);
  1599.     background: -ms-linear-gradient(top, #becbd6, #88a1b4);
  1600.     background: linear-gradient(top, #becbd6, #88a1b4);
  1601.     border-color: #a2afb8 #8696a1 #6f818f;
  1602.     color: #515f6a;
  1603.     text-shadow: 0 1px 0 #c4d0d9;
  1604.     -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
  1605.     -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
  1606.     box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
  1607. }
  1608. .button.darkblue:hover {
  1609.     background: #adbfcb;
  1610.     border-color: #8996a0 #798791 #6c7a85;
  1611.     text-shadow: 0 1px 0 #ced9e0;
  1612.     -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
  1613.     -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
  1614.     box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
  1615. }
  1616. .button.black {
  1617.     background: #525252;
  1618.     background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
  1619.     background: -webkit-linear-gradient(top, #5e5e5e, #434343);
  1620.     background: -moz-linear-gradient(top, #5e5e5e, #434343);
  1621.     background: -o-linear-gradient(top, #5e5e5e, #434343);
  1622.     background: -ms-linear-gradient(top, #5e5e5e, #434343);
  1623.     background: linear-gradient(top, #5e5e5e, #434343);
  1624.     border-color: #4c4c4c #313131 #1f1f1f;
  1625.     color: #fff;
  1626.     text-shadow: 0 1px 0 #2e2e2e;
  1627.     -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
  1628.     -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
  1629.     box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
  1630. }
  1631. .button.black:hover {
  1632.     background: #5a5a5a;
  1633.     border-color: #2c2c2c #1c1c1c #101010;
  1634.     text-shadow: 0 1px 0 #363636;
  1635.     -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
  1636.     -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
  1637.     box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
  1638. }
  1639. .post-tags a {
  1640.     font-size: 10px;
  1641.     padding: 3px 5px;
  1642.     margin-left: 1px;
  1643.     margin-right: 5px;
  1644. }
  1645. .big {
  1646.     font-size: 16px;
  1647.     padding: 14px 10px;
  1648.     margin-top: 10px;
  1649.     margin-bottom: 10px;
  1650. }
  1651. .huge {
  1652.     font-size: 20px;
  1653.     padding: 16px 12px;
  1654.     margin-top: 15px;
  1655.     margin-bottom: 15px;
  1656. }
  1657. .widget.widget_tag_cloud a {
  1658.     font-size: 10px;
  1659.     margin: 1px;
  1660.     padding: 5px 8px;
  1661. }
  1662. #archives-subject li {
  1663.     display: inline;
  1664.     list-style: disc inside none;
  1665.     padding-right: 5px;
  1666. }
  1667. #archives-subject ul {
  1668.     display: inline;
  1669.     margin: 0;
  1670. }
  1671. @font-face {
  1672.     font-family: 'iconSweetsRegular';
  1673.     src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot');
  1674.     src: url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.eot?#iefix') format('embedded-opentype'),
  1675.          url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.woff') format('woff'),
  1676.          url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.ttf') format('truetype'),
  1677.          url('VU-Community/wp-content/themes/cbox-theme/assets/fonts/iconsweets-webfont.svg#iconSweetsRegular') format('svg');
  1678.     font-weight: normal;
  1679.     font-style: normal;
  1680.  
  1681. }
  1682.  
  1683.  
  1684. /* Using some fancy CSS magic to add our icons */
  1685.  
  1686. .item-list-tabs * a:before,
  1687. #item-buttons * a:before,
  1688. .sidebar-activity-tabs * a:before,
  1689. .button:before,
  1690. #message p:before,
  1691. #subnav * :before,
  1692. #category-title:before,
  1693. #tag-title:before,
  1694. span.post-tags:before,
  1695. .generic-button a:before,
  1696. #category-title:before,
  1697. #tag-title:before,
  1698. span.post-tags:before,
  1699. .post-meta-data *:before,
  1700. .post-title:before,
  1701. #author-description h3:before,
  1702. .single_add_to_cart_button:before,
  1703. .load-more a:before,
  1704. #whats-new,
  1705. .main-menu * :before,
  1706. .link-home h2 a:before,
  1707. div.link-vote-panel div.clickers a.up:before {
  1708.     font-weight: normal;
  1709.     font-family: "iconsweetsRegular";
  1710.     color: inherit;
  1711.     padding-right: 2px;
  1712.     font-size: 130%;
  1713.     position: relative;
  1714.     top: 2px;
  1715.     text-transform: none;
  1716. }
  1717.  
  1718. /* WordPress Icons */
  1719. .post-top {
  1720.     padding-top: 0px
  1721. }
  1722.  
  1723. /* Blog Icons */
  1724. #category-title:before {
  1725.     content: "L"
  1726. }
  1727.  
  1728. #tag-title:before,
  1729. span.post-tags:before {
  1730.     content: "."
  1731. }
  1732.  
  1733. #author-description h3:before {
  1734.     content: "a"
  1735. }
  1736.  
  1737. /* ================ */
  1738. /* ! Post Formats   */
  1739. /* ================ */
  1740. .format-quote .post-meta-data {
  1741.     display: none
  1742. }
  1743.  
  1744. .format-quote .entry {
  1745.     border-left: 5px solid #EEEEEE;
  1746.     font-family: "Georgia",serif;
  1747.     font-size: 140%;
  1748.     line-height: 140%;
  1749.     margin-bottom: 18px;
  1750.     padding-left: 15px;
  1751. }
  1752.  
  1753. .post-title:before {
  1754.     background: none repeat scroll 0 0 #555555;
  1755.     border-radius: 50% 50% 50% 50%;
  1756.     color: #FFFFFF;
  1757.     float: right;
  1758.     font-size: 140%;
  1759.     padding: 0 0.8% 1.5%;
  1760.     position: relative;
  1761.     text-shadow: -1px 1px 0 #000000;
  1762.     top: -8px;
  1763. }
  1764.  
  1765. .format-video .post-title:before {
  1766.     content: "F"
  1767. }
  1768.  
  1769. .format-link .post-title:before {
  1770.     content: "Q"
  1771. }
  1772.  
  1773. .format-gallery .post-title:before {
  1774.     content: "3"
  1775. }
  1776.  
  1777. .format-image .post-title:before {
  1778.     content: "2"
  1779. }
  1780.  
  1781. .format-audio .post-title:before {
  1782.     content: "4"
  1783. }
  1784.  
  1785. .format-chat .post-title:before {
  1786.     content: '"'
  1787. }
  1788.  
  1789. .format-status .post-title:before {
  1790.     content: "#"
  1791. }
  1792.  
  1793. .format-quote .post-title:before {
  1794.     content: "'"
  1795. }
  1796.  
  1797. /* Post Meta Icons */
  1798. span.post-author:before {
  1799.     content: "d"
  1800. }
  1801.  
  1802. span.post-category:before {
  1803.     content: "L"
  1804. }
  1805.  
  1806. span.time-posted:before {
  1807.     content: "R"
  1808. }
  1809.  
  1810. span.post-comments:before,
  1811. span.comments a:before {
  1812.     content: "#"
  1813. }
  1814.  
  1815. /* BuddyPress Icons */
  1816. .activity-comments * :before {
  1817.     display: none
  1818. }
  1819.  
  1820. #item-buttons * a:before,
  1821. .activity-meta * a:before,
  1822. .button:before,
  1823. .generic-button a:before {
  1824.     display: inline-block;
  1825.     font-size: 135%;
  1826.     padding: 0 2px 6px 1px;
  1827. }
  1828.  
  1829. /* Some Small Padding tweaks to make the icons look sweet */
  1830. div#item-header div.generic-button,
  1831. div#item-header a.button {
  1832.     padding: 0 8px
  1833. }
  1834.  
  1835. #sidebar .sidebar-activity-tabs ul li a {
  1836.     padding-bottom: 8px;
  1837.     padding-top: 4px;
  1838.     text-decoration: none;
  1839. }
  1840.  
  1841. div#object-nav ul li a {
  1842.     padding: 4px 6px 8px !important;
  1843.     text-decoration: none;
  1844. }
  1845.  
  1846. div.activity-type-tabs li a {
  1847.     padding: 4px 6px 8px !important;
  1848.     text-decoration: none;
  1849. }
  1850.  
  1851. .loading a:before {
  1852.     display: none !important
  1853. }
  1854.  
  1855. div.item-list-tabs ul li.loading a {
  1856.     padding-top: 9px !important
  1857. }
  1858.  
  1859. /* Stream Icons. no shorthand CSS to maintain hover effects */
  1860. li#activity-all a:before {
  1861.     content: "s"
  1862. }
  1863.  
  1864. li#activity-favorites a:before,
  1865. .button.fav:before,
  1866. .button.unfav:before {
  1867.     content: "h"
  1868. }
  1869.  
  1870. li#activity-friends a:before {
  1871.     content: "a"
  1872. }
  1873.  
  1874. li#activity-groups a:before,
  1875. .widget_bp_groups_widget {
  1876.     content: "f"
  1877. }
  1878.  
  1879. li#activity-links a:before,
  1880. #nav-links:before {
  1881.     content: "Q"
  1882. }
  1883.  
  1884. li#activity-mentions a:before {
  1885.     content: "#"
  1886. }
  1887.  
  1888. li#activity-following a,
  1889. li#following-personal-li a:before {
  1890.     content: "*"
  1891. }
  1892.  
  1893. .acomment-reply:before {
  1894.     content: "w"
  1895. }
  1896.  
  1897. .delete-activity:before,
  1898. .generic-button.is_friend a:before,
  1899. .generic-button.pending_friend a:before {
  1900.     content: "X"
  1901. }
  1902.  
  1903. .load-more a:before {
  1904.         content: "s"
  1905. }
  1906.  
  1907. #whats-new:before {
  1908.         position: absolute;
  1909.         content: "2";
  1910.         color: #DDD;
  1911.         font-size: 200%;
  1912. }
  1913.  
  1914. /* Group Icons */
  1915. li#members-groups-li a:before {
  1916.     content: "e"
  1917. }
  1918.  
  1919. li#forums-groups-li a:before {
  1920.     content: '"'
  1921. }
  1922.  
  1923. li#admin-groups-li a:before,
  1924. li#link-admin-personal-li a:before {
  1925.     content: "i"
  1926. }
  1927.  
  1928. li#invite-groups-li a:before {
  1929.     content: "A"
  1930. }
  1931.  
  1932. li#home-groups-li a:before,
  1933. li#link-home-personal-li a:before {
  1934.     content: "0"
  1935. }
  1936.  
  1937. li#nav-docs-groups-li a:before {
  1938.     content: "L"
  1939. }
  1940. #bp-create-doc-button:before {
  1941.     content: "C";
  1942.     font-size: 165%;
  1943. }
  1944. li#nav-notifications-groups-li a:before {
  1945.     content: "6"
  1946. }
  1947.  
  1948. /* Profile Icons  */
  1949. #user-activity:before {
  1950.     content: "s"
  1951. }
  1952.  
  1953. #user-xprofile:before {
  1954.     content: "?"
  1955. }
  1956.  
  1957. #user-friends:before {
  1958.     content: "a"
  1959. }
  1960.  
  1961. #user-groups:before {
  1962.     content: "f"
  1963. }
  1964.  
  1965. #user-profile:before {
  1966.     content: "?"
  1967. }
  1968.  
  1969. #user-links:before {
  1970.     content: "P"
  1971. }
  1972.  
  1973. #user-messages:before,
  1974. #nav-invite-anyone:before,
  1975. #user-invite-anyone:before {
  1976.     content: "A"
  1977. }
  1978.  
  1979. #user-forums:before {
  1980.     content: '"'
  1981. }
  1982.  
  1983. #user-blogs:before,
  1984. #user-sites:before {
  1985.     content: "C"
  1986. }
  1987.  
  1988. li#activity-filter-select label:before {
  1989.     content: "."
  1990. }
  1991.  
  1992. a.send-message:before {
  1993.     content: "A"
  1994. }
  1995.  
  1996. a.friendship-button:before {
  1997.     content: "a"
  1998. }
  1999.  
  2000. .follow-button a.follow:before {
  2001.     content: "*"
  2002. }
  2003.  
  2004. div#post-mention a.mention:before {
  2005.     content: "#"
  2006. }
  2007.  
  2008. #user-settings:before {
  2009.     content: "i"
  2010. }
  2011.  
  2012. div#message p {
  2013.     background-color: #FEFAEB;
  2014.     border: 1px solid #F1F1F1;
  2015.     border-radius: 4px 4px 4px 4px;
  2016.     display: block;
  2017.     font-size: 12px;
  2018.     padding: 10px 15px;
  2019. }
  2020.  
  2021. div#message p:before {
  2022.     content: "_"
  2023. }
  2024.  
  2025. /* BBPress */
  2026. #nav-forums:before {
  2027.     content: '"'
  2028. }
  2029.  
  2030. /* Main Menu Icons */
  2031. .base-menu li ul li a:before {
  2032.     content: none !important
  2033. }
  2034.  
  2035. /* Make sure items with an icon line up with non-icon items */
  2036. #main-menu-wrap .icon-groups a,
  2037. #main-menu-wrap .icon-members a,
  2038. #main-menu-wrap .icon-activity a,
  2039. #main-menu-wrap .icon-members a,
  2040. #main-menu-wrap .icon-forums,
  2041. #main-menu-wrap .icon-links a,
  2042. #main-menu-wrap .icon-sites a,
  2043. #main-menu-wrap .icon-blogs a   {
  2044.         margin-top: -5px;
  2045. }
  2046.  
  2047. #main-menu-wrap .icon-groups a:before {
  2048.     content: "f"
  2049. }
  2050.  
  2051. #main-menu-wrap .icon-members a:before {
  2052.     content: "e"
  2053. }
  2054.  
  2055. #main-menu-wrap .icon-activity a:before {
  2056.     content: "s"
  2057. }
  2058.  
  2059. #main-menu-wrap .icon-forums a:before {
  2060.     content: '"'
  2061. }
  2062.  
  2063. #main-menu-wrap .icon-links a:before {
  2064.     content: "Q"
  2065. }
  2066.  
  2067. #main-menu-wrap .icon-sites a:before,
  2068. #main-menu-wrap .icon-blogs a:before {
  2069.     content: "C"
  2070. }
  2071. #bp-adminbar-notifications-menu a:before {
  2072.     content: "6"
  2073. }
  2074.  
  2075. #bp-adminbar-account-menu a:before {
  2076.     content: "a"
  2077. }
  2078.  
  2079. .login-form-link a:before {
  2080.     content: "y"
  2081. }
  2082.  
  2083. #join-us-link a:before {
  2084.     content: "w"
  2085. }
  2086. /* WooCommerce Icons */
  2087. a.add_to_cart_button:before {
  2088.         content: "$"
  2089. }
  2090. .product_type_variable:before {
  2091.         content: "l" !important;
  2092. }
  2093. .coupon:before {
  2094.          color: inherit;
  2095.     font-family: "iconsweetsRegular";
  2096.     font-size: 180%;
  2097.     font-weight: normal;
  2098.     padding-right: 2px;
  2099.     position: relative;
  2100.     text-transform: none;
  2101.     top: 2px;
  2102.         content: "(";
  2103.         float: left;
  2104.         opacity: 0.7;
  2105. }
  2106. /* BuddyPress Links Icons */
  2107. .link-home h2 a:before {
  2108.     content: "Q";
  2109.     font-size: 100%;
  2110.     opacity: 0.6;
  2111. }
  2112. div.link-vote-panel div.clickers a.up {
  2113.         background: transparent;
  2114. }
  2115. div.link-vote-panel div.clickers a.up:before {
  2116.         color: inherit;
  2117.     height: 20px;
  2118.     position: relative;
  2119.     width: 20px;
  2120.         content: "[";
  2121. }
  2122. /*
  2123. ----------------------------------------------------------------
  2124. BuddyPress Default Styling.
  2125.  
  2126. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file
  2127.  
  2128. infinity-bp-support = off
  2129. --------------------------------------------------------------*/
  2130. /* ============================== */
  2131. /* BuddyPress Infinity Tweaks  */
  2132. /* ============================== */
  2133. span.highlight, span.activity, div#message p, .generic-button, .activity-list div.activity-meta a {
  2134.     display: inline-block;
  2135.     text-decoration: none;
  2136.     font: bold 11px/12px;
  2137.     padding: 3px 6px;
  2138. }
  2139. .activity-list .activity-header a:first-child { padding: 0px }
  2140. .activity-header p { margin-bottom: 0px }
  2141. div#message p {
  2142.     font-weight: bold;
  2143.     padding-left: 22px;
  2144. }
  2145. #sidebar div#message p {
  2146.     padding-left: 10px;
  2147. }
  2148. span.activity {
  2149.     background: #F9F9F9;
  2150.     font-weight: normal;
  2151.     margin-top: 6px;
  2152.     font-size: 85%;
  2153. }
  2154. .activity-read-more { margin-left: 5px }
  2155.  
  2156. /* > Item Headers (Profiles, Groups)
  2157. --------------------------------------------------------------*/
  2158. div#item-header {
  2159.     margin-bottom: 15px;
  2160.     overflow: hidden;
  2161. }
  2162. div#item-header div#item-header-content { margin-left: 170px }
  2163. div#item-header h2 { margin: 0 0 15px 0 }
  2164. div#item-header h2 a {
  2165.     text-decoration: none;
  2166.     color: #777;
  2167. }
  2168. div#item-header img.avatar {
  2169.     float: left;
  2170.     margin: 0 15px 25px 0;
  2171. }
  2172. .achievements div#item-header img.avatar { max-width: 93% }
  2173. div#item-header h2 { margin-bottom: 5px }
  2174. div#item-header span.activity, div#item-header h2 span.highlight {
  2175.     vertical-align: middle;
  2176.     font-size: 85%;
  2177.     font-weight: normal;
  2178.     line-height: 170%;
  2179.     margin-bottom: 7px;
  2180. }
  2181. div#item-header h2 span.highlight {
  2182.     font-size: 11.5px;
  2183.     font-weight: bold;
  2184. }
  2185. div#item-header h2 span.highlight span {
  2186.     background: #444444;
  2187.     color: #FFFFFF;
  2188.     cursor: pointer;
  2189.     display: none;
  2190.     font-size: 85%;
  2191.     font-weight: bold;
  2192.     margin-bottom: 0;
  2193.     padding: 1px 4px;
  2194.     position: relative;
  2195.     right: 0;
  2196.     top: -1px;
  2197.     vertical-align: middle;
  2198. }
  2199. div#item-header div#item-meta {
  2200.     font-size: 85%;
  2201.     color: #777;
  2202.     padding-bottom: 10px;
  2203.     overflow: hidden;
  2204.     margin: 15px 0 5px 0;
  2205. }
  2206. div#item-header div#item-actions {
  2207.     float: right;
  2208.     width: 20%;
  2209.     margin: 0 0 15px 15px;
  2210.     text-align: right;
  2211. }
  2212. div#item-header div#item-actions h3 {
  2213.     font-size: 100%;
  2214.     margin: 0 0 5px 0;
  2215. }
  2216. div#item-header ul {
  2217.     overflow: hidden;
  2218.     margin-bottom: 15px;
  2219. }
  2220. div#item-header ul h5, div#item-header ul span, div#item-header ul hr { display: none }
  2221. div#item-header ul li {
  2222.         float: right;
  2223.         list-style: none outside none;
  2224. }
  2225. div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {
  2226.     width: 30px;
  2227.     height: 30px;
  2228.     margin: 2px;
  2229. }
  2230. div#item-header div.generic-button, div#item-header a.button {
  2231.     float: left;
  2232.     font-size: 85%;
  2233.     margin: 10px 10px 0 0;
  2234. }
  2235. div#item-header div#message.info { line-height: 80% }
  2236. div#item-header div#message.info p { background: #F9F9F9 }
  2237. /* > Item Lists (Activity, Friend, Group lists)
  2238. --------------------------------------------------------------*/
  2239. ul.item-list {
  2240.     padding: 0;
  2241.     width: 100%;
  2242. }
  2243. ul.item-list li {
  2244.     border-bottom: 1px solid #EAEAEA;
  2245.     list-style: none outside none;
  2246.     padding: 20px 0 10px;
  2247.     position: relative;
  2248. }
  2249. ul.single-line li { border: none }
  2250. ul.item-list li img.avatar {
  2251.     float: left;
  2252.     margin: 0 10px 10px 0;
  2253. }
  2254. .widget img.avatar {
  2255.      float: left;
  2256. }
  2257. ul.item-list li div.item-title, ul.item-list li h4 {
  2258.     font-weight: normal;
  2259.     width: 100%;
  2260.     margin: 0;
  2261. }
  2262. ul.item-list li div.item-title span {
  2263.     font-size: 100%;
  2264.     color: #999;
  2265. }
  2266. ul.item-list li div.item-desc {
  2267.     font-size: 85%;
  2268.     margin: 10px 0 0 64px;
  2269.     width: 68%;
  2270. }
  2271. ul.item-list li div.action {
  2272.     position: absolute;
  2273.     top: 15px;
  2274.     right: 0;
  2275.     text-align: right;
  2276. }
  2277. ul.item-list li div.meta {
  2278.     margin-top: 10px;
  2279.     color: #888;
  2280.     font-size: 85%;
  2281. }
  2282. #sidebar .item-meta { position: relative }
  2283. .item-avatar { float: left }
  2284. ul.item-list li h5 span.small {
  2285.     font-weight: normal;
  2286.     font-size: 85%;
  2287. }
  2288. /* > Item Tabs
  2289. --------------------------------------------------------------*/
  2290. div.item-list-tabs {
  2291.     min-height: 37px;
  2292.     position: relative;
  2293.     clear: both;
  2294. }
  2295. .item-list-tabs { background: none repeat scroll 0 0 #222222 }
  2296. div.item-list-tabs ul {
  2297.     width: 100%;
  2298.     overflow: hidden;
  2299.     margin: 0;
  2300.     padding: 0;
  2301. }
  2302. div.item-list-tabs ul li {
  2303.         float: left;
  2304.         list-style: none;
  2305. }
  2306. div.item-list-tabs ul li a:hover {
  2307.     color: #DDD;
  2308.     background: #000;
  2309. }
  2310. div.item-list-tabs ul li.last {
  2311.     color: #BFBDBD;
  2312.     float: right;
  2313.     font-size: 85%;
  2314.     margin-bottom: -4px;
  2315.     text-transform: inherit;
  2316. }
  2317. div.item-list-tabs ul li.last label { display: inline }
  2318. div.item-list-tabs ul li.last select {
  2319.     display: inline-block;
  2320.     margin-left: 8px;
  2321.     margin-top: 4px;
  2322. }
  2323. li#activity-filter-select label { display: inline-block }
  2324. div.item-list-tabs ul li a, div.item-list-tabs ul li span {
  2325.     display: block;
  2326.     padding: 8px 10px;
  2327.     text-decoration: none;
  2328. }
  2329. div.item-list-tabs ul li span { color: #777 }
  2330. div.item-list-tabs ul li a span {
  2331.     display: inline;
  2332.     padding: 0;
  2333.     color: inherit;
  2334. }
  2335. div.item-list-tabs ul li a span {
  2336.     background: none repeat scroll 0 0 #333333;
  2337.     color: #999999;
  2338.     display: inline;
  2339.     font-size: 75%;
  2340.     margin-left: 2px;
  2341.     padding: 2px 5px;
  2342. }
  2343. div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a {
  2344.     background: none repeat scroll 0 0 #000;
  2345.     color: #DDDDDD;
  2346.     font-weight: bold;
  2347. }
  2348. 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 }
  2349. div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span { background-color: #555 }
  2350. div.item-list-tabs ul li.loading a {
  2351.         background-position: 88% 50%;
  2352.         padding-left: 25px !important; }
  2353. /* Subnav */
  2354. div#subnav.item-list-tabs { background: transparent }
  2355. div.item-list-tabs#subnav ul li { margin-top: 0 }
  2356. div#subnav.item-list-tabs ul li a { color: #999 }
  2357. div#subnav.item-list-tabs ul li.current a {
  2358.     background: transparent;
  2359.     color: #444444;
  2360. }
  2361. div#subnav.item-list-tabs ul li a:hover {
  2362.     color: #222;
  2363.     background: transparent;
  2364. }
  2365. div.item-list-tabs#object-nav { margin-top: 0 }
  2366. div#subnav.item-list-tabs {
  2367.     border-bottom: 1px solid #E8E8E8;
  2368.     border-top: 0 solid;
  2369.     font-family: inherit;
  2370.     margin-bottom: 20px;
  2371.     overflow: hidden;
  2372. }
  2373. /* > Item Body
  2374. --------------------------------------------------------------*/
  2375. .item-body { margin: 20px 0 }
  2376. /* > Directories (Members, Groups, Blogs, Forums)
  2377. --------------------------------------------------------------*/
  2378. div.dir-search {
  2379.     left: 65%;
  2380.     margin-top: -60px;
  2381.     position: relative;
  2382.     width: 51%;
  2383. }
  2384. .dir-form { margin-bottom: 30px }
  2385. div.dir-search input[type=text] {
  2386.     display: inline-block;
  2387.     margin-right: 10px;
  2388. }
  2389. div.dir-search label { display: inline-block }
  2390. #content .item-title a { font-size: 120% }
  2391. .dir-form h3 .button {
  2392.     margin-bottom: 0;
  2393.     margin-top: 0;
  2394.     padding: 2px 12px;
  2395. }
  2396. .dir-form .info-box {
  2397.     float: left;
  2398.     margin-top: 10px;
  2399. }
  2400. /* > Pagination
  2401. --------------------------------------------------------------*/
  2402. div.pagination#user-pag, .friends div.pagination, .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination {
  2403.     background: #f8f8f8;
  2404.     border: none;
  2405.     padding: 8px 15px;
  2406. }
  2407. div.pagination .pag-count { float: none; line-height: 5px; font-style: italic;}
  2408. div.pagination .pagination-links {
  2409.     float: right;
  2410.     margin-top: -10px;
  2411. }
  2412. div.pagination .pagination-links span, div.pagination .pagination-links a {
  2413.     padding: 0 5px;
  2414. }
  2415. div.pagination .pagination-links a:hover { font-weight: bold }
  2416. div#pag-bottom { margin-top: 0 }
  2417. div.item-options {
  2418.     color: #73C1E6;
  2419.     font-size: 80%;
  2420.     font-weight: bold;
  2421.     text-transform: uppercase;
  2422. }
  2423. div.item-options a {
  2424.     padding-bottom: 2px;
  2425.     padding-top: 2px;
  2426. }
  2427. div.item-avatar img {
  2428.     display: block;
  2429.     float: left;
  2430.     margin: 5px 5px 5px 0;
  2431. }
  2432. .avatar-block { overflow: hidden }
  2433. /* > Error / Success Messages
  2434. --------------------------------------------------------------*/
  2435. div#message { margin: 15px 0 }
  2436. div#message.updated { clear: both }
  2437. div#message p {
  2438.     padding: 10px 15px;
  2439.     font-size: 85%;
  2440.     display: block;
  2441. }
  2442. /* Buttons that are disabled */
  2443. div.pending a, a.disabled {
  2444.     border-color: #eee;
  2445.     color: #bbb;
  2446.     cursor: default;
  2447. }
  2448. div.pending a:hover, a.disabled:hover {
  2449.     border-color: #eee;
  2450.     color: #bbb;
  2451. }
  2452. div.accept, div.reject {
  2453.     float: left;
  2454.     margin-left: 10px;
  2455. }
  2456. ul.button-nav {
  2457.         padding-left: 0px;
  2458.         clear: both;
  2459.         height: 45px;
  2460. }
  2461. ul.button-nav li {
  2462.         list-style: none;
  2463. }
  2464. ul.button-nav li a {
  2465.     float: left;
  2466.     margin: 0 10px 10px 0;
  2467.     padding: 8px 10px;
  2468.     font-weight: bold;
  2469. }
  2470. ul.button-nav li.current a {
  2471.     background: none repeat scroll 0 0 #EFEFEF;
  2472.     border: 1px solid #DDDDDD;
  2473.     border-radius: 3px 3px 3px 3px;
  2474.     margin-bottom: 20px;
  2475. }
  2476. /* > AJAX Loaders
  2477. --------------------------------------------------------------*/
  2478. .ajax-loader {
  2479.     background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important;
  2480.     background-position: 95% 50% !important;
  2481.     background-repeat: no-repeat !important;
  2482.     padding-right: 25px !important;
  2483.     display: none;
  2484. }
  2485. a.loading, li.loading a,#object-nav a.loading, #object-nav li.loading {
  2486.     background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif') !important;
  2487.     background-position: 5% 50% !important;
  2488.     background-repeat: no-repeat !important;
  2489.     padding-left: 25px !important;
  2490. }
  2491. /* > Input Forms
  2492. --------------------------------------------------------------*/
  2493. form.standard-form #basic-details-section input[type=password], form.standard-form #blog-details-section input#signup_blog_url { width: 35% }
  2494. form.standard-form#signup_form input[type=text], form.standard-form#signup_form textarea { width: 85% }
  2495. form.standard-form#signup_form div.submit { float: right }
  2496. div#signup-avatar img { margin: 0 15px 10px 0 }
  2497. form.standard-form textarea {
  2498.     width: 75%;
  2499.     height: 120px;
  2500. }
  2501. form.standard-form textarea#message_content { height: 200px }
  2502. form.standard-form#send-reply textarea { width: 97.5% }
  2503. form.standard-form p.description {
  2504.     color: #888888;
  2505.     font-size: 85%;
  2506.     font-style: italic;
  2507.     margin: -5px 0 15px;
  2508. }
  2509. form.standard-form div.submit {
  2510.     padding: 15px 0;
  2511.     clear: both;
  2512. }
  2513. form.standard-form div.submit input { margin-right: 15px }
  2514. form.standard-form div.radio ul {
  2515.     margin: 10px 0 15px 38px;
  2516.     list-style: disc;
  2517. }
  2518. form.standard-form div.radio ul li { margin-bottom: 5px }
  2519. form.standard-form a.clear-value {
  2520.     display: block;
  2521.     margin-top: 5px;
  2522.     outline: none;
  2523. }
  2524. form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section {
  2525.     float: left;
  2526.     width: 48%;
  2527. }
  2528. form.standard-form #profile-details-section { float: right }
  2529. form.standard-form #blog-details-section { clear: left }
  2530. form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
  2531.     background: #fafafa;
  2532.     color: #555;
  2533. }
  2534. form#send-invite-form { margin-top: 20px }
  2535. div#invite-list {
  2536.     height: 400px;
  2537.     overflow: scroll;
  2538.     padding: 5px;
  2539.     background: #f5f5f5;
  2540.     width: 160px;
  2541.     border: 1px solid #e4e4e4;
  2542.     margin: 10px 0;
  2543. }
  2544. #invite-list ul {
  2545.         padding: 0;
  2546. }
  2547. #invite-list ul li {
  2548.         list-style: none;
  2549. }
  2550. .action .button {
  2551.         padding: 3px 8px;
  2552.         font-size: 75%;
  2553. }
  2554. /* > Data Tables
  2555. --------------------------------------------------------------*/
  2556. .profile-fields {
  2557.     border: 0 none;
  2558.     font-size: inherit;
  2559. }
  2560. table tr td.thread-info p { margin: 0 }
  2561. table tr td.thread-info p.thread-excerpt {
  2562.     color: #888;
  2563.     font-size: 85%;
  2564.     margin-top: 3px;
  2565. }
  2566. div#sidebar table td, table.forum td { text-align: center }
  2567. table tr.alt { background: #F9F9F9 }
  2568. table.notification-settings {
  2569.     margin-bottom: 20px;
  2570.     text-align: left;
  2571. }
  2572. table.notification-settings th.icon, table.notification-settings td:first-child { display: none }
  2573. table.notification-settings th.title { width: 80% }
  2574. table.notification-settings .yes, table.notification-settings .no {
  2575.     width: 40px;
  2576.     text-align: center;
  2577. }
  2578. table tr.alt { background: #FBFBFB }
  2579. table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px }
  2580. .forums .pagination { padding: 10px 10px 10px 20px }
  2581. table.forum {
  2582.     border: 1px solid #FEF8F8;
  2583.     margin: 0;
  2584.     width: auto;
  2585. }
  2586. table.forum tr.sticky td {
  2587.     background: #FFF9DB;
  2588.     border-top: 1px solid #FFE8C4;
  2589.     border-bottom: 1px solid #FFE8C4;
  2590. }
  2591. table.forum tr.closed td.td-title {
  2592.     padding-left: 35px;
  2593.     background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/closed.png');
  2594.     background-position: 15px 50%;
  2595.     background-repeat: no-repeat;
  2596. }
  2597. table.forum td p.topic-text {
  2598.     color: #888;
  2599.     font-size: 85%;
  2600. }
  2601. table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 20px }
  2602. table.forum tr > td:last-child, table.forum tr > th:last-child { padding-right: 20px }
  2603. 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 }
  2604. table.forum td.td-freshness {
  2605.     font-size: 85%;
  2606.     color: #888;
  2607. }
  2608. table.forum td img.avatar {
  2609.     margin-right: 5px;
  2610.     display: none;
  2611. }
  2612. table.forum td.td-poster, table.forum td.td-group { min-width: 130px }
  2613. table.forum th#th-title { width: 40% }
  2614. table.forum th#th-postcount { width: 1% }
  2615. table.forum th#th-freshness {
  2616.     width: 10%;
  2617.     text-align: center;
  2618. }
  2619. /* > Activity Stream Posting
  2620. --------------------------------------------------------------*/
  2621. #item-body form#whats-new-form {
  2622.     margin-top: 20px;
  2623.     border: none;
  2624. }
  2625. #whats-new-form { margin-bottom: 30px }
  2626. .home-page form#whats-new-form {
  2627.     border-bottom: none;
  2628.     padding-bottom: 0;
  2629. }
  2630. form#whats-new-form h5 {
  2631.     color: #555555;
  2632.     font-size: 1.2em;
  2633.     font-weight: bold;
  2634.     line-height: 25px;
  2635.     margin: 0px 0 13px 76px;
  2636.     padding: 0 0 0;
  2637. }
  2638. form#whats-new-form #whats-new-avatar { float: left }
  2639. form#whats-new-form #whats-new-content {
  2640.     margin-left: 54px;
  2641.     padding-left: 22px;
  2642. }
  2643. form#whats-new-form #whats-new-textarea {
  2644.     margin-bottom: 10px;
  2645. }
  2646. form#whats-new-form textarea {
  2647.     font-family: inherit;
  2648.     font-size: 110%;
  2649.     height: 60px !important;
  2650.     margin: 0;
  2651.     width: 100%;
  2652. }
  2653. form#whats-new-form #whats-new-options select { max-width: 200px }
  2654. form#whats-new-form #whats-new-submit {
  2655.     float: right;
  2656.     margin-top: -10px;
  2657. }
  2658. #whats-new-options {
  2659.     height: 0;
  2660.     overflow: hidden;
  2661. }
  2662. /* > Activity Stream Listing
  2663. --------------------------------------------------------------*/
  2664. ul.activity-list li {
  2665.     padding: 20px 0 0 0;
  2666.     overflow: hidden;
  2667. }
  2668. ul.activity-list > li:first-child { padding-top: 20px }
  2669. ul.activity-list li.has-comments { padding-bottom: 20px }
  2670. .activity-list li.mini {
  2671.     position: relative;
  2672.     padding: 12px 0 0 0;
  2673. }
  2674. .activity-list li.mini div.activity-meta { margin: 0 }
  2675. .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic {
  2676.     height: 40px;
  2677.     margin-bottom: 20px;
  2678.     width: 40px;
  2679. }
  2680. .activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
  2681.     width: 40px;
  2682.     height: 40px;
  2683.     margin-left: 20px;
  2684. }
  2685. body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
  2686.     width: 100px;
  2687.     height: 100px;
  2688.     margin-left: 0;
  2689. }
  2690. .activity-list li.mini .activity-content { margin-right: 175px }
  2691. .activity-list li.mini .activity-content p {
  2692.     margin: 3px 0 0;
  2693.     float: left;
  2694.     width: 84%;
  2695. }
  2696. .activity-list li.mini .activity-meta {
  2697.     position: absolute;
  2698.     right: 0;
  2699.     top: 15px;
  2700. }
  2701. body.activity-permalink .activity-list li.mini .activity-meta {
  2702.     position: absolute;
  2703.     right: 15px;
  2704. }
  2705. .activity-list li.mini .activity-comments {
  2706.     clear: left;
  2707.     font-size: 100%;
  2708.     margin-top: 30px;
  2709. }
  2710. .activity-list li .activity-inreplyto {
  2711.     color: #A6A6A6;
  2712.     font-size: 85%;
  2713.     margin-bottom: 15px;
  2714.     margin-top: 20px;
  2715.     padding-left: 25px;
  2716.     background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/replyto_arrow.gif')7px 0 no-repeat;
  2717. }
  2718. .activity-list li .activity-inreplyto > p {
  2719.     margin: 0;
  2720.     display: inline;
  2721. }
  2722. .activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner {
  2723.     background: none;
  2724.     border: none;
  2725.     display: inline;
  2726.     padding: 0;
  2727.     margin: 0;
  2728.     overflow: hidden;
  2729. }
  2730. body.activity-permalink .activity-list .activity-avatar img {
  2731.     width: 100px;
  2732.     height: 100px;
  2733. }
  2734. .activity-list .activity-content {
  2735.     margin-left: 70px;
  2736.     margin-top: -20px;
  2737. }
  2738. body.activity-permalink .activity-list li .activity-content {
  2739.     font-size: 130%;
  2740.     line-height: 150%;
  2741.     margin-left: 106px;
  2742.     margin-right: 0;
  2743.     margin-top: -25px;
  2744.     min-height: 35px;
  2745.     padding: 15px;
  2746. }
  2747. body.activity-permalink .activity-list li .activity-header > p {
  2748.     margin-left: -35px;
  2749.     padding: 5px 0 0 38px;
  2750.     height: 35px;
  2751.     margin-bottom: 0;
  2752. }
  2753. .activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header {
  2754.     color: #888888;
  2755.     font-size: 85%;
  2756.     line-height: 180%;
  2757. }
  2758. .activity-list .activity-content .activity-header img.avatar {
  2759.     float: none !important;
  2760.     margin: 0 5px -8px 0 !important;
  2761. }
  2762. .activity-list .activity-content a:first-child:focus { outline: none }
  2763. .activity-list .activity-content span.time-since { color: #bbb }
  2764. .activity-list .activity-content span.activity-header-meta a {
  2765.     background: none;
  2766.     padding: 0;
  2767.     font-size: 85%;
  2768.     margin: 0;
  2769.     border: none;
  2770.     color: #777;
  2771.     text-decoration: underline;
  2772. }
  2773. a.bp-primary-action span, #reply-title small a span {
  2774.     background: none repeat scroll 0 0 #696868;
  2775.     border: 1px solid #FFFFFF;
  2776.     border-radius: 3px 3px 3px 3px;
  2777.     color: #EFEFEF;
  2778.     font-size: 85%;
  2779.     margin-left: 2px;
  2780.     padding: 2px 4px 0;
  2781.     text-shadow: 0 1px 0 #222222;
  2782. }
  2783. .activity-list .activity-content span.activity-header-meta a:hover {
  2784.     color: inherit;
  2785.     text-decoration: none;
  2786. }
  2787. .activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote {
  2788.     background: #FBFBFB;
  2789.     border: 1px solid #F4F4F4;
  2790.     margin: 15px 0 15px 5px;
  2791.     overflow: hidden;
  2792.     padding: 10px;
  2793. }
  2794. .activity-list .activity-content .activity-inner p { margin: 0 }
  2795. .activity-inner img {
  2796.         max-width: 100% !important;
  2797.         height: auto;
  2798. }
  2799. body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote { margin-top: 5px }
  2800. /* Backwards compatibility. */
  2801. .activity-inner > .activity-inner { margin: 0 !important }
  2802. .activity-inner > blockquote { margin: 0 !important }
  2803. .activity-list .activity-content img.thumbnail {
  2804.     float: left;
  2805.     margin: 0 10px 5px 0;
  2806.     border: 2px solid #eee;
  2807. }
  2808. .activity-list li.load-more {
  2809.     margin: 15px 0;
  2810.     padding: 10px 15px;
  2811.     background: #f0f0f0;
  2812.     text-align: center;
  2813.     font-size: 1.2em;
  2814.     border-right: 1px solid #ddd;
  2815.     border-bottom: 1px solid #ddd;
  2816.     min-height: 40px;
  2817. }
  2818. .activity-list li.load-more a { color: #555 }
  2819. /* > Activity Stream Comments
  2820. --------------------------------------------------------------*/
  2821. .activity-permalink div.activity {
  2822.     margin-left: 30px;
  2823.     margin-right: 10px;
  2824.     margin-top: 20px;
  2825. }
  2826. div.activity-meta {
  2827.     margin: 0 0 20px 3px;
  2828.     clear: left;
  2829. }
  2830. .activity-list div.activity-meta a { font-size: 75%;}
  2831. div.activity-comments {
  2832.     position: relative;
  2833.     margin: 0 0 0 75px;
  2834.     width: auto;
  2835.     overflow: hidden; /* IE fix */
  2836. }
  2837. body.activity-permalink div.activity-comments {
  2838.     width: auto;
  2839.     margin-left: 135px;
  2840.     background: none;
  2841. }
  2842. div.activity-comments ul, div.activity-comments ul li {
  2843.     border: none;
  2844.     list-style: none;
  2845. }
  2846. div.activity-comments ul {
  2847.     clear: left;
  2848.     padding: 0;
  2849. }
  2850. div.activity-comments ul li {
  2851.     background: #FBFBFB;
  2852.     border: 1px solid #F4F4F4;
  2853.     padding: 5px;
  2854. }
  2855. body.activity-permalink div.activity-comments ul li {
  2856.     border-width: 1px;
  2857.     padding: 10px 0 0;
  2858. }
  2859. div.activity-comments ul li p:last-child { margin-bottom: 10px }
  2860. div.activity-comments > ul > li:first-child { border-top: none }
  2861. div.activity-comments ul li:last-child { margin-bottom: 0 }
  2862. div.activity-comments ul li > ul {
  2863.     margin-top: 0;
  2864.     margin-left: 20px;
  2865. }
  2866. body.activity-permalink div.activity-comments ul li > ul { margin-top: 15px }
  2867. div.activity-comments div.acomment-avatar img {
  2868.     float: left;
  2869.     margin-right: 10px;
  2870.     height: 30px;
  2871.     width: 30px;
  2872. }
  2873. div.activity-comments div.acomment-content {
  2874.     font-size: 95%;
  2875.     margin-left: 49px;
  2876.     margin-top: 5px;
  2877. }
  2878. #content div.activity-comments li {
  2879.     background: #FBFBFB;
  2880.     border: 1px solid #F4F4F4;
  2881.     padding: 10px 15px;
  2882. }
  2883. div.acomment-content .time-since { display: none }
  2884. div.acomment-content .activity-delete-link { display: none }
  2885. div.acomment-content .comment-header { display: none }
  2886. body.activity-permalink div.activity-comments div.acomment-content { font-size: 120%; }
  2887. div.activity-comments div.acomment-meta {
  2888.     font-size: 85%;
  2889.     color: #888;
  2890. }
  2891. div.acomment-options a {
  2892.     font-size: 80%;
  2893.     padding: 0 10px;
  2894. }
  2895. div.activity-comments form.ac-form {
  2896.     background: #FAFAFA;
  2897.     border: 1px solid #F1F1F1;
  2898.     display: none;
  2899.     margin: 10px 0 10px 33px;
  2900.     padding: 8px;
  2901. }
  2902. div.activity-comments li form.ac-form { margin-right: 15px }
  2903. div.activity-comments form.root { margin-left: 0 }
  2904. div.activity-comments div#message {
  2905.     margin-top: 15px;
  2906.     margin-bottom: 0;
  2907. }
  2908. div.activity-comments form.loading {
  2909.     background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/buddypress/ajax-loader.gif');
  2910.     background-position: 2% 95%;
  2911.     background-repeat: no-repeat;
  2912. }
  2913. div.activity-comments form .ac-textarea {
  2914.     padding: 8px;
  2915.     border: 1px inset #ccc;
  2916.     background: #fff;
  2917.     margin-bottom: 10px;
  2918. }
  2919. div.activity-comments form textarea {
  2920.     width: 100%;
  2921.     font-family: inherit;
  2922.     font-size: 85%;
  2923.     color: #555;
  2924.     height: 60px;
  2925.     border: none;
  2926.     padding: 0;
  2927. }
  2928. div.activity-comments form input { margin-top: 5px }
  2929. div.activity-comments form div.ac-reply-avatar {
  2930.     float: left;
  2931.     height: 25px;
  2932.     width: 25px;
  2933. }
  2934. div.acomment-avatar img {
  2935.     height: 40px;
  2936.     width: 40px;
  2937. }
  2938. div.ac-reply-avatar img {
  2939.     height: 25px;
  2940.     width: 25px;
  2941. }
  2942. div.activity-comments form div.ac-reply-content {
  2943.     margin-left: 25px;
  2944.     padding-left: 15px;
  2945.     color: #888;
  2946.     font-size: 85%;
  2947. }
  2948. /* > Private Message Threads
  2949. --------------------------------------------------------------*/
  2950. table#message-threads {
  2951.     border: 0 none;
  2952.     font-size: 95%;
  2953.     margin-bottom: 20px;
  2954.     margin-top: 20px;
  2955.     padding: 0;
  2956. }
  2957. table#message-threads th + th, table#message-threads td + td { border-left: 0px solid #F2F2F2 }
  2958. table#message-threads tr.unread td {
  2959.     background: #FFF9DB;
  2960.     border-top: 1px solid #FFE8C4;
  2961.     border-bottom: 1px solid #FFE8C4;
  2962.     font-weight: bold;
  2963. }
  2964. table#message-threads tr.unread td span.activity { background: #fff }
  2965. li span.unread-count, tr.unread span.unread-count {
  2966.     background: #DD0000;
  2967.     color: #FFFFFF;
  2968.     font-weight: bold;
  2969.     left: 37px;
  2970.     padding: 2px 8px;
  2971.     position: relative;
  2972. }
  2973. div.item-list-tabs ul li a span.unread-count {
  2974.     padding: 1px 6px;
  2975.     color: #fff;
  2976. }
  2977. .messages th, .messages td {
  2978.     border-top: 1px solid #F4F4F4;
  2979.     line-height: 18px;
  2980.     padding: 15px 10px 15px 0;
  2981.     text-align: left;
  2982. }
  2983. div.messages-options-nav {
  2984.     background: transparent;
  2985.     border-bottom: 1px solid #DDDDDD;
  2986.     border-top: 1px solid #DDDDDD;
  2987.     font-size: 85%;
  2988.     padding: 8px 15px;
  2989.     text-align: right;
  2990. }
  2991. div.messages-options-nav select { float: right }
  2992. .thread-options .button {
  2993.     font-size: 85%;
  2994.     left: 10px;
  2995.     line-height: 21px;
  2996.     padding: 0 7px;
  2997.     position: relative;
  2998. }
  2999. div#message-thread div.message-box {
  3000.     margin: 0 -20px;
  3001.     padding: 15px;
  3002. }
  3003. div#message-thread div.alt { background: #f4f4f4 }
  3004. div#message-thread p#message-recipients { margin: 10px 0 20px 0 }
  3005. div#message-thread img.avatar {
  3006.     float: left;
  3007.     margin: 0 10px 0 0;
  3008.     vertical-align: middle;
  3009. }
  3010. div#message-thread strong {
  3011.     margin: 0;
  3012.     font-size: 110%;
  3013. }
  3014. div#message-thread strong a { text-decoration: none }
  3015. div#message-thread strong span.activity { margin: 4px 0 0 10px }
  3016. div#message-thread div.message-metadata { overflow: hidden }
  3017. div#message-thread div.message-content { margin-left: 45px }
  3018. div#message-thread div.message-options { text-align: right }
  3019. /* > Group Forum Topics
  3020. --------------------------------------------------------------*/
  3021. ul#topic-post-list {
  3022.     margin-top: 15px;
  3023.     width: auto;
  3024. }
  3025. ul#topic-post-list li {
  3026.     padding: 15px 15px 15px 0;
  3027.     position: relative;
  3028. }
  3029. ul#topic-post-list li.alt { background: #FBFBFB }
  3030. ul#topic-post-list li div.poster-meta {
  3031.     margin-bottom: 10px;
  3032.     color: #888;
  3033. }
  3034. ul#topic-post-list li div.post-content { margin-left: 54px }
  3035. div.admin-links {
  3036.     position: absolute;
  3037.     top: 15px;
  3038.     right: 25px;
  3039.     color: #888;
  3040.     font-size: 85%;
  3041. }
  3042. div#topic-meta div.admin-links {
  3043.     bottom: 0;
  3044.     right: 0;
  3045.     top: auto;
  3046.     bottom: 4px;
  3047. }
  3048. div#topic-meta {
  3049.     position: relative;
  3050.     padding: 5px 0;
  3051. }
  3052. div#new-topic-post {
  3053.     margin: 0;
  3054.     padding: 1px 0 0 0;
  3055. }
  3056. /*
  3057. ----------------------------------------------------------------
  3058. //LAYOUT
  3059. + Global & Wraps
  3060. + Header
  3061. + Navigation Menus
  3062. + Content
  3063. + Sidebar
  3064. + Footer
  3065. + Activity Stream
  3066. + Groups Directory
  3067. + Member Directory
  3068. + Misc.
  3069.  
  3070. You can disable the css in this file by adding the following code to your child theme config/infinity.ini file.
  3071.  
  3072. cbox-design = off
  3073.  
  3074. This allows you to quickly create a custom style for your theme. When you're developing always make sure to turn on Infinity
  3075. developer mode by addding the following to your wp-config or functions.php
  3076.  
  3077. define( 'INFINITY_DEV_MODE', true );
  3078.        
  3079.  
  3080.  
  3081. Infinity combines all the stylesheets into one file called dynamic.css. You can also write CSS using LESS. To learn all about this visit
  3082. http://infinity.presscrew.com/learn
  3083. --------------------------------------------------------------*/
  3084. body {
  3085.         background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
  3086.         border-top: 5px solid #4B4A47;
  3087.         font: 13.6px/140% "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  3088. }
  3089. h2.page-title a,h2.post-title a,h1.page-title a,h1.post-title a {
  3090.         color: #545454;
  3091.         margin-top: 0;
  3092. }
  3093. h2.page-title,h2.post-title,h1.page-title,h1.post-title {
  3094.         color: #545454;
  3095.         margin-top: 0;
  3096. }
  3097. a {
  3098.         color: #4183C4;
  3099.         text-decoration: none;
  3100.         -webkit-transition: color 0.1s linear;
  3101.         -moz-transition: color 0.1s linear;
  3102.         -o-transition: color 0.1s linear;
  3103.         -ms-transition: color 0.1s linear;
  3104.         transition: color 0.1s linear;
  3105. }
  3106. a:hover {
  3107. text-decoration: underline;
  3108. }
  3109. .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 {
  3110.         border: none;
  3111.         text-decoration: none;
  3112. }
  3113. #header {
  3114.         background: #111;
  3115.         border-radius: 5px 5px 0px 0px;
  3116. }
  3117. /* Also add a border radius to our pseudo element for header background */
  3118. #header:before {
  3119.         border-radius: 5px 5px 0px 0px;
  3120. }
  3121. h1#site-title,div#site-title {
  3122.         border-bottom: 2px solid #DDDDDD;
  3123.         border-radius: 0 12px 12px 0;
  3124.         border-right: 1px solid #C1C1C1;
  3125.         border-top: 1px solid #D0CECE;
  3126. }
  3127. #site-description {
  3128.         font-style: italic;
  3129.         color: #999999;
  3130. }
  3131. .main-wrap {
  3132.         background: #FFF;
  3133. }
  3134. /* Global CSS3 Stuff */
  3135. .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 {
  3136.         background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  3137.         background-image: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  3138.         background-image: -o-linear-gradient(top, #333333 0%, #222222 100%);
  3139.         background-image: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  3140.         background-image: linear-gradient(top, #333333 0%, #222222 100%);
  3141.         background-repeat: repeat-x;
  3142.         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  3143.         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  3144.         border-bottom: 1px solid #292525;
  3145.         border-top: 2px solid #525151;
  3146. }
  3147. .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 {
  3148.         background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
  3149.         background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
  3150.         background-image: -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
  3151.         background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
  3152.         background-image: linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
  3153.         -image -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  3154.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  3155.         text-shadow: 0 1px 0 #FFFFFF;
  3156.         border: 0px;
  3157. }
  3158. /* Menus */
  3159. .base-menu ul a,div.item-list-tabs ul li a,div.item-list-tabs ul li span,#footer-menu ul li a {
  3160.         color: #FFF;
  3161.         font-weight: 400;
  3162.         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3163. }
  3164. .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 {
  3165.         color: #BBB;
  3166. }
  3167. .main-menu {
  3168.         border-radius: 6px 6px 6px 6px;
  3169.         font-size: 115%;
  3170. }
  3171. .main-menu ul a {
  3172.         font-weight: 500;
  3173.         border-radius: 6px 6px 6px 6px;
  3174. }
  3175. .main-menu ul a:hover {
  3176.         background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
  3177. }
  3178. .base-menu ul li.current-cat a,.base-menu ul li.current_page_item a,.base-menu ul li.current-menu-item a {
  3179.         font-weight: bold;
  3180.         background: url('VU-Community/wp-content/themes/cbox-theme/assets/images/bg-body.gif') repeat transparent;
  3181. }
  3182. .widget h4,#vertical-activity-tabs h4 {
  3183.         border-bottom: 1px solid #EDEDED;
  3184. }
  3185. /* Footer */
  3186. #footer .footer-widget {
  3187.         color: #EFEFEF;
  3188.         font-weight: 400;
  3189.         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3190.         width: 33%;
  3191. }
  3192. #footer .widget h4 {
  3193.         border-bottom: 1px solid #3E3C3C;
  3194.         color: #FFF;
  3195. }
  3196. #content .homepage-widget {
  3197.         width: 33%;
  3198. }
  3199. #powered-by {
  3200.         min-height: inherit;
  3201. }
  3202. /* WordPress */
  3203. h1#category-title,h1#tag-title {
  3204.         color: #999;
  3205.         font-size: 125%;
  3206. }
  3207. h1#category-title span,h1#tag-title span {
  3208.         color: #555;
  3209. }
  3210. /* BuddyPress */
  3211. #item-header-avatar img.avatar {
  3212.         -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  3213.         box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  3214.         border-radius: 8px;
  3215. }
  3216. ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img {
  3217.         border-radius: 3px 3px 3px 3px;
  3218.         -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  3219.         box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  3220. }
  3221. /* Activity Stream */
  3222. div.activity-meta {
  3223.         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  3224.         filter: alpha(opacity=50);
  3225.         opacity: 0.5;
  3226. }
  3227. div.activity-meta:hover {
  3228.         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  3229.         filter: alpha(opacity=100);
  3230.         opacity: 1;
  3231.         -webkit-transition-property: opacity;
  3232.         -moz-transition-property: opacity;
  3233.         -o-transition-property: opacity;
  3234.         -ms-transition-property: opacity;
  3235.         transition-property: opacity;
  3236.         -webkit-transition-duration: 0.4s;
  3237.         -moz-transition-duration: 0.4s;
  3238.         -o-transition-duration: 0.4s;
  3239.         -ms-transition-duration: 0.4s;
  3240.         transition-duration: 0.4s;
  3241. }
  3242. #vertical-activity-tabs ul li a {
  3243.         background-color: transparent;
  3244.         color: #777;
  3245.         font-weight: bold;
  3246.         text-shadow: none;
  3247. }
  3248. #vertical-activity-tabs ul li a:hover {
  3249.         color: #222;
  3250. }
  3251. #vertical-activity-tabs ul li.selected a {
  3252.         color: #EFEFEF;
  3253. }
  3254. div.item-list-tabs ul li a span {
  3255.         border-radius: 4px 4px 4px 4px;
  3256.         color: #999;
  3257. }
  3258. #subnav ul {
  3259.         background: none;
  3260.         -webkit-box-shadow: none;
  3261.         box-shadow: none;
  3262. }
  3263. ul.item-list li:last-child {
  3264.         border-bottom: 0px;
  3265. }
  3266. #subnav.item-list-tabs ul li a {
  3267.         color: #787676;
  3268.         font-weight: bold;
  3269.         text-shadow: none;
  3270. }
  3271. div#subnav.item-list-tabs {
  3272.         border-bottom: 1px solid #E8E8E8;
  3273.         border-top: 1px solid #EEEEEE;
  3274.         -webkit-box-shadow: none;
  3275.         box-shadow: none;
  3276. }
  3277. #sidebar .item-list-tabs li.loading a {
  3278.         background: transparent !important;
  3279.         background-image: url('VU-Community/wp-content/themes/cbox-theme/assets/images/ajax-loader.gif') !important;
  3280.         background-repeat: no-repeat !important;
  3281.         background-position: 5px 8px !important;
  3282. }
  3283. span.activity {
  3284.         border-radius: 3px 3px 3px 3px;
  3285.         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  3286.         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  3287.         color: #777777;
  3288.         font-size: 75%;
  3289.         font-weight: 400;
  3290. }
  3291. #powered-by {
  3292.         border-top: 1px solid #454545;
  3293.         color: #DDDDDD;
  3294.         font-weight: bold;
  3295. }
  3296. #item-body form#whats-new-form {
  3297.         background: none repeat scroll 0 0 #F8F8F8;
  3298.         border-bottom: 1px solid #DDDDDD;
  3299. }
  3300. .bp-user #item-buttons .generic-button a:hover,#profile-nav-menu a:hover {
  3301.         color: #4183C4;
  3302. }
  3303. .bp-user #item-buttons .generic-button a {
  3304.         font-size: 120%;
  3305. }
  3306. #profile-nav-menu {
  3307.         margin-bottom: -35px;
  3308.         margin-top: -10px;
  3309. }
  3310. #profile-nav-menu a {
  3311.         font-size: 90%;
  3312. }
  3313. .sidebar-activity-tabs ul li a {
  3314.         color: #777;
  3315.         font-weight: bold;
  3316. }
  3317. .sidebar-activity-tabs ul li a:hover {
  3318.         color: #222;
  3319. }
  3320. .sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
  3321.         background: none repeat scroll 0 0 #FFFFFF;
  3322.         border: 1px solid #DDDDDD;
  3323.         border-radius: 4px 4px 4px 4px;
  3324.         color: #A6A4A3;
  3325.         font-size: 75%;
  3326.         font-weight: bold;
  3327. }
  3328. .sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
  3329.         background: none repeat scroll 0 0 #333333;
  3330.         color: #999999;
  3331.         border: 1px solid #282828;
  3332. }
  3333. #vertical-activity-tabs ul li span {
  3334.         background: transparent;
  3335. }
  3336. .sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected {
  3337.         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3338. }
  3339. .sidebar-activity-tabs .profile-subnav li.selected {
  3340.         background: none repeat scroll 0 0 #363636;
  3341.         border-top: 1px solid #3E3D3D;
  3342. }
  3343. .sidebar-activity-tabs ul.profile-subnav li.current.selected a {
  3344.         color: #FFF;
  3345.         font-weight: bold;
  3346. }
  3347. .sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a {
  3348.         color: #EFEFEF;
  3349.         font-weight: bold;
  3350. }
  3351. .sidebar-activity-tabs ul li:hover a {
  3352.         font-weight: bold;
  3353. }
  3354. /* Second Level */
  3355. #object-nav ul.profile-subnav {
  3356.         border-bottom: 0 none;
  3357.         border-top: 1px solid #1A1A1A;
  3358. }
  3359. ul.profile-subnav li {
  3360.         text-shadow: 0 1px 0 #111111;
  3361.         border-top: 1px solid #444;
  3362.         border-bottom: 1px solid #333;
  3363.         background: none repeat scroll 0 0 #363636;
  3364. }
  3365. ul.profile-subnav li a:before {
  3366.         color: #4D4D4D;
  3367.         content: "+";
  3368.         font-size: 100%;
  3369.         margin-left: 0;
  3370.         padding-right: 7px;
  3371.         position: relative;
  3372.         top: 1px;
  3373. }
  3374. .sidebar-activity-tabs ul li.current ul.profile-subnav li a {
  3375.         color: #AAAAAA;
  3376.         font-weight: normal;
  3377. }
  3378. ul.profile-subnav li.current a:before {
  3379.         color: inherit;
  3380. }
  3381. .sidebar-activity-tabs ul li.current ul.profile-subnav li a:hover {
  3382.         color: #FFF;
  3383. }
  3384. .edit-notifications-button:before {
  3385.         content: "_";
  3386. }
  3387. .edit-avatar-button:before {
  3388.         content: "2";
  3389. }
  3390. .edit-password-button:before {
  3391.         content: "y";
  3392. }
  3393. .edit-profile-button:before {
  3394.         content: "9";
  3395. }
  3396. /* ======== */
  3397. /* ! Misc    */
  3398. /* ======== */
  3399. thead:first-child tr th,thead:first-child tr td {
  3400.         color: #DDD;
  3401. }
  3402. div#invite-list {
  3403.         background: none repeat scroll 0 0 #F5F5F5;
  3404.         border: 1px solid #E4E4E4;
  3405. }
  3406. ul.item-list li {
  3407.         border-bottom: 1px solid #F5F5F5;
  3408.         padding-top: 30px;
  3409.         padding-bottom: 20px;
  3410. }
  3411. /* ======== */
  3412. /* ! HomePage    */
  3413. /* ======== */
  3414. .flexslider .slides img {
  3415.         -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  3416.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  3417. }
  3418. .flex-caption {
  3419.         background-image: url('VU-Community/wp-content/themes/cbox-theme/engine/includes/feature-slider/assets/images/slides-bg.png');
  3420.         color: #FFF;
  3421.         text-shadow: 0 1px 0 #000000;
  3422.         border-top: 1px solid #545353;
  3423. }
  3424. .flex-caption h2 {
  3425.         color: #EFEFEF;
  3426. }
  3427. /* ======== */
  3428. /* ! Docs    */
  3429. /* ======== */
  3430. thead:first-child tr th a,thead:first-child tr td a {
  3431.         color: #EFEFEF;
  3432. }
  3433. .docs .doc-tabs {
  3434.         background: none repeat scroll 0 0 #FFFFFF;
  3435. }
  3436. .docs .doc-tabs li a {
  3437.         border-radius: 5px 5px 5px 5px;
  3438. }
  3439. .docs .toggle-content {
  3440.         border: 1px solid #DDD;
  3441.         border-radius: 0px 0px 3px 3px;
  3442. }
  3443. .docs div.docs-info-header {
  3444.         background: transparent;
  3445. }
  3446. /* Email Nofications */
  3447. .single-item .group-subscription-div {
  3448.         color: green;
  3449. }
  3450.  
  3451. /*
  3452. Theme Name: Balance Responsive Theme
  3453. Parent styles */
  3454. /* This stylesheet contains a bunch of extra stuff like buttons and Menu Icons you can use across your theme.*/
  3455. /*
  3456.  /* Columns Shortcodes*/
  3457. /*--------------------------------------------------------------
  3458. 1.1 - iPad Landscape
  3459. --------------------------------------------------------------*/
  3460. body { min-width: inherit }
  3461. @media only screen and (max-width: 768px) {
  3462.         html {
  3463.             margin-top: 0 !important;
  3464.         }
  3465.         body {
  3466.                 margin-top: -28px;
  3467.         }
  3468.         #wpadminbar,
  3469.         .twipsy { display: none !important }
  3470.         #sidebar {
  3471.                 min-height: auto !important;
  3472.         }
  3473.         body #wrapper {
  3474.                 margin: 0 10px 10px;
  3475.         }
  3476.     .main-menu select.mobileMenu {
  3477.             float: right;
  3478.     }
  3479.         .callout-box,
  3480.         .flex-caption,
  3481.         #feature-box h3 { display: none }
  3482.         .callout-box { padding: 0px }
  3483.         html.js { margin-top: 0 !important }
  3484.         img,
  3485.         fieldset {
  3486.             max-width: 100%;
  3487.             height: auto;
  3488.         }
  3489.         ul.sf-menu,
  3490.         div.menu ul { display: none }
  3491.         div.item-list-tabs select {
  3492.             margin-left: 20px;
  3493.             margin-top: 10px;
  3494.         }
  3495.         #subnav select { margin-top: 5px }
  3496.         .mobileMenu { margin-top: 5px }
  3497.         .post-category,
  3498.         .time-posted { display: none }
  3499.         body select.mobileMenu {
  3500.     background: none repeat scroll 0 0 transparent;
  3501.     border: 1px solid #555555;
  3502.     border-radius: 2px 2px 2px 2px;
  3503.     box-shadow: none;
  3504.     color: #EFEFEF;
  3505.     float: left;
  3506.     margin-right: 10px;
  3507.     width: 30%;
  3508.     }
  3509.         #wpadminbar{ display: none }
  3510.         div#content .padder {
  3511.             margin-right: 0;
  3512.             width: auto;
  3513.             float: none;
  3514.             border: none;
  3515.         }
  3516.         #item-header-avatar img.avatar {
  3517.     width: 40%;
  3518.     }
  3519. }
  3520. /*--------------------------------------------------------------
  3521. 1.2 - iPad Portrait
  3522. --------------------------------------------------------------*/
  3523. @media only screen and (max-width: 640px) {
  3524.         div.dir-search {
  3525.             float: none;
  3526.             margin: 1.25em 0 0;
  3527.         }
  3528.         div#item-header div#item-header-content { margin-left: 0px }
  3529.         #div.activity-comments { margin: 0 }
  3530.         #feature-box #callout-button {
  3531.             position: inherit;
  3532.             position: inherit;
  3533.             right: inherit;
  3534.             top: inherit;
  3535.         }
  3536.         li.featured-item { text-align: center }
  3537.         div#item-header img.avatar {
  3538.             height: 80px !important;
  3539.             width: 80px !important;
  3540.         }
  3541.         div#item-header ul img.avatar,
  3542.         div#item-header ul.avatars img.avatar {
  3543.             height: 30px !important;
  3544.             margin: 2px;
  3545.             width: 30px !important;
  3546.         }
  3547.         .activity-header p { line-height: 280% !important }
  3548.         .activity-list .activity-content .activity-header img.avatar { display: none }
  3549.         .my-account .activity-avatar {
  3550.                 display: none;
  3551.         }
  3552.         .pie-easy-exts-features-header-logo img {
  3553.             margin-top: 8px;
  3554.             width: 224px;
  3555.         }
  3556.         div.dir-search {
  3557.             float: none;
  3558.             margin: 1.25em 0 0;
  3559.         }
  3560.         ul.item-list li div.action {
  3561.             padding-left: 64px;
  3562.             position: relative;
  3563.             right: auto;
  3564.             text-align: left;
  3565.             top: 1em;
  3566.             margin-bottom: 1.25em;
  3567.         }
  3568.         .activity-list li.mini { display: none }
  3569.         div.dir-search { position: inherit }
  3570.         ul.item-list li div.action {
  3571.             padding-left: 64px;
  3572.             position: relative;
  3573.             right: auto;
  3574.             text-align: left;
  3575.             top: 1em;
  3576.             margin-bottom: 1.25em;
  3577.         }
  3578.         .activity-list .activity-content { margin-left: 0 }
  3579.         div.activity-comments {
  3580.     margin: 0;
  3581. }
  3582. }
  3583. /*--------------------------------------------------------------
  3584. 2.0 - Smartphone (any)
  3585. --------------------------------------------------------------*/
  3586. @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {    }
  3587. @media only screen and (max-width: 480px) {
  3588.         body {
  3589.             width: 100%;
  3590.         }
  3591.         #logo-menu-wrap img { max-width: 140px }
  3592.         #copyright-info { text-align: center }
  3593.         #site-title { top: 10% !important }
  3594.         .activity-list li.mini .activity-content p { width: 440% !important }
  3595. }
  3596. /*--------------------------------------------------------------
  3597. 3.0 - iPhone
  3598. --------------------------------------------------------------*/
  3599. @media only screen and (max-width: 320px) {
  3600.         #sidebar { width: 100% !important }
  3601.         form#groups-directory-form h3 a {
  3602.             display: block;
  3603.             margin-top: 0.6em;
  3604.         }
  3605.         form#whats-new-form div#whats-new-avatar { display: none }
  3606.         form#whats-new-form h5 { margin: 0 0 0 0px }
  3607.         form#whats-new-form #whats-new-content {
  3608.             margin-left: 0px;
  3609.             padding-left: 0px;
  3610.         }
  3611.         body.activity-permalink .activity-list li .activity-content { margin-left: 0 }
  3612.         body.activity-permalink .activity-list li.mini .activity-meta { left: 0 }
  3613. }
  3614. /*--------------------------------------------------------------
  3615. 2.0 - Smartphone (any)
  3616. --------------------------------------------------------------*/
  3617. @media only screen and (max-width: 480px) {
  3618.         div.item-list-tabs ul li.last {
  3619.             float: none;
  3620.             margin: 0.3em 0.6em;
  3621.         }
  3622.         div#subnav.item-list-tabs ul li.last { margin-top: 1em }
  3623.         div#subnav ul { padding-top: 0.6em }
  3624.         div.pagination { padding: 0.6em }
  3625.         div.item-list-tabs ul { padding-top: 0 }
  3626.             div.item-list-tabs ul li { margin-top: 0 }
  3627.         form.standard-form #basic-details-section,
  3628.         form.standard-form #blog-details-section,
  3629.         form.standard-form #profile-details-section {
  3630.             float: none;
  3631.             width: 100%;
  3632.         }
  3633.         div.item-list-tabs { height: auto !important }
  3634. }
  3635. /* --------------------------------------------------
  3636.         :: Forms
  3637. ---------------------------------------------------*/
  3638. @media only screen and (max-width: 767px) {
  3639.         input.input-text,
  3640.         input.input-text.oversize,
  3641.         textarea,
  3642.         form.nice input.input-text,
  3643.         form.nice input.input-text.oversize,
  3644.         form.nice textarea {
  3645.             display: block;
  3646.             width: 96%;
  3647.             padding: 6px 2% 4px;
  3648.             font-size: 18px;
  3649.         }
  3650.         form.nice input.input-text,
  3651.         form.nice input.input-text.oversize,
  3652.         form.nice textarea {
  3653.             -webkit-border-radius: 2px;
  3654.             -moz-border-radius: 2px;
  3655.         }
  3656.         form.nice small.error {
  3657.             padding: 6px 2%;
  3658.             display: block;
  3659.         }
  3660.         form.nice .small + .error { width: auto }
  3661.         form.nice .medium + .error { width: auto }
  3662.         form.nice .large + .error { width: auto }
  3663. }
  3664. /* --------------------------------------------------
  3665.         :: UI
  3666. ---------------------------------------------------*/
  3667. /* Buttons */
  3668. @media only screen and (max-width: 767px) {
  3669.         .button { display: block }
  3670.         button.button {
  3671.             width: 100%;
  3672.             padding-left: 0px;
  3673.             padding-right: 0px;
  3674.         }
  3675. }
  3676. */
  3677. /* Visibility Classes ---------------------- */
  3678. /* Standard (large) display targeting */
  3679. .show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }
  3680.  
  3681. .hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }
  3682.  
  3683. /* Very large display targeting */
  3684. @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; }
  3685.   .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
  3686. /* Medium display targeting */
  3687. @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; }
  3688.   .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
  3689. /* Small display targeting */
  3690. @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; }
  3691.   .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
  3692. /* Orientation targeting */
  3693. .show-for-landscape, .hide-for-portrait { display: block !important; }
  3694.  
  3695. .hide-for-landscape, .show-for-portrait { display: none !important; }
  3696.  
  3697. @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
  3698.   .hide-for-landscape, .show-for-portrait { display: none !important; } }
  3699. @media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
  3700.   .hide-for-portrait, .show-for-landscape { display: none !important; } }
  3701. /* Touch-enabled device targeting */
  3702. .show-for-touch { display: none !important; }
  3703.  
  3704. .hide-for-touch { display: block !important; }
  3705.  
  3706. .touch .show-for-touch { display: block !important; }
  3707.  
  3708. .touch .hide-for-touch { display: none !important; }
  3709.  
  3710. /* Specific overrides for elements that require something other than display: block */
  3711. table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
  3712.  
  3713. @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; } }
  3714. @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; } }
  3715. h1.icext-feature.icext-header-logo,
  3716. div.icext-feature.icext-header-logo {
  3717.     margin: 0;
  3718. }
  3719. h1.icext-feature.icext-header-logo a,
  3720. div.icext-feature.icext-header-logo a {
  3721.         display: block;
  3722.         position: absolute;
  3723.         margin: 0;
  3724. }
  3725. /*+++ generating style ***/
  3726. div#icext-16f6e2e3 a,h1#icext-16f6e2e3 a {
  3727.         position: absolute;
  3728.         left: inherit;
  3729. }
  3730. /*--- style generation complete! */
  3731.  
  3732. .row {
  3733.         width: 1150px;
  3734. }
  3735. /* Global Padding */
  3736. #content,#sidebar,#content-full,#footer,#header{
  3737.         padding: 30px;
  3738. }
  3739. /* Global Negative Horizontal Padding */
  3740. #bbpress-forums,
  3741. div.bbp-breadcrumb,
  3742. #item-body form#whats-new-form,
  3743. div.item-list-tabs,
  3744. #powered-by,
  3745. #header #site-title,
  3746. .negative,
  3747. #group-navigation,
  3748. #profile-sidebar,
  3749. .sidebar-activity-tabs,
  3750. #sidebar .widget h4,
  3751. #vertical-activity-tabs,
  3752. .sidebar-activity-tabs ul li,
  3753. #content ul.item-list li {
  3754.         margin-left: -30px;
  3755.     margin-right: -30px;
  3756.     padding-left: 30px;
  3757.     padding-right: 30px;
  3758. }
  3759. /* Global Negative Vertical Padding */
  3760. #profile-sidebar {
  3761.         margin-bottom: -30px;
  3762.     margin-top: -30px;
  3763.     padding-bottom: 30px;
  3764.     padding-top: 30px;
  3765. }
  3766. #header {
  3767.     padding-bottom: 30px;
  3768.     padding-top: 30px;
  3769.     height: 120px;
  3770. }
  3771. h1#site-title,div#site-title {
  3772.         padding: 10px 30px 6px;
  3773. }
  3774. #site-description {
  3775.     position: relative;
  3776.     font-size: 14px;
  3777.     line-height: 180%;
  3778. }
  3779. #infinity-base .icext-feature a {
  3780.         left: 0px;
  3781.         position: inherit;
  3782. }
  3783. #infinity-base .icext-feature {
  3784.         position: absolute;
  3785. }
  3786. /* Menus */
  3787. #main-menu-wrap {
  3788.     padding: 10px 0 0;
  3789. }
  3790. .base-menu {
  3791.     padding-left: 20px;
  3792.     padding-right: 20px;
  3793. }
  3794. #main-menu-wrap .sub-menu { margin: 8px 0 0 }
  3795. .base-menu .sub-menu { padding-left: 0px !important }
  3796. .top-wrap .base-menu.sub-menu { border-top: 0; }
  3797.  
  3798. .main-menu {
  3799.         padding: 5px;
  3800. }
  3801. .main-menu ul a {
  3802.         margin-right: 10px;
  3803. }
  3804.  
  3805. /* Widgets */
  3806. .widget { margin: 0 0 20px }
  3807. #content .widget .item-list li {margin: auto; padding-left: 0px; padding-right: 0px;}
  3808.  
  3809. #category-description, #tag-description {
  3810.     padding: 10px 10px 10px 0;
  3811. }
  3812. .widget h4,#vertical-activity-tabs h4 {
  3813.         padding-bottom: 10px;
  3814.         padding-top: 10px;
  3815. }
  3816. .authorbox h3 {
  3817.         padding-left: 25px;
  3818. }
  3819. .comment-container {
  3820.         padding: 10px;
  3821. }
  3822. .children .comment-container {
  3823.         background: transparent;
  3824.         -webkit-box-shadow: none;
  3825.         box-shadow: none;
  3826. }
  3827. #comments .reply {
  3828.         left: inherit;
  3829.         top: 45px;
  3830. }
  3831.  
  3832. /* Footer */
  3833. #footer {
  3834.         padding-top: 0px;
  3835. }
  3836. /* ======== */
  3837. /* ! HomePage    */
  3838. /* ======== */
  3839. #top-homepage {
  3840.         margin: -30px -30px 30px;
  3841.         overflow: hidden;
  3842.         padding-left: 15px;
  3843.         padding-right: 15px;
  3844.         padding-top: 30px;
  3845. }
  3846. #top-homepage .flexslider {
  3847.         border: 0px;
  3848.         border-radius: 0px;
  3849.         margin: 0 0 60px;
  3850.         position: relative;
  3851. }
  3852. .flex-caption {
  3853.         bottom: 0;
  3854.         position: absolute;
  3855.         width: inherit;
  3856.         padding-top: 20px;
  3857.         padding-bottom: 20px;
  3858. }
  3859. .flex-caption p,.flex-caption h3 {
  3860.         padding-left: 20px;
  3861.         padding-right: 20px;
  3862. }
  3863. /* Avatars */
  3864. ul.item-list li img.avatar,#whats-new-avatar img,.item-avatar img {
  3865.         margin-left: 0;
  3866.         padding: 0;
  3867.         width: 50px;
  3868.         height: auto;
  3869. }
  3870. ul.item-list li img.avatar {
  3871.         width: 40px;
  3872.         height: 40px;
  3873. }
  3874. .avatar-block,.activity-avatar {
  3875.         padding-left: 2px;
  3876. }
  3877. .activity-list .activity-content .activity-header img.avatar {
  3878.         float: none !important;
  3879.         height: 20px;
  3880.         margin: 0 5px 0 0 !important;
  3881.         width: 20px;
  3882. }
  3883. #whats-new-avatar img {
  3884.         width: 60px;
  3885.         height: 60px;
  3886. }
  3887. /* Get rid of the Group Avatars in the stream updates */
  3888. .activity-header .avatar {
  3889.         display: none;
  3890. }
  3891. /* Activity Stream */
  3892. div.activity-meta {
  3893.         margin-bottom: 0;
  3894. }
  3895. .activity-list li.mini .activity-meta {
  3896.     position: absolute;
  3897.     right: 20px;
  3898.     top: 10px;
  3899. }
  3900. .sidebar-activity-tabs {
  3901.         padding-bottom: 30px;
  3902. }
  3903. #vertical-activity-tabs {
  3904.         background: none repeat scroll 0 0 transparent;
  3905.         margin-top: 0;
  3906. }
  3907. #vertical-activity-tabs,#group-navigation,#profile-navigation {
  3908.         border: 0 none;
  3909.         -webkit-box-shadow: none;
  3910.         box-shadow: none;
  3911. }
  3912. #vertical-activity-tabs ul li {
  3913.         float: none !important;
  3914. }
  3915. #vertical-activity-tabs ul {
  3916.         overflow: inherit;
  3917. }
  3918. #subnav ul {
  3919.         border-top: 0px;
  3920.         padding: 0;
  3921. }
  3922. #sidebar .item-list-tabs li.loading a {
  3923.         padding-left: 30px !important;
  3924. }
  3925. div.item-list-tabs {
  3926.         clear: both;
  3927.         min-height: 37px;
  3928.         position: relative;
  3929. }
  3930. .activity-list div.activity-meta a {
  3931.         font-size: 70%;
  3932. }
  3933. .activity-list .activity-content .activity-inner,.activity-list .activity-content blockquote {
  3934.         padding: 20px;
  3935.         margin-right: 5px;
  3936. }
  3937. div.item-options {
  3938.         font-size: 80%;
  3939.         margin-bottom: -16px;
  3940.         margin-top: -16px;
  3941. }
  3942. span.activity {
  3943.         margin-bottom: 7px;
  3944.         margin-top: 0;
  3945.         padding: 0 5px;
  3946. }
  3947. /* Members */
  3948. #profile-nav-menu ul {
  3949.         list-style: none outside none;
  3950. }
  3951. .sidebar-activity-tabs ul {
  3952.         list-style: none outside none;
  3953.         margin: 30px 0 0;
  3954. }
  3955. .sidebar-activity-tabs ul li {
  3956.         padding-bottom: 3px;
  3957.         padding-top: 5px;
  3958. }
  3959. .sidebar-activity-tabs ul li a {
  3960.         display: block;
  3961.         padding-bottom: 10px;
  3962.         padding-right: 0;
  3963.         padding-top: 10px;
  3964. }
  3965. .sidebar-activity-tabs ul li.current,.sidebar-activity-tabs ul li.selected {
  3966.         padding: 10px 0 12px 30px;
  3967. }
  3968. .sidebar-activity-tabs .profile-subnav li.selected {
  3969.         padding-bottom: 3px;
  3970.         padding-left: 30px;
  3971.         padding-top: 5px;
  3972. }
  3973. #item-body form#whats-new-form {
  3974.         margin-top: -20px;
  3975.         padding-bottom: 10px;
  3976.         padding-top: 30px;
  3977. }
  3978. .sidebar-activity-tabs ul li.current a,.sidebar-activity-tabs ul li.selected a {
  3979.         margin-bottom: -10px;
  3980.         margin-top: -5px;
  3981. }
  3982. /* Profile Action Buttons */
  3983. .bp-user #item-buttons .generic-button,
  3984. #profile-nav-menu a {
  3985.         background: none repeat scroll 0 0 transparent;
  3986.         border: 0 none;
  3987.         -webkit-box-shadow: none;
  3988.         box-shadow: none;
  3989.         display: block;
  3990.         margin-bottom: -18px;
  3991.         padding: 3px 8px;
  3992. }
  3993. /* Use some CSS to hide horizontal navigation */
  3994. div#subnav.item-list-tabs ul li {
  3995.         display: none;
  3996. }
  3997. /* We still need to show some stuff though */
  3998. div.item-list-tabs ul li.last,.group-admin .item-list-tabs ul li,single-bp_doc .item-list-tabs ul li {
  3999.         display: block !important;
  4000. }
  4001. /* Profile Navigation and Groups Navigation */
  4002. /* First Level */
  4003. .groups div#subnav.item-list-tabs .sidebar-activity-tabs {
  4004.         margin-bottom: 30px;
  4005. }
  4006. .sidebar-activity-tabs ul li span,.sidebar-activity-tabs ul li.current span,.sidebar-activity-tabs ul li.selected span {
  4007.         display: inline;
  4008.         margin-left: 2px;
  4009.         padding: 2px 5px;
  4010. }
  4011. /* Second Level */
  4012. #object-nav ul.profile-subnav {
  4013.     margin: 15px 0 -12px -30px;
  4014.     padding-left: 30px;
  4015. }
  4016. ul.profile-subnav li {
  4017.         -webkit-box-shadow: none;
  4018.         box-shadow: none;
  4019.         margin-right: 0px;
  4020.         font-size: 90%;
  4021. }
  4022. ul.profile-subnav li a:before {
  4023.         padding-left: 30px;
  4024. }
  4025. ul.profile-subnav li a {
  4026.         padding-left: 30px;
  4027. }
  4028. .sidebar-activity-tabs ul li.current ul.profile-subnav li a {
  4029.         padding-bottom: 8px;
  4030.         padding-top: 8px;
  4031.         margin: inherit;
  4032. }
  4033. /* FIX:  hide the horizontal navigation on settings pages using CSS */
  4034. .settings #item-nav {
  4035.         display: none;
  4036. }
  4037. /* widgets */
  4038. div.item-options {
  4039.         float: right;
  4040.         margin-right: 0px;
  4041.         margin-top: -45px;
  4042.         font-size: 70%;
  4043. }
  4044. /* ======== */
  4045. /* ! Misc    */
  4046. /* ======== */
  4047. div#item-header div#item-header-content {
  4048.         margin-left: 0;
  4049. }
  4050. #item-header-avatar img {
  4051.         float: none;
  4052. }
  4053. thead:first-child tr th,thead:first-child tr td {
  4054.         padding-left: 10px;
  4055.         padding-right: 10px;
  4056. }
  4057. form#send-invite-form .main-column {
  4058.         margin-left: 190px;
  4059. }
  4060. div#invite-list {
  4061.         height: 400px;
  4062.         overflow: scroll;
  4063.         padding: 5px;
  4064.         width: 160px;
  4065.         float: left;
  4066. }
  4067. ul.item-list li div.action {
  4068.     right: 30px;
  4069. }
  4070. /* ======== */
  4071. /* ! Docs    */
  4072. /* ======== */
  4073. .theme-option div.doc-content
  4074.  {
  4075.         border: 0px;
  4076.         padding: 0px;
  4077. }
  4078. #doc-title {
  4079.         width: 70%;
  4080. }
  4081. #doc_content {
  4082.         min-height: 300px;
  4083. }
  4084. #content-label {
  4085.     margin-bottom: -25px;
  4086.     margin-top: 25px;
  4087. }
  4088. .theme-option .toggle-content {
  4089.         border-color: #CCCCCC;
  4090.     border-image: none;
  4091.     border-radius: 0 0 5px 5px;
  4092. }
  4093. .single-bp_doc .content-column {
  4094.         float: none !important;
  4095. }
  4096. .doc-tabs li {
  4097.         list-style: none outside none;
  4098. }
  4099. #content .doc-tabs li a {
  4100.         border-radius: 3px;
  4101.         padding: 10px 15px;
  4102. }
  4103. .single-bp_doc .doc-tabs {
  4104.         margin-right: 20px;
  4105.         margin-top: -20px;
  4106.         overflow: hidden;
  4107.         margin-bottom: 20px;
  4108. }
  4109. .single-bp_doc .toggle-switch {
  4110.         padding: 8px 12px;
  4111. }
  4112. .single-bp_doc divsingle-bp_doc-info-header {
  4113.         padding: 0px;
  4114. }
  4115. .single-bp_doc label {
  4116.         margin-top: 20px;
  4117. }
  4118. .doc-tabs ul {
  4119.     margin-left: 0;
  4120.     padding: 0;
  4121. }
  4122. thead:first-child tr th, thead:first-child tr td {
  4123.     width: 0;
  4124. }
  4125. #bp-create-doc-button {
  4126.         padding: 2px 10px 7px;
  4127. }
  4128. .doc-content-wrapper .toggle-switch {
  4129.         padding: 8px 10px;
  4130. }
  4131. /* ======== */
  4132. /* ! Wiki   */
  4133. /* ======== */
  4134. body.wiki.single-bp_doc #subnav {
  4135.         display: none;
  4136. }
  4137. /* BBPress Bleeding */
  4138. .groups.forums #item-header {
  4139.         display: none;
  4140. }
  4141. #bbpress-forums {
  4142.         font-size: inherit;
  4143. }
  4144. /* ============ */
  4145. /* ! Tooltips   */
  4146. /* ============ */
  4147. .tooltip {
  4148.   position: absolute;
  4149.   z-index: 1030;
  4150.   display: block;
  4151.   visibility: visible;
  4152.   padding: 5px;
  4153.   font-size: 11px;
  4154.   opacity: 0;
  4155.   filter: alpha(opacity=0);
  4156. }
  4157. .tooltip.in {
  4158.   opacity: 0.8;
  4159.   filter: alpha(opacity=80);
  4160. }
  4161. .tooltip.top {
  4162.   margin-top: -3px;
  4163. }
  4164. .tooltip.right {
  4165.   margin-left: -5%;
  4166.   margin-top: -25px !important;
  4167. }
  4168. .tooltip.bottom {
  4169.   margin-top: -20px;
  4170. }
  4171. .tooltip.left {
  4172.   margin-left: -3px;
  4173. }
  4174. .tooltip-inner {
  4175.   max-width: 200px;
  4176.   padding: 3px 8px;
  4177.   color: #ffffff;
  4178.   text-align: center;
  4179.   text-decoration: none;
  4180.   background-color: #000000;
  4181.   -webkit-border-radius: 4px;
  4182.   -moz-border-radius: 4px;
  4183.   border-radius: 4px;
  4184. }
  4185. .tooltip-arrow {
  4186.   position: absolute;
  4187.   width: 0;
  4188.   height: 0;
  4189.   border-color: transparent;
  4190.   border-style: solid;
  4191. }
  4192. .tooltip.top .tooltip-arrow {
  4193.   bottom: 0;
  4194.   left: 50%;
  4195.   margin-left: -5px;
  4196.   border-width: 5px 5px 0;
  4197.   border-top-color: #000000;
  4198. }
  4199. .tooltip.right .tooltip-arrow {
  4200.   top: 50%;
  4201.   left: 0;
  4202.   margin-top: -5px;
  4203.   border-width: 5px 5px 5px 0;
  4204.   border-right-color: #000000;
  4205. }
  4206. .tooltip.left .tooltip-arrow {
  4207.   top: 50%;
  4208.   right: 0;
  4209.   margin-top: -5px;
  4210.   border-width: 5px 0 5px 5px;
  4211.   border-left-color: #000000;
  4212. }
  4213. .tooltip.bottom .tooltip-arrow {
  4214.   top: 0;
  4215.   left: 50%;
  4216.   margin-left: -5px;
  4217.   border-width: 0 5px 5px;
  4218.   border-bottom-color: #000000;
  4219. }
  4220. /*RESPONSIVE TWEAKS*/
  4221. .mobile-menu-container {
  4222.         display: none;
  4223. }
  4224. .mobile-menu-container select {
  4225.         width: 70%;
  4226. }
  4227. .mobile-menu-container a.button {
  4228.     font-size: 80%;
  4229.     padding: 5px 8px;
  4230.     position: absolute;
  4231.     right: 10px;
  4232.     top: -5px;
  4233. }
  4234. @media only screen and (max-width: 768px) {
  4235.         #header {
  4236.                 margin-top: 20px;
  4237.         }
  4238.         .mobile-menu-container {
  4239.     display: block;
  4240.     margin-left: -10px;
  4241.     margin-right: -10px;
  4242.     margin-top: -1px;
  4243.     padding-left: 20px;
  4244.     padding-right: 20px;
  4245.     padding-top: 10px;
  4246.     position: fixed;
  4247.     top: 1px;
  4248.     width: 100%;
  4249.     z-index: 100;
  4250.         }
  4251. }
  4252.  
  4253. #activity-tour-favorites {
  4254.         left: 30%;
  4255.         position: relative;
  4256.         top: 211px;
  4257. }
  4258. /*+++ generating style ***/
  4259. #profile-sidebar {
  4260.         position: relative;
  4261.         z-index: 1;
  4262. }
  4263. /*--- style generation complete! */
  4264.  
  4265. /*+++ generating style ***/
  4266. #profile-sidebar:before {
  4267.         content: "";
  4268.         position: absolute;
  4269.         z-index: -1;
  4270.         top: 0;
  4271.         right: 0;
  4272.         left: 0;
  4273.         bottom: 0;
  4274.         background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png");
  4275. }
  4276. /*--- style generation complete! */
  4277.  
  4278. /*+++ generating style ***/
  4279. body.theme-option #profile-sidebar:before {
  4280.         opacity: 0.2;
  4281. }
  4282. /*--- style generation complete! */
  4283.  
  4284. /*+++ generating style ***/
  4285. body.theme-option {
  4286.         background-repeat: repeat;
  4287. }
  4288. /*--- style generation complete! */
  4289.  
  4290. /*+++ generating style ***/
  4291. body.theme-option:before {
  4292.         opacity: 0.2;
  4293. }
  4294. /*--- style generation complete! */
  4295.  
  4296. /*+++ generating style ***/
  4297. body.theme-option #header {
  4298.         background-repeat: repeat;
  4299. }
  4300. /*--- style generation complete! */
  4301.  
  4302. /*+++ generating style ***/
  4303. #header:before {
  4304.         position: relative;
  4305.         z-index: 1;
  4306. }
  4307. /*--- style generation complete! */
  4308.  
  4309. /*+++ generating style ***/
  4310. #header:before:before {
  4311.         content: "";
  4312.         position: absolute;
  4313.         z-index: -1;
  4314.         top: 0;
  4315.         right: 0;
  4316.         left: 0;
  4317.         bottom: 0;
  4318.         background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/woven.png");
  4319. }
  4320. /*--- style generation complete! */
  4321.  
  4322. /*+++ generating style ***/
  4323. body.theme-option #header:before {
  4324.         opacity: 0.2;
  4325. }
  4326. /*--- style generation complete! */
  4327.  
  4328. /*+++ generating style ***/
  4329. .main-menu {
  4330.         position: relative;
  4331.         z-index: 1;
  4332. }
  4333. /*--- style generation complete! */
  4334.  
  4335. /*+++ generating style ***/
  4336. .main-menu:before {
  4337.         content: "";
  4338.         position: absolute;
  4339.         z-index: -1;
  4340.         top: 0;
  4341.         right: 0;
  4342.         left: 0;
  4343.         bottom: 0;
  4344.         background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/bgnoise_lg.png");
  4345. }
  4346. /*--- style generation complete! */
  4347.  
  4348. /*+++ generating style ***/
  4349. body.theme-option .main-menu:before {
  4350.         opacity: 0.2;
  4351. }
  4352. /*--- style generation complete! */
  4353.  
  4354. /*+++ generating style ***/
  4355. .top-menu {
  4356.         position: relative;
  4357.         z-index: 1;
  4358. }
  4359. /*--- style generation complete! */
  4360.  
  4361. /*+++ generating style ***/
  4362. .top-menu:before {
  4363.         content: "";
  4364.         position: absolute;
  4365.         z-index: -1;
  4366.         top: 0;
  4367.         right: 0;
  4368.         left: 0;
  4369.         bottom: 0;
  4370.         background-image: url("http://localhost/SVU-Community/wp-content/themes/cbox-theme/assets/images/textures/crossed_stripes.png");
  4371. }
  4372. /*--- style generation complete! */
  4373.  
  4374. /*+++ generating style ***/
  4375. body.theme-option .top-menu:before {
  4376.         opacity: 0.2;
  4377. }
  4378. /*--- style generation complete! */
  4379.  
  4380. /*+++ generating style ***/
  4381. body.theme-option .sub-menu:before {
  4382.         opacity: 0.2;
  4383. }
  4384. /*--- style generation complete! */
  4385.  
  4386. /*+++ generating style ***/
  4387. body.theme-option #content {
  4388.         background-repeat: repeat;
  4389. }
  4390. /*--- style generation complete! */
  4391.  
  4392. /*+++ generating style ***/
  4393. body.theme-option #content:before {
  4394.         opacity: 0.2;
  4395. }
  4396. /*--- style generation complete! */
  4397.  
  4398. /*+++ generating style ***/
  4399. body.theme-option #sidebar {
  4400.         background-repeat: repeat;
  4401. }
  4402. /*--- style generation complete! */
  4403.  
  4404. /*+++ generating style ***/
  4405. body.theme-option #sidebar:before {
  4406.         opacity: 0.2;
  4407. }
  4408. /*--- style generation complete! */
  4409.  
  4410. /*+++ generating style ***/
  4411. body.theme-option #sidebar .widget:before {
  4412.         opacity: 0.2;
  4413. }
  4414. /*--- style generation complete! */
  4415.  
  4416. /*+++ generating style ***/
  4417. body.theme-option .footer-wrap {
  4418.         background-repeat: repeat;
  4419. }
  4420. /*--- style generation complete! */
  4421.  
  4422. /*+++ generating style ***/
  4423. body.theme-option .footer-wrap:before {
  4424.         opacity: 0.2;
  4425. }
  4426. /*--- style generation complete! */
clone this paste RAW Paste Data