Advertisement
Guest User

Untitled

a guest
Jul 6th, 2016
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.78 KB | None | 0 0
  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4. /**
  5. * Custom CSS by PurevB.com
  6. */
  7. .popupbody li > a,
  8. .popupbody li > label {
  9. padding:{vb:math {vb:stylevar padding}-2} {vb:stylevar padding};
  10. line-height:18px;
  11. }
  12. .formsubmit label {
  13. color:#3a3a3a;
  14. }
  15. .formsubmit label {
  16. color:#3a3a3a;
  17. }
  18. .posts, .postlist, #postlist {
  19. margin:0;
  20. padding:0;
  21. }
  22.  
  23. /* Misc Resets
  24. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  25. img {
  26. border:0;
  27. }
  28. .verticalAlign {
  29. vertical-align:middle;
  30. }
  31. .clearfix:after {
  32. content: ".";
  33. display: block;
  34. clear: both;
  35. visibility: hidden;
  36. line-height: 0;
  37. height: 0;
  38. }
  39. .clearfix {
  40. display: inline-block;
  41. }
  42. html[xmlns] .clearfix {
  43. display: block;
  44. }
  45. * html .clearfix {
  46. height: 1%;
  47. }
  48.  
  49. /************************************************************************/
  50. *{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
  51.  
  52. #wgo .blocksubhead {
  53. border-top:0;
  54. }
  55. #sidebar_home .block {
  56. position:relative;
  57. padding:0;
  58. }
  59. #sidebar_home .blockrow, #sidebar_home .blockbody {
  60. -moz-border-radius: 0 !important;
  61. -webkit-border-radius: 0 !important;
  62. -moz-border-radius-bottom{vb:stylevar left}: 8px !important;
  63. -moz-border-radius-bottom{vb:stylevar right}: 8px !important;
  64. -webkit-border-bottom-{vb:stylevar left}-radius: 8px !important;
  65. -webkit-border-bottom-{vb:stylevar right}-radius: 8px !important;
  66. }
  67. #sidebar_home .underblock {
  68. background:none;
  69. }
  70. #sidebar_home #sidebar {
  71. background:none;
  72. padding:0;
  73. border:0;
  74. }
  75. #sidebar_home .blocksubhead {
  76. background:url({vb:stylevar imgdir_themedir}/sidebarHeadBG.png) no-repeat top left;
  77. height:18px;
  78. width:234px;
  79. padding:12px;
  80. margin:0;
  81. color:#fff;
  82. font-size:15px;
  83. text-transform:upercase;
  84. }
  85. #sidebar_home .blocksubhead img {
  86. display:none;
  87. }
  88. #sidebar_home .blocksubhead .collapse img {
  89. display:inline;
  90. }
  91. #sidebar_container > ul {
  92. width: 99%;
  93. }
  94. .threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored, .wgo_block .wgo_subblock,
  95. .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
  96. border-bottom: 1px dashed #d1d1d1;
  97. }
  98.  
  99. #forums *, #wgo *, #forumbits * {
  100. -moz-border-radius: 0 !important;
  101. -webkit-border-radius: 0 !important;
  102. }
  103. #fb_headerbox {
  104. padding-right:5px;
  105. }
  106. .wgo_block {
  107. margin:0;
  108. }
  109. .navbar {
  110. -moz-border-radius-bottom{vb:stylevar left}: 0 !important;
  111. -moz-border-radius-bottom{vb:stylevar right}: 0 !important;
  112. -webkit-border-bottom-{vb:stylevar left}-radius: 0 !important;
  113. -webkit-border-bottom-{vb:stylevar right}-radius: 0 !important;
  114. }
  115.  
  116. .announcements {
  117. margin-top:10px;
  118. }
  119. .highlight {
  120. background-image:none;
  121. }
  122. .forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
  123. background: {vb:stylevar forumrow_background};
  124. border:{vb:stylevar forumbits_border};
  125. border-top:0;
  126. }
  127. .forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
  128. background: #f6f6f6;
  129. border-top:0;
  130. border:{vb:stylevar forumbits_border};
  131. }
  132. .threadbit.row1 .nonsticky{
  133. background: {vb:stylevar threadbit_background};
  134. }
  135. .threadbit.row2 .nonsticky{
  136. background: #f6f6f6;
  137. }
  138. .threadbit .sticky .alt {
  139.  
  140. }
  141. .threadbit.row1 .nonsticky .alt {
  142. background:#f9f9f9;
  143. }
  144. .threadbit.row2 .nonsticky .alt {
  145. background:#efefef;
  146. }
  147. .navlinksBox {
  148. text-align: center;
  149. color: {vb:stylevar navlinks_color};
  150. font-size: 14px;
  151. font-weight:700;
  152. margin-top: 8px;
  153. margin-bottom: 0;
  154. width:100%;
  155. clear:both;
  156. }
  157. .bodyWrap {
  158. background:#fff;
  159. margin:0 2px;
  160. }
  161. .body_wrapper {
  162. padding:10px 0;
  163. margin:0;
  164. }
  165. .above_body {
  166. padding:0;
  167. margin:0;
  168. }
  169. .threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
  170. border-top:0;
  171. }
  172.  
  173. /* Page Wrapper
  174. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  175. body {
  176. width:auto;
  177. min-width:{vb:stylevar doc_minWidth};
  178. max-width:{vb:stylevar doc_maxWidth};
  179. margin: 0;
  180. }
  181. .pageWrap {
  182. margin:{vb:stylevar doc_margin};
  183. width:{vb:stylevar doc_width};
  184. position:relative;
  185. }
  186. .bodyWrapper {
  187. margin:{vb:stylevar doc_margin};
  188. width:{vb:stylevar doc_width};
  189. }
  190.  
  191. /* Top Bar
  192. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  193. #topBar {
  194. background:url({vb:stylevar imgdir_themedir}/topBarBG.gif) repeat-x top left;
  195. height:39px;
  196. font-size:12px;
  197. color:#fff;
  198. padding:3px 27px 0 27px;
  199. position:relative;
  200. }
  201. .socialBox {
  202. float:{vb:stylevar left};
  203. line-height:39px;
  204. }
  205. .socialBox img {
  206. vertical-align:middle;
  207. border:0;
  208. }
  209. .socialBoxText {
  210. float:{vb:stylevar left};
  211. line-height:39px;
  212. padding-{vb:stylevar right}:5px;
  213. }
  214.  
  215. /* Header
  216. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  217. .above_body {
  218. background:none;
  219. }
  220. .doc_header {
  221. background:url({vb:stylevar imgdir_themedir}/headerBG.gif) repeat-x top left;
  222. height:198px;
  223. position:relative;
  224. }
  225. .headerWrap {
  226. background:url({vb:stylevar imgdir_themedir}/headerWrapBG.gif) no-repeat top {vb:stylevar left};
  227. height:110px;
  228. position:relative;
  229. }
  230. .logo {
  231. float:{vb:stylevar center};
  232. height:198px;
  233. padding-{vb:stylevar right}:1178px;
  234. }
  235. .slogan {
  236. background:url({vb:stylevar imgdir_themedir}/sloganSplit.gif) no-repeat top {vb:stylevar left};
  237. float:{vb:stylevar left};
  238. font-size:14px;
  239. text-transform:uppercase;
  240. height:110px;
  241. line-height:110px;
  242. color:#b3b3b3;
  243. padding-{vb:stylevar left}:21px;
  244. }
  245. .headerBanner {
  246. position:fixed;
  247. top:198px;
  248. {vb:stylevar right}:1178px;
  249. }
  250.  
  251. /* Login Box - Header
  252. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  253. #loginBox {
  254. width:316px;
  255. height:90px;
  256. position:absolute;
  257. top:0;
  258. {vb:stylevar right}:25px;
  259. padding:20px 0 0 0;
  260. color:#ffffff;
  261. font-size:9px;
  262. }
  263. #loginBox ul {
  264. list-style:none;
  265. padding:0;
  266. margin:0;
  267. }
  268. #loginBox li {
  269. float:{vb:stylevar left};
  270. }
  271. .loginBox {
  272. float:{vb:stylevar left};
  273. }
  274. .loginBox ul {
  275. list-style:none;
  276. padding:0;
  277. margin:0;
  278. }
  279. .loginBar li {
  280. float:{vb:stylevar left};
  281. }
  282. .loginBoxInput {
  283. background: url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
  284. width:125px;
  285. height:29px;
  286. }
  287. .loginInput {
  288. background:transparent;
  289. border:0;
  290. color: #ffffff;
  291. width:115px;
  292. height:29px;
  293. line-height:29px;
  294. padding:0 5px;
  295. }
  296. .cb_cookieuser_navbar{
  297. position: relative;
  298. top: 2px;
  299. }
  300. .inputPad .loginBoxInput {
  301.  
  302. }
  303. .inputPad {
  304. padding-{vb:stylevar right}:6px;
  305. }
  306. .submitPad {
  307. padding:0;
  308. }
  309. .submitPad input {
  310. }
  311.  
  312. .loginText {
  313. text-transform:uppercase;
  314. padding-bottom:8px;
  315. }
  316. .memberLinks {
  317. padding-top:6px;
  318. float:{vb:stylevar left};
  319. text-transform:uppercase;
  320. }
  321. .memberLinks a:link, .memberLinks a:visited {
  322. color:#f0d3a0;
  323. }
  324. .memberLinks a:hover {
  325. color:{vb:stylevar link_color};
  326. }
  327. #loginBox .rememberMe {
  328. float:{vb:stylevar right};
  329. font-size:12px;
  330. color:#a4a4a4;
  331. padding-top:3px;
  332. }
  333. #loginBox .rememberMe input {
  334. vertical-align: baseline;
  335. }
  336. .cb_cookieuser_navbar{
  337. position: relative;
  338. top: 2px;
  339. }
  340.  
  341. /* Login Box - Top Bar
  342. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  343. .loginLeft #fb_loginbtn {position:relative;top:4px;}
  344. .memberBox {
  345. float:{vb:stylevar right};
  346. height:29px;
  347. line-height:29px;
  348. color:#fff;
  349. font-size:12px;
  350. padding-top:4px;
  351. }
  352. .memberBox ul {
  353. list-style:none;
  354. padding:0;
  355. margin:0;
  356. }
  357. .memberBox li {
  358. float:{vb:stylevar left};
  359. margin:0;
  360. padding:0 3px;
  361. }
  362. .loginBoxInput2 {
  363. background: url({vb:stylevar imgdir_themedir}/loginInput.png) no-repeat top left;
  364. width:139px;
  365. height:29px;
  366. float:{vb:stylevar left};
  367. }
  368. .loginInput2 {
  369. border:0;
  370. background:transparent;
  371. color: #ffffff;
  372. padding:0 5px;
  373. width:129px;
  374. height:29px;
  375. line-height:29px;
  376. margin:0;
  377. }
  378. .memberBox .rememberMe {}
  379. .memberBox .rememberMe input {
  380. vertical-align: baseline;
  381. }
  382. .inputPad2 .loginBoxInput {
  383. margin-top:0;
  384. }
  385. .inputPad2 {
  386. padding:0 4px;
  387. }
  388. .submitPad2 input {
  389. margin:0;
  390. padding:0;
  391. }
  392. .loginTxt2 {
  393. padding-{vb:stylevar left}:5px;
  394. color:#fff;
  395. font-weight:700;
  396. }
  397. .loginLeft {
  398. float:{vb:stylevar left};
  399. }
  400.  
  401. /* Content
  402. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  403. #contentMain {
  404. background:#fff;
  405. padding:10px 28px;
  406. }
  407. .welcomeText {
  408. background:url({vb:stylevar imgdir_themedir}/welcomeText.gif) no-repeat top left;
  409. width:769px;
  410. height:51px;
  411. position:relative;
  412. margin-bottom:15px;
  413. }
  414. .welcomeRegister {
  415. position:absolute;
  416. top:0;
  417. right:97px;
  418. }
  419. .restore a:link, .restore a:visited {
  420. color:#e12b00;
  421. font-weight:700;
  422. }
  423.  
  424. /* Footer Main
  425. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  426. #footerMain {
  427. padding:25px 27px;
  428. line-height:18px;
  429. color:#898989;
  430. clear:both;
  431. }
  432. #footerMain a:link, #footerMain a:visited {
  433. color:#ffe9c1;
  434. font-weight:700;
  435. }
  436. #footerMain a:hover {
  437. color:#fff;
  438. }
  439. .copyright {
  440. float:{vb:stylevar left};
  441. }
  442. .bannerBox {
  443. background:url({vb:stylevar imgdir_themedir}/bannerBoxBG.gif) no-repeat top left;
  444. float:{vb:stylevar right};
  445. width:468px;
  446. height:60px;
  447. padding:4px;
  448. }
  449.  
  450. /* Footer Bar
  451. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  452. #footerBar {
  453. background:#393939 url({vb:stylevar imgdir_themedir}/footerBarBG.gif) no-repeat top center;
  454. height:58px;
  455. padding:0 20px;
  456. }
  457. .footerLinks {
  458. float:{vb:stylevar left};
  459. }
  460. .footerLinks ul {
  461. list-style:none;
  462. padding:0;
  463. margin:0;
  464. }
  465. .footerLinks li {
  466. float:{vb:stylevar left};
  467. padding:22px 8px 0 8px;
  468. }
  469. .footerLinks a:link, .footerLinks a:visited {
  470. color:#fff;
  471. font-size:15px;
  472. font-weight:700;
  473. }
  474. .footerLinks a:hover {
  475. color:{vb:stylevar link_color};
  476. }
  477. .skinSelect{
  478. float:{vb:stylevar right};
  479. padding-top:17px;
  480. margin:0;
  481. }
  482. .footer {
  483. margin:0;
  484. padding:0;
  485. }
  486.  
  487.  
  488.  
  489. /*************************************************/
  490. /* TOP MEMBER BAR*/
  491. #toplinks, .toplinks {
  492. text-align:{vb:stylevar left};
  493. line-height:20px;
  494. padding-top:8px;
  495. {vb:stylevar right}:0;
  496. }
  497. #toplinks .isuser {
  498. float:{vb:stylevar left};
  499. }
  500. #toplinks .welcomelink {
  501. font-weight:700;
  502. }
  503. .toplinks ul.isuser .notifications .popupbody {
  504.  
  505. border: 1px solid #242424; /* makes it look consistent with the popup background */
  506. }
  507. .toplinks .notifications a.popupctrl {
  508. padding-top: 3px;
  509. padding-bottom: 3px;
  510. padding-{vb:stylevar left}: 4px;
  511. padding-{vb:stylevar right}: 12px;
  512.  
  513. -webkit-border-radius: {vb:stylevar border_radius};
  514. -moz-border-radius: {vb:stylevar border_radius};
  515. border-radius: {vb:stylevar border_radius};
  516. }
  517.  
  518. .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
  519. -moz-border-radius: {vb:stylevar border_radius} !important;
  520. -webkit-border-radius: {vb:stylevar border_radius} !important;
  521. }
  522.  
  523. .memberBox .welcomeUser {
  524. font-weight:700;
  525. font-size:11px;
  526. float:left;
  527. }
  528. .memberBox .toplinks {
  529. padding:2px 0 0 3px;
  530. }
  531. .memberBox .toplinks {
  532. padding:2px 0 0 3px;
  533. }
  534.  
  535. /* Navbar
  536. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  537. .navbar {
  538. background:url({vb:stylevar imgdir_themedir}/navBG.gif) repeat-x top left;
  539. position:relative;
  540. height:76px;
  541. font:{vb:stylevar navbar_font};
  542. color:{vb:stylevar navbar_link_color};
  543. width:100%;
  544. padding:0;
  545. margin:0;
  546. }
  547. .navbarWrap {
  548. padding:0 12px;
  549. }
  550. #navtabs li.selected ul.floatcontainer {
  551. margin-top:7px;
  552. }
  553. #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
  554. line-height:27px;
  555. height:27px;
  556. }
  557. .navbar a { color:{vb:stylevar navbar_link_color}; }
  558. .navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }
  559.  
  560. .navtabs ul li:first-child {
  561. text-indent: 2px;
  562. }
  563. .navtabs {
  564. padding-{vb:stylevar left}:0;
  565. }
  566. .navtabs ul {
  567. position:absolute;
  568. top:{vb:stylevar navbar_tab_size.height}px;
  569. {vb:stylevar left}:0px;
  570. width:100%;
  571. /* This is to fix RTL menu issue under Opera */
  572. direction:ltr;
  573. }
  574. .navtabs li {
  575. float:{vb:stylevar left};
  576. }
  577. .navtabs li li {
  578. background:none;
  579. }
  580.  
  581. .navtabs ul li {
  582. border-{vb:stylevar right}: 0;
  583. position: relative;
  584. }
  585. .navtabs li a {
  586. height:{vb:stylevar navbar_tab_size.height}px;
  587. line-height:{vb:stylevar navbar_tab_size.height}px;
  588. }
  589. .navtabs li a.navtab {
  590. display:block;
  591. min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
  592. width:auto !important;
  593. width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
  594. _min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
  595. _width:auto !important;
  596. _width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
  597. text-align:center;
  598. color:{vb:stylevar navbar_link_color};
  599. font-size:15px;
  600. text-decoration:none;
  601. line-height:{vb:stylevar navbar_tab_size.height}px;
  602. height:{vb:stylevar navbar_tab_size.height}px;
  603. padding:0 10px;
  604. text-transform:uppercase;
  605. font-weight:400;
  606. border-{vb:stylevar right}:1px solid #575757;
  607. }
  608. .navtabs li a.navtab:hover {
  609. background:{vb:stylevar navbar_tab_selected_background};
  610. color:{vb:stylevar navbar_linkhover_color};
  611.  
  612. }
  613. .navtabs li.selected {
  614. color:{vb:stylevar navbar_linkhover_color};
  615. height:{vb:stylevar navbar_tab_size.height}px;
  616. }
  617. .navtabs li.selected a.navtab {
  618. color:{vb:stylevar navbar_linkhover_color};
  619. position:relative;
  620. top:-{vb:stylevar navbar_tab_selected_top_width}px;
  621. padding-top:{vb:stylevar navbar_tab_selected_top_width}px;
  622. z-index:10;
  623. border-{vb:stylevar right}:1px solid #575757;
  624. }
  625. .navtabs li.selected li a,
  626. .navbar_advanced_search li a {
  627. text-decoration:none;
  628. font:{vb:stylevar navbar_font};
  629. line-height:27px;
  630. }
  631. .navtabs li.selected li {
  632. padding:0 5px;
  633. }
  634. .navtabs li.selected li li {
  635. padding:0 2px;
  636. }
  637. .navtabs li.selected li a {
  638. color:{vb:stylevar nav_selected_link_color};
  639. font-weight:400;
  640. padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
  641. }
  642.  
  643. .navbar_advanced_search li {
  644. height: 27px;
  645. display:block;
  646. clear:both;
  647. }
  648.  
  649. .navbar_advanced_search li a {
  650. color:{vb:stylevar navbar_link_color};
  651. }
  652.  
  653. .navbar_advanced_search li a:hover {
  654. color:{vb:stylevar navbar_linkhover_color};
  655. text-decoration:{vb:stylevar linkhover_textDecoration};
  656. }
  657.  
  658. .navtabs li.selected li a:hover {
  659. color:{vb:stylevar nav_selected_link_hover_color};
  660. text-decoration:{vb:stylevar linkhover_textDecoration};
  661. }
  662.  
  663. .navtabs li.selected .popupbody li > a {
  664. padding:{vb:stylevar popup_padding}px {vb:stylevar padding};
  665. text-indent: 0;
  666. color: {vb:stylevar navbar_selected_popup_body_a_Color};
  667. }
  668.  
  669. .navtabs li.selected li a.popupctrl {
  670. -moz-border-radius:3px;
  671. -webkit-border-radius:3px;
  672. border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
  673. _border: none;
  674. background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
  675. padding-{vb:stylevar right}:15px;
  676. _background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
  677. color:{vb:stylevar nav_selected_link_color};
  678. }
  679.  
  680. .navtabs li.selected li:hover a.popupctrl.active,
  681. .navtabs li.selected li a.popupctrl.active,
  682. .navtabs li.selected li a:hover.popupctrl {
  683. color:#fff;
  684. }
  685.  
  686. /* Breadcrumb
  687. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  688. .breadcrumb {
  689. background:{vb:stylevar breadcrumb_background};
  690. height:{vb:stylevar breadcrumb_height};
  691. padding:{vb:stylevar breadcrumb_padding};
  692. color:{vb:stylevar breadcrumb_font_color};
  693. border-top:{vb:stylevar breadcrumb_border};
  694. margin-bottom:10px;
  695. }
  696. .breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
  697. border:1px solid transparent;
  698. }
  699. .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
  700. color:{vb:stylevar breadcrumb_link_color};
  701. }
  702. .breadcrumb .navbit a:hover {
  703. background:{vb:stylevar breadcrumb_hover_background_color};
  704. color:{vb:stylevar breadcrumb_link_hover_color};
  705. border:1px solid transparent;
  706. }
  707.  
  708. /*************************************************/
  709. /* TCAT BAR */
  710. .tcat {
  711. background:url({vb:stylevar imgdir_themedir}/tcatBG.gif) repeat-x top left;
  712. color: #fff;
  713. height:43px;
  714. clear:both;
  715. margin-top: 8px;
  716. float: {vb:stylevar left};
  717. border:0;
  718. padding:0;
  719. text-transform:uppercase;
  720. width: 100%;
  721. }
  722. .tcatLeft {
  723. background:url({vb:stylevar imgdir_themedir}/tcatLeft.gif) no-repeat top left;
  724. height:43px;
  725. }
  726. .tcatRight {
  727. background:url({vb:stylevar imgdir_themedir}/tcatRight.gif) no-repeat top right;
  728. height:43px;
  729. }
  730. .tcat2 {
  731. background:url({vb:stylevar imgdir_themedir}/tcat2BG.gif) repeat-x top left;
  732. }
  733. .tcat2 .tcatLeft {
  734. background:url({vb:stylevar imgdir_themedir}/tcat2Left.gif) no-repeat top left;
  735. }
  736. .tcat2 .tcatRight {
  737. background:url({vb:stylevar imgdir_themedir}/tcat2Right.gif) no-repeat top right;
  738. }
  739. .tcat .forumtitle {
  740. font-weight:700;
  741.  
  742. }
  743. .tcat .tcatDesc {
  744. font-size:11px;
  745. font-weight:400;
  746. }
  747. .tcat h2 {
  748. padding-{vb:stylevar left}:16px;
  749. font: bold 15px arial, helvetica, sans-serif;
  750. line-height:43px;
  751. float:{vb:stylevar left};
  752. font-weight:700;
  753. }
  754. .tcat a:link, .tcat a:visited {
  755. color:#fff;
  756. }
  757. .tcat a:hover {
  758.  
  759. }
  760. .tcat .tcatCollapse {
  761. float:{vb:stylevar right};
  762. position:absolute;
  763. top:13px;
  764. {vb:stylevar right}:14px;
  765. }
  766.  
  767. .theadBottom {
  768. background:#e3e3e3;
  769. height:5px;
  770. font-size:0;
  771. width: 100%;
  772. border-left:1px solid #cacaca;
  773. border-right:1px solid #cacaca;
  774. clear:both;
  775. }
  776.  
  777. /* tcat Thread List Controls - Forumdisplay */
  778. .tcat_threadlist_controls {
  779. float:{vb:stylevar right};
  780. padding-{vb:stylevar right}:8px;
  781. }
  782. .forumdisplaypopups, #forumdisplaypopups {
  783. clear:both;
  784. }
  785. .tcat_threadlist_controls h6 {
  786.  
  787. padding:0;
  788. display:block;
  789. font-size:11px;
  790. }
  791. .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
  792. .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl,
  793. .postlist_popups h6 a.firstunread, .postlist_popups.popupgroup .popupmenu h6 a.firstunread {
  794. background:none;
  795. display:block;
  796. _display:43px;
  797. height:43px;
  798. line-height:43px;
  799. font-family:arial, helvetica, sans-serif;
  800. font-weight:700;
  801. font-size:12px;
  802. color:#fff;
  803. padding:0 7px;
  804. border: 0;
  805. float: {vb:stylevar left};
  806. clear: {vb:stylevar right};
  807. }
  808. .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
  809. .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl,
  810. .postlist_popups h6 a:hover.firstunread, .postlist_popups.popupgroup .popupmenu h6 a:hover.firstunread{
  811. border: 0;
  812. color:#fff;
  813. text-decoration:underline;
  814. }
  815. #postlist_popups a, .postlist_popups a {
  816. color: #fff;
  817. _border: none;
  818. }
  819.  
  820. #postlist_popups a:hover, .postlist_popups a:hover {
  821. color: #fff;
  822. text-decoration:underline;
  823. }
  824. #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
  825. border: 0;
  826. }
  827.  
  828. #postlist_popups ul li {
  829. color: {vb:stylevar popupmenu_color};
  830. }
  831. #postlist_popups ul li a, .postlist_popups ul li a {
  832. color: {vb:stylevar popupmenu_color};
  833. _border: none;
  834. }
  835.  
  836. #postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
  837. color: {vb:stylevar popupmenu_color};
  838. text-decoration:underline;
  839. }
  840.  
  841. #forumdisplaypopups ul a, .forumdisplaypopups ul a {
  842. color: #3e3e3e;
  843. }
  844. .tcat .toolsmenu {
  845. background:none;
  846. border:none;
  847. margin:0;
  848. }
  849. .toolsmenu div {
  850. border:0;
  851. }
  852. .tcat .toolsmenu ul {
  853. padding:0;
  854. }
  855. .tcat .toolsmenu .popupgroup a.popupctrl, .tcat .toolsmenu .popupgroup .popupmenu a.popupctrl, .tcat .toolsmenu .nopopupgroup li a {
  856. padding:0 7px;
  857. _display:43px;
  858. height:43px;
  859. line-height:43px;
  860. }
  861.  
  862. /*************************************************/
  863. /* THEAD BAR*/
  864.  
  865. .thead_bar .theadrow {
  866. background:{vb:stylevar thead_background};
  867. display:block;
  868. width: 100%;
  869. float: {vb:stylevar left};
  870. position:relative;
  871. font:{vb:stylevar thead_font};
  872. border:{vb:stylevar thead_border};
  873. border-bottom:{vb:stylevar thead_border_bottom};
  874. color:{vb:stylevar thead_font_color};
  875. line-height:{vb:stylevar thead_height};
  876. }
  877.  
  878. .thead_bar .padding {
  879. padding-left:12px;
  880. }
  881. .thead_bar .forumhead span.forumlastpost {
  882. width: 23%;
  883. }
  884. .thead_bar .theadrow .forumdata {
  885. float: {vb:stylevar left};
  886. }
  887. .thead_bar {
  888. float: {vb:stylevar left};
  889. position:relative;
  890. width: 100%;
  891. display:block;
  892. }
  893. .thead_bar .forumhead .forumtitle {
  894. width: 76%;
  895. }
  896. .thead_bar .foruminfo {
  897. width: 53%;
  898. min-width: 30%;
  899. float: {vb:stylevar left};
  900. clear: {vb:stylevar right};
  901. }
  902. .thead_bar .foruminfo .forumdata {
  903. padding: 0;
  904. width: 100%;
  905. _width: 99%;
  906. }
  907. .thead_bar .forumstats, .thead_bar .forumstats_2 {
  908. display: block;
  909. float: {vb:stylevar left};
  910. clear: {vb:stylevar right};
  911. width: 16%;
  912. margin-{vb:stylevar right}: 2%;
  913. }
  914. .thead_bar .foruminfo .forumdata .datacontainer {
  915. float: {vb:stylevar left};
  916. width: 86%;
  917. padding:0;
  918. padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
  919. }
  920. .thead_bar .forumactionlinks {
  921. width: 5%;
  922. display:block;
  923. float:{vb:stylevar left};
  924. clear:{vb:stylevar right};
  925. }
  926.  
  927. .thead_bar .forumactionlink {
  928. /* values based on icon size */
  929. display:block;
  930. width:18px;
  931.  
  932. overflow:hidden;
  933. float: {vb:stylevar right};
  934. clear: {vb:stylevar left};
  935. background:transparent none no-repeat;
  936. position: relative;
  937.  
  938. }
  939. .thead_bar .forumstats li, .thead_bar .forumstats_2 li{
  940. font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
  941. text-align: {vb:stylevar right};
  942. padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
  943. display:block;
  944. }
  945. .thead_bar .forumlastpost {
  946. display:block;
  947. float: {vb:stylevar left};
  948. clear: {vb:stylevar right};
  949. }
  950. .thead_bar .theadrow .forumlastpost {
  951. width: 22%;
  952. }
  953. .forumbitBody {
  954. padding-{vb:stylevar right}:2px;
  955. clear:both;
  956. }
  957.  
  958. /*threadlisthead and posthead*/
  959. .threadlist {
  960. margin-top:0;
  961. }
  962. #threadlist .threadlisthead {
  963. background:{vb:stylevar thead_background};
  964. display:block;
  965. width: 100%;
  966. float: {vb:stylevar left};
  967. position:relative;
  968. border:0;
  969. border:{vb:stylevar thead_border};
  970. border-bottom:{vb:stylevar thead_border_bottom};
  971. color:{vb:stylevar thead_font_color};
  972. padding:{vb:stylevar thead_padding};
  973. font:{vb:stylevar thead_font};
  974. margin: 0;
  975. }
  976.  
  977. #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
  978. color: {vb:stylevar threadlisthead_color};
  979. }
  980. .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
  981. background:{vb:stylevar thead_background};
  982. clear:both;
  983. display:block;
  984. float: {vb:stylevar left};
  985. width: 100%;
  986. color:{vb:stylevar thead_font_color};
  987. margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
  988. font:{vb:stylevar thead_font};
  989. padding:6px 0;
  990. border:0;
  991. border:{vb:stylevar thead_border};
  992. border-bottom:{vb:stylevar thead_border_bottom};
  993. }
  994. #posts .posthead a:link, #posts .posthead a:visited {
  995. color:{vb:stylevar thead_font_color};
  996. }
  997. #posts .posthead a:hover {
  998. color:{vb:stylevar thead_font_color};
  999. }
  1000. #posts .posthead .time, #posts .nodecontrols {
  1001. color:{vb:stylevar thead_font_color};
  1002. }
  1003.  
  1004.  
  1005. #postlist .userinfo {
  1006. padding-top:10px;
  1007. }
  1008. .username_container {
  1009. padding:2px 0;
  1010. text-align:center;
  1011. }
  1012. .username_container .username strong {
  1013. font-size: 16pt;
  1014. font-weight:400;
  1015. }
  1016. .usertitle, .rank {
  1017. text-align:center;
  1018. }
  1019. .usercenter {
  1020. padding-top:5px;
  1021. text-align:center;
  1022. }
  1023. .userinfo_extra dt {
  1024. padding:6px 3px 0 10px;
  1025. margin:0;
  1026. color: {vb:stylevar postbit_field_strong_color};
  1027. font-weight:700;
  1028. }
  1029. .userinfo_extra dd {
  1030. background: #fff;
  1031. color: #242424;
  1032. border: 1px solid #dedede;
  1033. padding:3px 0 3px 0;
  1034. margin:0;
  1035. margin-top: 2px;
  1036. }
  1037. /* center avatar, username, title, rank in postbit legacy 4.0.2 */
  1038. .postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
  1039. .postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
  1040. .postbitlegacy .userinfo .postbit_reputation,.postbitlegacy .userinfo .postbit_reputation img {float:none; text-align:center;}
  1041.  
  1042.  
  1043. .postbit, .postbitlegacy, .eventbit {
  1044. margin-bottom: 0;
  1045. }
  1046. .bbcode_container .bbcode_quote_container {
  1047. background:none;
  1048. }
  1049.  
  1050. .forum_info_block, .forum_info_form {
  1051. background:none;
  1052. }
  1053. .postfoot {
  1054. border: {vb:stylevar postbit_border};
  1055. border-bottom:0;
  1056. border-right:0;
  1057. }
  1058. .postfootWrap {
  1059. border-right: {vb:stylevar postbit_border};
  1060. }
  1061.  
  1062. #thread_info a.collapse {
  1063. position: absolute;
  1064. top: 9px;
  1065. }
  1066.  
  1067. /* Postbit Align Username and Avatar Center
  1068. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1069. .postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
  1070. .postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
  1071. .postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
  1072.  
  1073. /* Bottom Bar
  1074. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1075. .bottomBar{
  1076. background:url({vb:stylevar imgdir_themedir}/bottomBarBG.gif) repeat-x top left;
  1077. height:20px;
  1078. font-size:0;
  1079. clear:both;
  1080. }
  1081. .bottomBarLeft {
  1082. background:url({vb:stylevar imgdir_themedir}/bottomBarLeft.gif) no-repeat top left;
  1083. height:20px;
  1084. font-size:0;
  1085. }
  1086. .bottomBarRight {
  1087. background:url({vb:stylevar imgdir_themedir}/bottomBarRight.gif) no-repeat top right;
  1088. height:20px;
  1089. font-size:0;
  1090. }
  1091.  
  1092. /* Global Search
  1093. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1094. .searchBox {
  1095. position:absolute;
  1096. top:6px;
  1097. {vb:stylevar right}:27px;
  1098. height:36px;
  1099. line-height:36px;
  1100. }
  1101.  
  1102. .searchBoxInput {
  1103. background: url({vb:stylevar imgdir_themedir}/searchInput.gif) no-repeat top left;
  1104. width:139px;
  1105. height:29px;
  1106. float:{vb:stylevar left};
  1107. }
  1108. .searchinput {
  1109. border:0;
  1110. background:transparent;
  1111. color: #828282;
  1112. padding:0 5px;
  1113. width:129px;
  1114. height:29px;
  1115. line-height:29px;
  1116. }
  1117. .searchButton {
  1118. float:{vb:stylevar left};
  1119. padding-{vb:stylevar left}:9px;
  1120. }
  1121. .searchBox .searchBox_advanced_search {
  1122. position:absolute;
  1123. top:38px;
  1124. {vb:stylevar right}:0;
  1125. }
  1126. .searchBox .searchBox_advanced_search a:link, .searchBox .searchBox_advanced_search a:visited {
  1127. color:{vb:stylevar nav_selected_link_color};
  1128. }
  1129.  
  1130. /* CMS & Blog CSS
  1131. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1132. h1.header, h2.header {
  1133. text-transform:capitalize;
  1134. }
  1135.  
  1136. /* Forum Home
  1137. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1138. .forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
  1139. color:{vb:stylevar forumtitle_link_color};
  1140. font:{vb:stylevar forumtitle_font};
  1141. }
  1142. .forumrow .forumtitle a:hover{
  1143. color:{vb:stylevar forumtitle_linkhover_color};
  1144. }
  1145. .forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
  1146. color:{vb:stylevar lastposttitle_link_color};
  1147. font-weight:700;
  1148. }
  1149. .forumrow .lastposttitle a:hover{
  1150. color:{vb:stylevar lastposttitle_linkhover_color};
  1151. }
  1152. #forums .lastpostby a.username {
  1153. color:{vb:stylevar lastpostuser_link_color};
  1154. }
  1155. #forums .lastpostby a.username:hover {
  1156. color:{vb:stylevar lastpostuser_linkhover_color};
  1157. }
  1158. .forumdescription {
  1159. color:{vb:stylevar forumhome_description_color};
  1160. padding:4px 0;
  1161. }
  1162. .notices {
  1163. background:none;
  1164. }
  1165. #notices .restore {
  1166. background:{vb:stylevar welcomemsg_background};
  1167. border:{vb:stylevar welcomemsg_border};
  1168. color:{vb:stylevar welcomemsg_font_color};
  1169. line-height:16px;
  1170. padding:{vb:stylevar welcomemsg_padding};
  1171. -moz-border-radius: {vb:stylevar border_radius};
  1172. -webkit-border-radius: {vb:stylevar border_radius};
  1173. border-radius: {vb:stylevar border_radius};
  1174. }
  1175. #notices .restore a {
  1176. font-weight:700;
  1177. }
  1178.  
  1179. /* Advanced Search
  1180. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1181. #searchtypeswitcher {
  1182. border-bottom:4px solid {vb:stylevar advsearch_tab_color};
  1183. }
  1184. #searchtypeswitcher li a {
  1185. background-color:{vb:stylevar advsearch_active_tab_color};
  1186. color:#FFF;
  1187. }
  1188.  
  1189. #searchtypeswitcher li.selected a {
  1190. background-color:{vb:stylevar advsearch_tab_color};
  1191. }
  1192.  
  1193. #searchtypeswitcher li a:hover {
  1194. background-color:{vb:stylevar advsearch_tab_color};
  1195. }
  1196.  
  1197. /* vBulletin Groups
  1198. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1199. li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
  1200. background: {vb:stylevar postbit_background};
  1201. }
  1202. #sidebar li.sgicon .maincol .textcontrol {
  1203. color: {vb:stylevar control_color};
  1204. }
  1205. #content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
  1206. background: {vb:stylevar postbit_userinfo_background};
  1207. border: {vb:stylevar postbit_border};
  1208. }
  1209. #pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
  1210. border: {vb:stylevar postbit_border};
  1211. }
  1212. .toolsmenu {
  1213. background: {vb:stylevar sidebar_background};
  1214. _background-image: none;
  1215. border: {vb:stylevar sidebar_border};
  1216. }
  1217. .toolsmenu div {
  1218. border-top:none;
  1219. color: {vb:stylevar sidebar_header_color};
  1220. }
  1221. .toolsmenu h1 a {
  1222. color: {vb:stylevar sidebar_header_color};
  1223. }
  1224. .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
  1225. color: {vb:stylevar sidebar_header_color};
  1226. }
  1227.  
  1228. .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
  1229. color: {vb:stylevar sidebar_header_color};
  1230. }
  1231. dl.blogbit, tr.blogbit,
  1232. dl.blogcatbit, tr.blogcatbit {
  1233. background: {vb:stylevar postbit_background};
  1234. }
  1235. .bannerBox {
  1236. position:absolute;
  1237. top:10px;
  1238. right:10px;
  1239. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement