API tools faq
paste
Advertisement
Calculus

Untitled

Calculus
Aug 23rd, 2018
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 132.81 KB | None | 0 0
raw download clone embed print report
  1. @charset "UTF-8";
  2.  
  3. /* --- xenforo.css --- */
  4.  
  5. /*
  6. * YUI reset-fonts.css
  7. *
  8. Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  9. Code licensed under the BSD License:
  10. http://developer.yahoo.net/yui/license.txt
  11. version: 2.7.0
  12. */
  13. html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;text-decoration:none}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
  14.  
  15. /*
  16. * Firefox broken image placeholder support.
  17. *
  18. http://lab.gmtplusone.com/image-placeholder/
  19. */
  20. img:-moz-broken, img:-moz-user-disabled { -moz-force-broken-image-icon: 1; }
  21. img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) { width: 50px; }
  22. img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) { height: 50px; }
  23.  
  24. /*
  25. * XenForo Core CSS
  26. *
  27. */
  28.  
  29. html
  30. {
  31. background-color: rgb(210, 210, 210);
  32. background-image: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */
  33. background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.6)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
  34. background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
  35. background-image: -o-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */
  36. background-image: -ms-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.6) 100%); /* IE10+ */
  37. background-image: linear-gradient(to right, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.6) 100%); /* W3C */
  38.  
  39. overflow-y: scroll !important;
  40. }
  41.  
  42. body
  43. {
  44. -webkit-text-size-adjust: 100%;
  45. -moz-text-size-adjust: 100%;
  46. -ms-text-size-adjust: 100%;
  47. text-size-adjust: 100%;
  48.  
  49. font-size: 11px;
  50. font-family: Tahoma, Helvetica, Arial, sans-serif;
  51. color: rgb(20,20,20);
  52. word-wrap: break-word;
  53. line-height: 1.28;
  54.  
  55. }
  56.  
  57. /* counteract the word-wrap setting in 'body' */
  58. pre, textarea
  59. {
  60. word-wrap: normal;
  61. }
  62.  
  63. [dir=auto] { text-align: left; }
  64.  
  65. a:link,
  66. a:visited
  67. {
  68. font-weight: bold;
  69. color: rgb(17, 111, 145);
  70. text-decoration: none;
  71.  
  72. }
  73.  
  74. a[href]:hover
  75. {
  76. color: rgb(17, 200, 242);
  77. text-decoration: underline;
  78.  
  79. }
  80.  
  81. a:hover
  82. {
  83. _text-decoration: underline;
  84. }
  85.  
  86. a.noOutline
  87. {
  88. outline: 0 none;
  89. }
  90.  
  91. .emCtrl,
  92. .messageContent a
  93. {
  94. border-radius: 5px;
  95. }
  96.  
  97. .emCtrl:hover,
  98. .emCtrl:focus,
  99. .ugc a:hover,
  100. .ugc a:focus
  101. {
  102. /*position: relative;
  103. top: -1px;*/
  104. text-decoration: none;
  105. box-shadow: 5px 5px 7px #CCCCCC;
  106. outline: 0 none;
  107. }
  108.  
  109. .emCtrl:active,
  110. .ugc a:active
  111. {
  112. position: relative;
  113. top: 1px;
  114. box-shadow: 2px 2px 7px #CCCCCC;
  115. outline: 0 none;
  116. }
  117.  
  118. .ugc a:link,
  119. .ugc a:visited
  120. {
  121. text-decoration: underline;
  122. padding: 0 3px;
  123. margin: 0 -3px;
  124.  
  125. }
  126.  
  127. .ugc a:hover,
  128. .ugc a:focus
  129. {
  130. text-decoration: underline;
  131. border-radius: 0px;
  132. box-shadow: none;
  133.  
  134. }
  135.  
  136. img.mceSmilie,
  137. img.mceSmilieSprite
  138. {
  139. vertical-align: text-bottom;
  140. margin: 0 1px;
  141. }
  142.  
  143. /** title bar **/
  144.  
  145. .titleBar
  146. {
  147. margin-bottom: 10px;
  148. }
  149.  
  150. /* clearfix */ .titleBar { zoom: 1; } .titleBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
  151.  
  152. .titleBar h1
  153. {
  154. font-size: 14pt;
  155. overflow: hidden;
  156. zoom: 1;
  157.  
  158. }
  159.  
  160. .titleBar h1 em
  161. {
  162. color: rgb(100,100,100);
  163. }
  164.  
  165. .titleBar h1 .Popup
  166. {
  167. float: left;
  168. }
  169.  
  170. #pageDescription
  171. {
  172. font-size: 11px;
  173. color: rgb(150,150,150);
  174. margin-top: 2px;
  175.  
  176. }
  177.  
  178. .topCtrl
  179. {
  180. float: right;
  181. }
  182.  
  183. .topCtrl h2
  184. {
  185. font-size: 12pt;
  186. }
  187.  
  188. /** images **/
  189.  
  190. img
  191. {
  192. -ms-interpolation-mode: bicubic;
  193. }
  194.  
  195. a.avatar
  196. {
  197. *cursor: pointer; /* IE7 refuses to do this */
  198. }
  199.  
  200. .avatar img,
  201. .avatar .img,
  202. .avatarCropper
  203. {
  204. background-color: rgb(231,231,231);
  205. padding: 2px;
  206. border: 1px solid rgb(213, 213, 213);
  207. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  208.  
  209. }
  210.  
  211. .avatar.plainImage img,
  212. .avatar.plainImage .img
  213. {
  214. border: none;
  215. border-radius: 0;
  216. padding: 0;
  217. background-position: left top;
  218. }
  219.  
  220. .avatar .img
  221. {
  222. display: block;
  223. background-repeat: no-repeat;
  224. background-position: 2px 2px;
  225. text-indent: 1000px;
  226. overflow: hidden;
  227. white-space: nowrap;
  228. word-wrap: normal;
  229. }
  230.  
  231. .avatar .img.s { width: 48px; height: 48px; }
  232. .avatar .img.m { width: 96px; height: 96px; }
  233. .avatar .img.l { width: 192px; height: 192px; }
  234.  
  235. .avatarCropper
  236. {
  237. width: 192px;
  238. height: 192px;
  239. direction: ltr;
  240. }
  241.  
  242. .avatarCropper a,
  243. .avatarCropper span,
  244. .avatarCropper label
  245. {
  246. overflow: hidden;
  247. position: relative;
  248. display: block;
  249. width: 192px;
  250. height: 192px;
  251. }
  252.  
  253. .avatarCropper img
  254. {
  255. padding: 0;
  256. border: none;
  257. border-radius: 0;
  258.  
  259. position: relative;
  260. display: block;
  261. }
  262.  
  263. .avatarScaler img
  264. {
  265. max-width: 192px;
  266. _width: 192px;
  267. }
  268.  
  269. /* ***************************** */
  270.  
  271. body .dimmed, body a.dimmed, body .dimmed a { color: rgb(100,100,100); }
  272. body .muted, body a.muted, body .muted a { color: rgb(150,150,150); }
  273. body .faint, body a.faint, body .faint a { color: rgb(200,200,200); }
  274.  
  275. .highlight { font-weight: bold; }
  276.  
  277. .concealed,
  278. .concealed a,
  279. .cloaked,
  280. .cloaked a
  281. {
  282. text-decoration: inherit !important;
  283. color: inherit !important;
  284. *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0);
  285. }
  286.  
  287. a.concealed:hover,
  288. .concealed a:hover
  289. {
  290. text-decoration: underline !important;
  291. }
  292.  
  293. /* ***************************** */
  294.  
  295. .xenTooltip
  296. {
  297. font-size: 11px;
  298. color: rgb(255, 255, 255);
  299. background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0,0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  300. padding: 5px 10px;
  301. border-radius: 5px;
  302. display: none;
  303. z-index: 15000;
  304. cursor: default;
  305.  
  306. }
  307.  
  308. .xenTooltip a,
  309. .xenTooltip a:hover
  310. {
  311. color: rgb(255, 255, 255);
  312. text-decoration: underline;
  313. }
  314.  
  315. .xenTooltip .arrow
  316. {
  317. border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0);
  318. border-right: 6px solid transparent;
  319. border-bottom: 1px none black;
  320. border-left: 6px solid transparent;
  321. position: absolute;
  322. bottom: -6px;
  323. line-height: 0px;
  324. width: 0px;
  325. height: 0px;
  326.  
  327. left: 9px;
  328.  
  329. /* Hide from IE6 */
  330. _display: none;
  331. }
  332.  
  333. .xenTooltip.flipped .arrow
  334. {
  335. left: auto;
  336. right: 9px;
  337. }
  338.  
  339. .xenTooltip.statusTip
  340. {
  341. /* Generated by XenForo.StatusTooltip JavaScript */
  342. padding: 5px 10px;
  343. line-height: 17px;
  344. width: 250px;
  345. height: auto;
  346.  
  347. }
  348.  
  349. .xenTooltip.statusTip .arrow
  350. {
  351. border: 6px solid transparent;
  352. border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0);
  353. border-left: 1px none black;
  354. top: 6px;
  355. left: -6px;
  356. bottom: auto;
  357. right: auto;
  358.  
  359. }
  360.  
  361. .xenTooltip.iconTip { margin-left: -6px; }
  362. .xenTooltip.iconTip.flipped { margin-left: 7px; }
  363.  
  364. /* ***************************** */
  365.  
  366. #PreviewTooltip
  367. {
  368. display: none;
  369. }
  370.  
  371. .xenPreviewTooltip
  372. {
  373. border: 10px solid rgb(36, 36, 36);
  374. border-radius: 10px;
  375. position: relative;
  376. box-shadow: 0px 12px 25px rgba(0,0,0, 0.5);
  377. width: 400px;
  378.  
  379.  
  380. display: none;
  381. z-index: 15000;
  382. cursor: default;
  383.  
  384. border-color: rgb(36, 36, 36); border-color: rgba(36, 36, 36, 0.5); _border-color: rgb(36, 36, 36);
  385. }
  386.  
  387. .xenPreviewTooltip .arrow
  388. {
  389. border-top: 15px solid rgb(51,51,51); border-top: 15px solid rgba(51,51,51, 0.25); _border-top: 15px solid rgb(51,51,51);
  390. border-right: 15px solid transparent;
  391. border-bottom: 1px none black;
  392. border-left: 15px solid transparent;
  393. position: absolute;
  394. bottom: -15px;
  395. left: 22px;
  396.  
  397.  
  398. _display: none;
  399. }
  400.  
  401. .xenPreviewTooltip .arrow span
  402. {
  403. border-top: 15px solid rgb(231,231,231);
  404. border-right: 15px solid transparent;
  405. border-bottom: 1px none black;
  406. border-left: 15px solid transparent;
  407. position: absolute;
  408. top: -17px;
  409. left: -15px;
  410.  
  411. }
  412.  
  413. .xenPreviewTooltip .section,
  414. .xenPreviewTooltip .sectionMain,
  415. .xenPreviewTooltip .primaryContent,
  416. .xenPreviewTooltip .secondaryContent
  417. {
  418. margin: 0;
  419. }
  420.  
  421. .xenPreviewTooltip .previewContent
  422. {
  423. overflow: hidden; zoom: 1;
  424. min-height: 1em;
  425. }
  426.  
  427. /* ***************************** */
  428.  
  429. .importantMessage
  430. {
  431. margin: 10px 0;
  432. color: rgb(81, 81, 81);
  433. background-color: rgb(245, 245, 245);
  434. text-align: center;
  435. padding: 5px;
  436. border-radius: 5px;
  437. border: solid 1px rgb(195, 195, 195);
  438. }
  439.  
  440. .importantMessage a
  441. {
  442. font-weight: bold;
  443. color: rgb(81, 81, 81);
  444. }
  445.  
  446. /* ***************************** */
  447.  
  448. .section
  449. {
  450. margin: 10px auto;
  451.  
  452. }
  453.  
  454. .sectionMain
  455. {
  456. background-color: rgb(231,231,231);
  457. padding: 5px;
  458. margin: 10px auto;
  459. border: 1px solid rgb(211, 211, 211);
  460. border-radius: 3px;
  461.  
  462. }
  463.  
  464. .heading,
  465. .xenForm .formHeader
  466. {
  467. font-weight: bold;
  468. font-size: 13px;
  469. color: rgb(250, 250, 250);
  470. background-color: rgb(183, 183, 183);
  471. padding: 5px 10px;
  472. margin-bottom: 3px;
  473. border-top: 1px solid rgb(155, 155, 155);
  474. border-bottom: 1px solid rgb(155, 155, 155);
  475. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  476. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
  477. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  478. background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  479. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  480. background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  481. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  482.  
  483. }
  484.  
  485. .heading a { color: rgb(250, 250, 250); }
  486.  
  487. .subHeading
  488. {
  489. font-size: 11px;
  490. color: rgb(255, 255, 255);
  491. background-color: rgb(51, 51, 51);
  492. background-repeat: repeat-x;
  493. background-position: top;
  494. padding: 8px 10px;
  495. margin: 3px auto 0;
  496. border-bottom: 4px solid rgb(29, 29, 29);
  497. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  498. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%);
  499. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.03)), color-stop(100%,rgba(255,255,255,0)));
  500. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
  501. background-image: -o-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
  502. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
  503. background-image: linear-gradient(to bottom, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);
  504. box-shadow: inset rgba(255,255,255,0.06) 0px 1px 0px, inset rgba(255,255,255,0.06) 0px -1px 0px;
  505.  
  506. }
  507.  
  508. .subHeading a { color: rgb(255, 255, 255); }
  509.  
  510. .textHeading,
  511. .xenForm .sectionHeader
  512. {
  513. font-weight: bold;
  514. color: rgb(20,20,20);
  515. padding-bottom: 2px;
  516. margin: 10px auto 5px;
  517. border-bottom: 1px solid rgb(237, 237, 237);
  518.  
  519. }
  520.  
  521. .xenForm .sectionHeader,
  522. .xenForm .formHeader
  523. {
  524. margin: 10px 0;
  525. }
  526.  
  527. .primaryContent > .textHeading:first-child,
  528. .secondaryContent > .textHeading:first-child
  529. {
  530. margin-top: 0;
  531. }
  532.  
  533. .larger.textHeading,
  534. .xenForm .sectionHeader
  535. {
  536. color: rgb(211, 211, 211);
  537. font-size: 11pt;
  538. margin-bottom: 6px;
  539. }
  540.  
  541. .larger.textHeading a,
  542. .xenForm .sectionHeader a
  543. {
  544. color: rgb(211, 211, 211);
  545. }
  546.  
  547. .primaryContent
  548. {
  549. background-color: rgb(231,231,231);
  550. padding: 10px;
  551. border-bottom: 1px solid rgb(237, 237, 237);
  552.  
  553. }
  554.  
  555. .primaryContent a
  556. {
  557. color: rgb(39, 39, 39);
  558.  
  559. }
  560.  
  561. .secondaryContent
  562. {
  563. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  564. padding: 10px;
  565. border: 1px solid rgb(211, 211, 211);
  566.  
  567. }
  568.  
  569. .secondaryContent a
  570. {
  571. color: rgb(39, 39, 39);
  572.  
  573. }
  574.  
  575. .sectionFooter
  576. {
  577. overflow: hidden; zoom: 1;
  578. font-size: 11px;
  579. color: rgb(155, 155, 155);
  580. background: rgb(237, 237, 237) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  581. padding: 4px 10px;
  582. border-bottom: 1px solid rgb(211, 211, 211);
  583. line-height: 16px;
  584.  
  585. }
  586.  
  587. .sectionFooter a { color: rgb(155, 155, 155); }
  588.  
  589. .sectionFooter .left
  590. {
  591. float: left;
  592. }
  593.  
  594. .sectionFooter .right
  595. {
  596. float: right;
  597. }
  598.  
  599. /* used for section footers with central buttons, esp. in report viewing */
  600.  
  601. .actionList
  602. {
  603. text-align: center;
  604. }
  605.  
  606. /* left-right aligned options */
  607.  
  608. .opposedOptions
  609. {
  610. overflow: hidden; zoom: 1;
  611. }
  612.  
  613. .opposedOptions .left
  614. {
  615. float: left;
  616. }
  617.  
  618. .opposedOptions .right
  619. {
  620. float: right;
  621. }
  622.  
  623. .columns
  624. {
  625. overflow: hidden; zoom: 1;
  626. }
  627.  
  628. .columns .columnContainer
  629. {
  630. float: left;
  631. }
  632.  
  633. .columns .columnContainer .column
  634. {
  635. margin-left: 3px;
  636. }
  637.  
  638. .columns .columnContainer:first-child .column
  639. {
  640. margin-left: 0;
  641. }
  642.  
  643. .c50_50 .c1,
  644. .c50_50 .c2 { width: 49.99%; }
  645.  
  646. .c70_30 .c1 { width: 70%; }
  647. .c70_30 .c2 { width: 29.99%; }
  648.  
  649. .c60_40 .c1 { width: 60%; }
  650. .c60_40 .c2 { width: 39.99%; }
  651.  
  652. .c40_30_30 .c1 { width: 40%; }
  653. .c40_30_30 .c2,
  654. .c40_30_30 .c3 { width: 29.99%; }
  655.  
  656. .c50_25_25 .c1 { width: 50%; }
  657. .c50_25_25 .c2,
  658. .c50_25_25 .c3 { width: 25%; }
  659.  
  660. /* ***************************** */
  661. /* Basic Tabs */
  662.  
  663. .tabs
  664. {
  665. font-size: 11px;
  666. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  667. padding: 0 10px;
  668. border-bottom: 1px solid rgb(211, 211, 211);
  669. word-wrap: normal;
  670. min-height: 23px;
  671. _height: 23px;
  672.  
  673.  
  674. display: table;
  675. width: 100%;
  676. *width: auto;
  677. box-sizing: border-box;
  678. }
  679.  
  680. .tabs li
  681. {
  682. float: left;
  683. }
  684.  
  685. .tabs li a,
  686. .tabs.noLinks li
  687. {
  688. color: rgb(20,20,20);
  689. text-decoration: none;
  690. background: rgb(237, 237, 237) url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  691. padding: 0 8px;
  692. margin-right: -1px;
  693. margin-bottom: -1px;
  694. border: 1px solid rgb(211, 211, 211);
  695. border-top-left-radius: 3px;
  696. border-top-right-radius: 3px;
  697. display: inline-block;
  698. line-height: 22px;
  699. cursor: pointer;
  700. outline: 0 none;
  701. white-space: nowrap;
  702. word-wrap: normal;
  703. height: 22px;
  704.  
  705. }
  706.  
  707. .tabs li:hover a,
  708. .tabs.noLinks li:hover
  709. {
  710. text-decoration: none;
  711. background-color: rgb(211, 211, 211);
  712.  
  713. }
  714.  
  715. .tabs li.active a,
  716. .tabs.noLinks li.active
  717. {
  718. background-color: rgb(231,231,231);
  719. padding-bottom: 1px;
  720. border-bottom: 1px none black;
  721.  
  722. }
  723.  
  724. /* Tabs inside forms */
  725.  
  726. .xenForm .tabs,
  727. .xenFormTabs
  728. {
  729. padding: 5px 30px 0;
  730. }
  731.  
  732.  
  733. @media (max-width:480px)
  734. {
  735. .Responsive .tabs li
  736. {
  737. float: none;
  738. }
  739.  
  740. .Responsive .tabs li a,
  741. .Responsive .tabs.noLinks li
  742. {
  743. display: block;
  744. }
  745.  
  746. .Responsive .tabs
  747. {
  748. display: flex;
  749. display: -webkit-flex;
  750. flex-wrap: wrap;
  751. -webkit-flex-wrap: wrap;
  752. }
  753.  
  754. .Responsive .tabs li
  755. {
  756. flex-grow: 1;
  757. -webkit-flex-grow: 1;
  758. text-align: center;
  759. }
  760.  
  761. .Responsive .xenForm .tabs,
  762. .Responsive .xenFormTabs
  763. {
  764. padding-left: 10px;
  765. padding-right: 10px;
  766. }
  767. }
  768.  
  769.  
  770. /* ***************************** */
  771. /* Popup Menus */
  772.  
  773. .Popup
  774. {
  775. position: relative;
  776. }
  777.  
  778. .Popup.inline
  779. {
  780. display: inline;
  781. }
  782.  
  783. /** Popup menu trigger **/
  784.  
  785. .Popup .arrowWidget
  786. {
  787. /* circle-arrow-down */
  788. background: transparent url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
  789. margin-top: -2px;
  790. margin-left: 4px;
  791. display: inline-block;
  792. *margin-top: 0;
  793. vertical-align: middle;
  794. width: 13px;
  795. height: 14px;
  796.  
  797. }
  798.  
  799. .PopupOpen .arrowWidget
  800. {
  801. /* circle-arrow-up */
  802. background-position: -16px 0;
  803.  
  804. }
  805.  
  806. .Popup .PopupControl,
  807. .Popup.PopupContainerControl
  808. {
  809. display: inline-block;
  810. cursor: pointer;
  811. }
  812.  
  813. .Popup .PopupControl:hover,
  814. .Popup.PopupContainerControl:hover
  815. {
  816. color: rgb(101, 101, 101);
  817. text-decoration: none;
  818. background-color: rgb(237, 237, 237);
  819.  
  820. }
  821.  
  822. .Popup .PopupControl:focus,
  823. .Popup .PopupControl:active,
  824. .Popup.PopupContainerControl:focus,
  825. .Popup.PopupContainerControl:active
  826. {
  827. outline: 0;
  828. }
  829.  
  830. .Popup .PopupControl.PopupOpen,
  831. .Popup.PopupContainerControl.PopupOpen
  832. {
  833. color: rgb(67, 67, 67);
  834. background-color: rgb(237, 237, 237);
  835. border-top-left-radius: 3px;
  836. border-top-right-radius: 3px;
  837. border-bottom-right-radius: 0px;
  838. border-bottom-left-radius: 0px;
  839.  
  840. }
  841.  
  842. .Popup .PopupControl.BottomControl.PopupOpen,
  843. .Popup.PopupContainerControl.BottomControl.PopupOpen
  844. {
  845. border-top-left-radius: 0px;
  846. border-top-right-radius: 0px;
  847. border-bottom-left-radius: 3px;
  848. border-bottom-right-radius: 3px;
  849. }
  850.  
  851. .Popup .PopupControl.PopupOpen:hover,
  852. .Popup.PopupContainerControl.PopupOpen:hover
  853. {
  854. text-decoration: none;
  855. }
  856.  
  857. /** Menu body **/
  858.  
  859. .Menu
  860. {
  861. /*background-color: rgb(255,255,255);*/
  862.  
  863. font-size: 11px;
  864. border: 1px solid rgb(183, 183, 183);
  865. overflow: hidden;
  866. box-shadow: 0px 2px 10px rgba(0,0,0, 0.15);
  867.  
  868.  
  869. min-width: 200px;
  870. *width: 200px;
  871.  
  872. /* makes menus actually work... */
  873. position: absolute;
  874. z-index: 7500;
  875. display: none;
  876. }
  877.  
  878. /* allow menus to operate when JS is disabled */
  879. .Popup:hover .Menu
  880. {
  881. display: block;
  882. }
  883.  
  884. .Popup:hover .Menu.JsOnly
  885. {
  886. display: none;
  887. }
  888.  
  889. .Menu.BottomControl
  890. {
  891. border-top-width: 1px;
  892. border-bottom-width: 3px;
  893. box-shadow: 0px 0px 0px transparent;
  894. }
  895.  
  896. .Menu > li > a,
  897. .Menu .menuRow
  898. {
  899. display: block;
  900. }
  901.  
  902. .Menu.inOverlay
  903. {
  904. z-index: 10000;
  905. }
  906.  
  907. /* Menu header */
  908.  
  909. .Menu .menuHeader
  910. {
  911. overflow: hidden; zoom: 1;
  912. }
  913.  
  914. .Menu .menuHeader h3
  915. {
  916. font-size: 13pt;
  917.  
  918. }
  919.  
  920. .Menu .menuHeader .muted
  921. {
  922. font-size: 11px;
  923.  
  924. }
  925.  
  926. /* Standard menu sections */
  927.  
  928. .Menu .primaryContent
  929. {
  930. background-color: rgba(231, 231, 231, 0.96);
  931. }
  932.  
  933. .Menu .secondaryContent
  934. {
  935. background-color: rgba(250, 250, 250, 0.96);
  936. }
  937.  
  938. .Menu .sectionFooter
  939. {
  940. background-color: rgba(237, 237, 237, 0.9);
  941. }
  942.  
  943. /* Links lists */
  944.  
  945. .Menu .blockLinksList
  946. {
  947. max-height: 400px;
  948. overflow: auto;
  949. }
  950.  
  951. /* form popups */
  952.  
  953. .formPopup
  954. {
  955. width: 250px;
  956. background-color: rgb(231,231,231);
  957. }
  958.  
  959. .formPopup form,
  960. .formPopup .ctrlUnit
  961. {
  962. margin: 5px auto;
  963. }
  964.  
  965. .formPopup .ctrlUnit
  966. {
  967. }
  968.  
  969. .formPopup .textCtrl,
  970. .formPopup .button
  971. {
  972. width: 232px;
  973. }
  974.  
  975. .formPopup .ctrlUnit > dt label
  976. {
  977. display: block;
  978. margin-bottom: 2px;
  979. }
  980.  
  981. .formPopup .submitUnit dd
  982. {
  983. text-align: center;
  984. }
  985.  
  986. .formPopup .ctrlUnit > dd .explain
  987. {
  988. margin: 2px 0 0;
  989. }
  990.  
  991. .formPopup .primaryControls
  992. {
  993. zoom: 1;
  994. white-space: nowrap;
  995. word-wrap: normal;
  996. padding: 0 5px;
  997. }
  998.  
  999. .formPopup .primaryControls input.textCtrl
  1000. {
  1001. margin-bottom: 0;
  1002. }
  1003.  
  1004. .formPopup .secondaryControls
  1005. {
  1006. padding: 0 5px;
  1007. }
  1008.  
  1009. .formPopup .controlsWrapper
  1010. {
  1011. background: rgb(237, 237, 237) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  1012. border-radius: 5px;
  1013. padding: 5px;
  1014. margin: 5px 0;
  1015. font-size: 11px;
  1016. }
  1017.  
  1018. .formPopup .controlsWrapper .textCtrl
  1019. {
  1020. width: 222px;
  1021. }
  1022.  
  1023. .formPopup .advSearchLink
  1024. {
  1025. display: block;
  1026. text-align: center;
  1027. padding: 5px;
  1028. font-size: 11px;
  1029. border-radius: 5px;
  1030. border: 1px solid rgb(237, 237, 237);
  1031. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  1032. }
  1033.  
  1034. .formPopup .advSearchLink:hover
  1035. {
  1036. background-color: rgb(237, 237, 237);
  1037. text-decoration: none;
  1038. }
  1039.  
  1040. /* All overlays must have this */
  1041. .xenOverlay
  1042. {
  1043. display: none;
  1044. z-index: 10000;
  1045. width: 90%;
  1046. box-sizing: border-box;
  1047. max-width: 690px; /*calc: 90=overlay padding+borders*/
  1048. }
  1049.  
  1050. .xenOverlay .overlayScroll
  1051. {
  1052. max-height: 400px;
  1053. overflow: auto;
  1054. }
  1055.  
  1056. .xenOverlay .overlayScroll.ltr
  1057. {
  1058. direction: ltr;
  1059. }
  1060.  
  1061. .xenOverlay .overlayScroll .sortable-placeholder
  1062. {
  1063. background-color: rgb(211, 211, 211);
  1064. }
  1065.  
  1066. .xenOverlay .overlayContain
  1067. {
  1068. overflow-x: auto;
  1069. }
  1070.  
  1071. .xenOverlay .overlayContain.ltr
  1072. {
  1073. direction: ltr;
  1074. }
  1075.  
  1076. .overlayOnly /* needs a bit more specificity over regular buttons */
  1077. {
  1078. display: none !important;
  1079. }
  1080.  
  1081. .xenOverlay .overlayOnly
  1082. {
  1083. display: block !important;
  1084. }
  1085.  
  1086. .xenOverlay input.overlayOnly,
  1087. .xenOverlay button.overlayOnly,
  1088. .xenOverlay a.overlayOnly
  1089. {
  1090. display: inline !important;
  1091. }
  1092.  
  1093. .xenOverlay a.close
  1094. {
  1095. background-image: url('styles/kanoapps-baisik/xenforo/overlay/close.png');
  1096. position: absolute;
  1097. right: 4px;
  1098. top: 4px;
  1099. cursor: pointer;
  1100. width: 35px;
  1101. height: 35px;
  1102.  
  1103. }
  1104.  
  1105. .xenOverlay .nonOverlayOnly
  1106. {
  1107. display: none !important;
  1108. }
  1109.  
  1110. /* Generic form overlays */
  1111.  
  1112. .xenOverlay .formOverlay
  1113. {
  1114. background-color: rgb(250, 250, 250);
  1115. padding: 10px;
  1116. border: 5px solid rgb(0,0,0); border: 5px solid rgba(0,0,0, 0.25); _border: 5px solid rgb(0,0,0);
  1117. border-radius: 5px;
  1118. box-shadow: 0px 10px 50px rgba(0,0,0, 0.4);
  1119. _zoom: 1;
  1120.  
  1121. margin: 0;
  1122. }
  1123.  
  1124. .Touch .xenOverlay .formOverlay
  1125. {
  1126. background: rgb(250, 250, 250);
  1127. box-shadow: none;
  1128. }
  1129.  
  1130. .xenOverlay .formOverlay a.muted,
  1131. .xenOverlay .formOverlay .muted a
  1132. {
  1133. color: rgb(150,150,150);
  1134. }
  1135.  
  1136. .xenOverlay .formOverlay .heading
  1137. {
  1138. font-weight: bold;
  1139. color: rgb(250, 250, 250);
  1140. background-color: rgb(101, 101, 101);
  1141. padding: 8px 10px;
  1142. margin-bottom: 10px;
  1143. border: 1px solid rgb(67, 67, 67);
  1144. border-radius: 4px;
  1145.  
  1146. }
  1147.  
  1148. .xenOverlay .formOverlay .subHeading
  1149. {
  1150. font-weight: bold;
  1151. font-size: 11px;
  1152. color: rgb(250, 250, 250);
  1153. background-color: rgb(67, 67, 67);
  1154. padding: 5px 10px;
  1155. margin-bottom: 10px;
  1156. border: 1px solid rgb(101, 101, 101);
  1157. border-radius: 3px;
  1158.  
  1159. }
  1160.  
  1161. .xenOverlay .formOverlay .textHeading
  1162. {
  1163.  
  1164. }
  1165.  
  1166. .xenOverlay .formOverlay > p
  1167. {
  1168. padding-left: 10px;
  1169. padding-right: 10px;
  1170. }
  1171.  
  1172. .xenOverlay .formOverlay .textCtrl
  1173. {
  1174.  
  1175. }
  1176.  
  1177. .xenOverlay .formOverlay .textCtrl option
  1178. {
  1179.  
  1180. }
  1181.  
  1182. .xenOverlay .formOverlay .textCtrl:focus,
  1183. .xenOverlay .formOverlay .textCtrl.Focus
  1184. {
  1185. background-image: none;
  1186.  
  1187. }
  1188.  
  1189. .xenOverlay .formOverlay .textCtrl:focus option
  1190. {
  1191. background-image: none;
  1192. }
  1193.  
  1194. .xenOverlay .formOverlay .textCtrl.disabled
  1195. {
  1196.  
  1197. }
  1198.  
  1199. .xenOverlay .formOverlay .textCtrl.disabled option
  1200. {
  1201.  
  1202. }
  1203.  
  1204. .xenOverlay .formOverlay .textCtrl.prompt
  1205. {
  1206.  
  1207. }
  1208.  
  1209. .xenOverlay .formOverlay .ctrlUnit > dt dfn,
  1210. .xenOverlay .formOverlay .ctrlUnit > dd li .hint,
  1211. .xenOverlay .formOverlay .ctrlUnit > dd .explain
  1212. {
  1213. color: #bbb;
  1214.  
  1215. }
  1216.  
  1217. .xenOverlay .formOverlay a
  1218. {
  1219.  
  1220. }
  1221.  
  1222. .xenOverlay .formOverlay a.button
  1223. {
  1224.  
  1225. }
  1226.  
  1227. .xenOverlay .formOverlay .avatar img,
  1228. .xenOverlay .formOverlay .avatar .img,
  1229. .xenOverlay .formOverlay .avatarCropper
  1230. {
  1231. background-color: transparent;
  1232. }
  1233.  
  1234. /* tabs in form overlay */
  1235.  
  1236. .xenOverlay .formOverlay .tabs /* the actual tabs */
  1237. {
  1238. background: transparent none;
  1239. border-color: rgb(211, 211, 211);
  1240.  
  1241. }
  1242.  
  1243. .xenOverlay .formOverlay .tabs a
  1244. {
  1245. background: transparent none;
  1246. border-color: rgb(211, 211, 211);
  1247.  
  1248. }
  1249.  
  1250. .xenOverlay .formOverlay .tabs a:hover
  1251. {
  1252. background: url(rgba.php?r=255&g=255&b=255&a=63); background: rgba(255,255,255, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF);
  1253.  
  1254. }
  1255.  
  1256. .xenOverlay .formOverlay .tabs .active a
  1257. {
  1258. background-color: black;
  1259.  
  1260. }
  1261.  
  1262. .xenOverlay .formOverlay .tabPanel /* panels switched with the tab controls */
  1263. {
  1264. background: transparent url('styles/kanoapps-baisik/xenforo/color-picker/panel.png') repeat-x top;
  1265. border: 1px solid rgb(211, 211, 211);
  1266.  
  1267. }
  1268.  
  1269.  
  1270. /* Generic overlays */
  1271.  
  1272. .xenOverlay .section,
  1273. .xenOverlay .sectionMain
  1274. {
  1275. padding: 0px;
  1276. border: 1px solid rgb(36, 36, 36);
  1277. box-shadow: 0px 5px 45px rgba(0,0,0, 0.5);
  1278.  
  1279.  
  1280. border-color: rgb(36, 36, 36); border-color: rgba(36, 36, 36, 0.5); _border-color: rgb(36, 36, 36);
  1281. }
  1282.  
  1283. .Touch .xenOverlay .section,
  1284. .Touch .xenOverlay .sectionMain
  1285. {
  1286. border-color: rgb(36, 36, 36);
  1287. box-shadow: none;
  1288. }
  1289.  
  1290. .xenOverlay > .section,
  1291. .xenOverlay > .sectionMain
  1292. {
  1293. background: none;
  1294. margin: 0;
  1295. }
  1296.  
  1297. .xenOverlay .section .heading,
  1298. .xenOverlay .sectionMain .heading
  1299. {
  1300. border-radius: 0;
  1301. margin-bottom: 0;
  1302. }
  1303.  
  1304. .xenOverlay .section .subHeading,
  1305. .xenOverlay .sectionMain .subHeading
  1306. {
  1307. margin-top: 0;
  1308. }
  1309.  
  1310. .xenOverlay .section .sectionFooter,
  1311. .xenOverlay .sectionMain .sectionFooter
  1312. {
  1313. overflow: hidden; zoom: 1;
  1314. }
  1315.  
  1316. .xenOverlay .sectionFooter .buttonContainer
  1317. {
  1318. line-height: 31px;
  1319. }
  1320.  
  1321. .xenOverlay .sectionFooter .button,
  1322. .xenOverlay .sectionFooter .buttonContainer
  1323. {
  1324. min-width: 75px;
  1325. *min-width: 0;
  1326. float: right;
  1327. margin-left: 5px;
  1328. }
  1329.  
  1330. .xenOverlay .sectionFooter .buttonContainer .button
  1331. {
  1332. float: none;
  1333. margin-left: 0;
  1334. }
  1335.  
  1336. /* The AJAX progress indicator overlay */
  1337.  
  1338. #AjaxProgress.xenOverlay
  1339. {
  1340. width: 100%;
  1341. max-width: none;
  1342. overflow: hidden; zoom: 1;
  1343. }
  1344.  
  1345. #AjaxProgress.xenOverlay .content
  1346. {
  1347. background: rgb(0, 0, 0) url('styles/kanoapps-baisik/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('styles/kanoapps-baisik/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
  1348. border-bottom-left-radius: 10px;
  1349. float: right;
  1350. width: 85px;
  1351. height: 30px;
  1352.  
  1353. }
  1354.  
  1355. .Touch #AjaxProgress.xenOverlay .content
  1356. {
  1357. background-color: rgb(0, 0, 0);
  1358. }
  1359.  
  1360. /* Timed message for redirects */
  1361.  
  1362. .xenOverlay.timedMessage
  1363. {
  1364. color: black;
  1365. background: transparent url('styles/kanoapps-baisik/xenforo/overlay/timed-message.png') repeat-x;
  1366. border-bottom: 1px solid black;
  1367. max-width: none;
  1368. width: 100%;
  1369.  
  1370. }
  1371.  
  1372. .xenOverlay.timedMessage .content
  1373. {
  1374. font-size: 18pt;
  1375. padding: 30px;
  1376. text-align: center;
  1377.  
  1378. }
  1379.  
  1380. /* Growl-style message */
  1381.  
  1382. #StackAlerts
  1383. {
  1384. position: fixed;
  1385. bottom: 70px;
  1386. left: 35px;
  1387. z-index: 9999; /* in front of the expose mask */
  1388. }
  1389.  
  1390. #StackAlerts .stackAlert
  1391. {
  1392. position: relative;
  1393. width: 270px;
  1394. border: 1px solid rgb(183, 183, 183);
  1395. border-radius: 5px;
  1396. box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4);
  1397. margin-top: 5px;
  1398. }
  1399.  
  1400. #StackAlerts .stackAlertContent
  1401. {
  1402. padding: 10px;
  1403. padding-right: 30px;
  1404. border-radius: 4px;
  1405. border: solid 2px rgb(237, 237, 237);
  1406. background: url(rgba.php?r=250&g=250&b=250&a=229); background: rgba(250, 250, 250, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FAFAFA,endColorstr=#E5FAFAFA);
  1407. font-size: 11px;
  1408. font-weight: bold;
  1409. }
  1410.  
  1411. /* Inline Editor */
  1412.  
  1413. .xenOverlay .section .messageContainer
  1414. {
  1415. padding: 0;
  1416. }
  1417.  
  1418. .xenOverlay .section .messageContainer .mceLayout
  1419. {
  1420. border: none;
  1421. }
  1422.  
  1423. .xenOverlay .section .messageContainer tr.mceFirst td.mceFirst
  1424. {
  1425. border-top: none;
  1426. }
  1427.  
  1428. .xenOverlay .section .messageContainer tr.mceLast td.mceLast,
  1429. .xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer
  1430. {
  1431. border-bottom: none;
  1432. }
  1433.  
  1434. .xenOverlay .section .textCtrl.MessageEditor,
  1435. .xenOverlay .section .mceLayout,
  1436. .xenOverlay .section .bbCodeEditorContainer textarea
  1437. {
  1438. width: 100% !important;
  1439. min-height: 260px;
  1440. _height: 260px;
  1441. box-sizing: border-box;
  1442. }
  1443.  
  1444.  
  1445. @media (max-width:610px)
  1446. {
  1447. .Responsive .xenOverlay
  1448. {
  1449. width: 100%;
  1450. }
  1451.  
  1452. .Responsive .xenOverlay .formOverlay,
  1453. .Responsive .xenOverlay .section,
  1454. .Responsive .xenOverlay .sectionMain
  1455. {
  1456. border-radius: 10px;
  1457. border-width: 10px;
  1458. }
  1459.  
  1460. .Responsive .xenOverlay a.close
  1461. {
  1462. top: 0;
  1463. right: 0;
  1464. width: 28px;
  1465. height: 28px;
  1466. background-size: 100% 100%;
  1467. }
  1468. }
  1469.  
  1470.  
  1471. .alerts .alertGroup
  1472. {
  1473. margin-bottom: 20px;
  1474. }
  1475.  
  1476. .alerts .primaryContent
  1477. {
  1478. overflow: hidden; zoom: 1;
  1479. padding: 5px;
  1480. }
  1481.  
  1482. .alerts .avatar
  1483. {
  1484. float: left;
  1485. }
  1486.  
  1487. .alerts .avatar img
  1488. {
  1489. width: 32px;
  1490. height: 32px;
  1491. }
  1492.  
  1493. .alerts .alertText
  1494. {
  1495. margin-left: 32px;
  1496. padding: 0 5px;
  1497. }
  1498.  
  1499. .alerts h3
  1500. {
  1501. display: inline;
  1502. }
  1503.  
  1504. .alerts h3 .subject
  1505. {
  1506. font-weight: bold;
  1507. }
  1508.  
  1509. .alerts .timeRow
  1510. {
  1511. font-size: 11px;
  1512. margin-top: 5px;
  1513. }
  1514.  
  1515. .alerts .newIcon,
  1516. .alertsPopup .newIcon
  1517. {
  1518. display: inline-block;
  1519. vertical-align: baseline;
  1520. margin-left: 2px;
  1521. width: 11px;
  1522. height: 11px;
  1523. background: url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -144px -40px;
  1524. }
  1525.  
  1526. /** Data tables **/
  1527.  
  1528. .dataTableWrapper
  1529. {
  1530. overflow-x: auto;
  1531. overflow-y: visible;
  1532. }
  1533.  
  1534. table.dataTable
  1535. {
  1536. width: 100%;
  1537. _width: 99.5%;
  1538. margin: 10px 0;
  1539. }
  1540.  
  1541. .dataTable caption
  1542. {
  1543. font-weight: bold;
  1544. font-size: 13px;
  1545. color: rgb(250, 250, 250);
  1546. background-color: rgb(183, 183, 183);
  1547. padding: 5px 10px;
  1548. margin-bottom: 3px;
  1549. border-top: 1px solid rgb(155, 155, 155);
  1550. border-bottom: 1px solid rgb(155, 155, 155);
  1551. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  1552. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
  1553. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  1554. background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  1555. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  1556. background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  1557. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  1558.  
  1559. }
  1560.  
  1561. .dataTable tr.dataRow td
  1562. {
  1563. border-bottom: 1px solid rgb(237, 237, 237);
  1564. padding: 5px 10px;
  1565. word-wrap: break-word;
  1566. }
  1567.  
  1568. .dataTable tr.dataRow td.secondary
  1569. {
  1570. background: rgb(250, 250, 250) url("styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png") repeat-x top;
  1571. }
  1572.  
  1573. .dataTable tr.dataRow th
  1574. {
  1575. background: rgb(222, 222, 222) url("styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png") repeat-x top;
  1576. border-bottom: 1px solid rgb(195, 195, 195);
  1577. border-top: 1px solid rgb(222, 222, 222);
  1578. color: rgb(81, 81, 81);
  1579. font-size: 11px;
  1580. padding: 5px 10px;
  1581. }
  1582.  
  1583. .dataTable tr.dataRow th a
  1584. {
  1585. color: inherit;
  1586. text-decoration: underline;
  1587. }
  1588.  
  1589. .dataTable .dataRow .dataOptions
  1590. {
  1591. text-align: right;
  1592. white-space: nowrap;
  1593. word-wrap: normal;
  1594. padding: 0;
  1595. }
  1596.  
  1597. .dataTable .dataRow .important,
  1598. .dataTable .dataRow.important
  1599. {
  1600. font-weight: bold;
  1601. }
  1602.  
  1603. .dataTable .dataRow .dataOptions a.secondaryContent
  1604. {
  1605. display: inline-block;
  1606. border-left: 1px solid rgb(237, 237, 237);
  1607. border-bottom: none;
  1608. padding: 7px 10px 6px;
  1609. font-size: 11px;
  1610. }
  1611.  
  1612. .dataTable .dataRow .dataOptions a.secondaryContent:hover
  1613. {
  1614. background-color: rgb(237, 237, 237);
  1615. text-decoration: none;
  1616. }
  1617.  
  1618. .dataTable .dataRow .delete
  1619. {
  1620. padding: 0px;
  1621. width: 26px;
  1622. border-left: 1px solid rgb(237, 237, 237);
  1623. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  1624. }
  1625.  
  1626. .dataTable .dataRow .delete a
  1627. {
  1628. display: block;
  1629. background: transparent url('styles/kanoapps-baisik/xenforo/permissions/deny.png') no-repeat center center;
  1630. cursor: pointer;
  1631.  
  1632. padding: 5px;
  1633. width: 16px;
  1634. height: 16px;
  1635.  
  1636. overflow: hidden;
  1637. white-space: nowrap;
  1638. text-indent: -1000px;
  1639. }
  1640.  
  1641. .memberListItem
  1642. {
  1643. overflow: hidden;
  1644. zoom: 1;
  1645.  
  1646. }
  1647.  
  1648. .memberListItem .avatar,
  1649. .memberListItem .icon
  1650. {
  1651. float: left;
  1652.  
  1653. }
  1654.  
  1655. /* ----------------------- */
  1656.  
  1657. .memberListItem .extra
  1658. {
  1659. font-size: 11px;
  1660. float: right;
  1661.  
  1662. }
  1663.  
  1664. .memberListItem .extra .DateTime
  1665. {
  1666. display: block;
  1667. }
  1668.  
  1669. .memberListItem .extra .bigNumber
  1670. {
  1671. font-size: 250%;
  1672. color: rgb(150,150,150);
  1673. }
  1674.  
  1675. .memberListItem .member
  1676. {
  1677. margin-left: 65px;
  1678.  
  1679. }
  1680.  
  1681. /* ----------------------- */
  1682.  
  1683. .memberListItem h3.username
  1684. {
  1685. font-weight: bold;
  1686. font-size: 13pt;
  1687. margin-bottom: 3px;
  1688.  
  1689. }
  1690.  
  1691. .memberListItem .username.guest
  1692. {
  1693. font-style: italic;
  1694. font-weight: normal;
  1695.  
  1696. }
  1697.  
  1698. /* ----------------------- */
  1699.  
  1700. .memberListItem .userInfo
  1701. {
  1702. font-size: 11px;
  1703. margin-bottom: 3px;
  1704.  
  1705. }
  1706.  
  1707. .memberListItem .userBlurb
  1708. {
  1709. }
  1710.  
  1711. .memberListItem .userBlurb .userTitle
  1712. {
  1713. font-weight: bold;
  1714.  
  1715. }
  1716.  
  1717. .memberListItem .userStats dt,
  1718. .memberListItem .userStats dd
  1719. {
  1720. white-space: nowrap;
  1721. }
  1722.  
  1723.  
  1724. /* ----------------------- */
  1725.  
  1726. .memberListItem .member .contentInfo
  1727. {
  1728. margin-top: 5px;
  1729.  
  1730. }
  1731.  
  1732. /* ----------------------- */
  1733.  
  1734.  
  1735. /* extended member list items have a fixed 200px right column */
  1736.  
  1737. .memberListItem.extended .extra
  1738. {
  1739. width: 200px;
  1740. }
  1741.  
  1742. .memberListItem.extended .member
  1743. {
  1744. margin-right: 210px;
  1745. }
  1746.  
  1747. /* Styling for hover-dismiss controls */
  1748.  
  1749. .DismissParent .DismissCtrl
  1750. {
  1751. position: absolute;
  1752. top: 12px;
  1753. right: 5px;
  1754.  
  1755. display: block;
  1756. background: transparent url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -80px 0;
  1757. color: white;
  1758. width: 15px;
  1759. height: 15px;
  1760. line-height: 15px;
  1761. text-align: center;
  1762.  
  1763. opacity: .4;
  1764. -webkit-transition: opacity 0.3s ease-in-out;
  1765. -moz-transition: opacity 0.3s ease-in-out;
  1766. transition: opacity 0.3s ease-in-out;
  1767.  
  1768. font-size: 10px;
  1769.  
  1770. overflow: hidden;
  1771. white-space: nowrap;
  1772. text-indent: 20000em;
  1773.  
  1774. cursor: pointer;
  1775. }
  1776.  
  1777. .DismissParent:hover .DismissCtrl,
  1778. .Touch .DismissParent .DismissCtrl
  1779. {
  1780. opacity: 1;
  1781. }
  1782.  
  1783. .DismissParent:hover .DismissCtrl:hover
  1784. {
  1785. background-position: -96px 0;
  1786. }
  1787.  
  1788. .DismissParent:hover .DismissCtrl:active
  1789. {
  1790. background-position: -112px 0;
  1791. }
  1792.  
  1793. .DismissParent.notice_-1 .DismissCtrl
  1794. {
  1795. display: none;
  1796. }
  1797.  
  1798. /* ***************************** */
  1799. /* un-reset, mostly from YUI */
  1800.  
  1801. .baseHtml h1
  1802. { font-size:138.5%; }
  1803. .baseHtml h2
  1804. { font-size:123.1%; }
  1805. .baseHtml h3
  1806. { font-size:108%; }
  1807. .baseHtml h1, .baseHtml h2, .baseHtml h3
  1808. { margin:1em 0; }
  1809. .baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong
  1810. { font-weight:bold; }
  1811. .baseHtml abbr, .baseHtml acronym
  1812. { border-bottom:1px dotted #000; cursor:help; }
  1813. .baseHtml em
  1814. { font-style:italic; }
  1815. .baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl
  1816. { margin:1em; }
  1817. .baseHtml ol, .baseHtml ul, .baseHtml dl
  1818. { margin-left:3em; margin-right:0; }
  1819. .baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl
  1820. { margin-top:0; margin-bottom:0; }
  1821. .baseHtml ol li
  1822. { list-style: decimal outside; }
  1823. .baseHtml ul li
  1824. { list-style: disc outside; }
  1825. .baseHtml ol ul li, .baseHtml ul ul li
  1826. { list-style-type: circle; }
  1827. .baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li
  1828. { list-style-type: square; }
  1829. .baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li
  1830. { list-style: decimal outside; }
  1831. .baseHtml dl dd
  1832. { margin-left:1em; }
  1833. .baseHtml th, .baseHtml td
  1834. { border:1px solid #000; padding:.5em; }
  1835. .baseHtml th
  1836. { font-weight:bold; text-align:center; }
  1837. .baseHtml caption
  1838. { margin-bottom:.5em; text-align:center; }
  1839. .baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table
  1840. { margin-bottom:1em; }
  1841.  
  1842. .PageNav
  1843. {
  1844. font-size: 11px;
  1845. padding: 2px 0;
  1846. overflow: hidden;
  1847. zoom: 1;
  1848. line-height: 28px;
  1849. word-wrap: normal;
  1850. min-width: 150px;
  1851. white-space: nowrap;
  1852.  
  1853.  
  1854. margin-bottom: -.5em;
  1855. }
  1856.  
  1857. .PageNav .hidden
  1858. {
  1859. display: none;
  1860. }
  1861.  
  1862. .PageNav .pageNavHeader,
  1863. .PageNav a,
  1864. .PageNav .scrollable
  1865. {
  1866. display: block;
  1867. float: left;
  1868. margin-right: 3px;
  1869. margin-bottom: .5em;
  1870. }
  1871.  
  1872. .PageNav .pageNavHeader
  1873. {
  1874. padding: 1px 0;
  1875. }
  1876.  
  1877. .PageNav a
  1878. {
  1879. color: rgb(112, 112, 112);
  1880. text-decoration: none;
  1881. background-color: rgb(244, 244, 244);
  1882. border: 1px solid rgb(209, 209, 209);
  1883. border-radius: 3px;
  1884. text-align: center;
  1885. box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
  1886. text-shadow: 0px 1px 0px #fff;
  1887. background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  1888. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  1889. background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  1890. background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  1891. background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  1892. background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  1893.  
  1894.  
  1895.  
  1896. width: 23px;
  1897. }
  1898.  
  1899. .PageNav a[rel=start]
  1900. {
  1901. width: 23px !important;
  1902. }
  1903.  
  1904. .PageNav a.text
  1905. {
  1906. width: auto !important;
  1907. padding: 0 4px;
  1908. }
  1909.  
  1910. .PageNav a.currentPage
  1911. {
  1912. position: relative;
  1913. box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
  1914. background: #5c5c5c !important;
  1915. border-color: #575757 !important;
  1916. color: #fff !important;
  1917. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  1918.  
  1919. }
  1920.  
  1921. a.PageNavPrev,
  1922. a.PageNavNext
  1923. {
  1924. color: rgb(20,20,20);
  1925. background-color: transparent;
  1926. padding: 1px;
  1927. border: 1px none black;
  1928. cursor: pointer;
  1929.  
  1930.  
  1931. width: 23px !important;
  1932. }
  1933.  
  1934. .PageNav a:hover,
  1935. .PageNav a:focus
  1936. {
  1937. color: rgb(44, 44, 44);
  1938. text-decoration: none;
  1939. background-color: rgb(250, 250, 250);
  1940. border-color: rgb(189, 189, 189);
  1941.  
  1942. }
  1943.  
  1944. .PageNav a.distinct
  1945. {
  1946. margin-left: 3px;
  1947. }
  1948.  
  1949. .PageNav .scrollable
  1950. {
  1951. position: relative;
  1952. overflow: hidden;
  1953. width: 137px; /* width of 5 page numbers plus their margin & border */
  1954. height: 18px; /* only needs to be approximate */
  1955. }
  1956.  
  1957. .PageNav .scrollable .items
  1958. {
  1959. display: block;
  1960. width: 20000em; /* contains scrolling items, should be huge */
  1961. position: absolute;
  1962. }
  1963.  
  1964. /** Edge cases - large numbers of digits **/
  1965.  
  1966. .PageNav .gt999
  1967. {
  1968. font-size: 9px;
  1969. letter-spacing: -0.05em;
  1970. }
  1971.  
  1972. .PageNav.pn5 a { width: 29px; } .PageNav.pn5 .scrollable { width: 167px; }
  1973. .PageNav.pn6 a { width: 33px; } .PageNav.pn6 .scrollable { width: 187px; }
  1974. .PageNav.pn7 a { width: 37px; } .PageNav.pn7 .scrollable { width: 207px; }
  1975.  
  1976.  
  1977. @media (max-width:610px)
  1978. {
  1979. .Responsive .PageNav .pageNavHeader
  1980. {
  1981. display: none;
  1982. }
  1983. }
  1984.  
  1985. @media (max-width:480px)
  1986. {
  1987. .Responsive .PageNav .unreadLink
  1988. {
  1989. display: none;
  1990. }
  1991. }
  1992.  
  1993.  
  1994. /* ***************************** */
  1995. /* DL Name-Value Pairs */
  1996.  
  1997. .pairs dt,
  1998. .pairsInline dt,
  1999. .pairsRows dt,
  2000. .pairsColumns dt,
  2001. .pairsJustified dt
  2002. {
  2003. color: rgb(150,150,150);
  2004. }
  2005.  
  2006. .pairsRows,
  2007. .pairsColumns,
  2008. .pairsJustified
  2009. {
  2010. line-height: 1.5;
  2011. }
  2012.  
  2013. .pairsInline dl,
  2014. .pairsInline dt,
  2015. .pairsInline dd
  2016. {
  2017. display: inline;
  2018. }
  2019.  
  2020. .pairsRows dt,
  2021. .pairsRows dd
  2022. {
  2023. display: inline-block;
  2024. vertical-align: top;
  2025.  
  2026. *display: inline;
  2027. *margin-right: 1ex;
  2028. *zoom: 1;
  2029. }
  2030.  
  2031. dl.pairsColumns,
  2032. dl.pairsJustified,
  2033. .pairsColumns dl,
  2034. .pairsJustified dl
  2035. {
  2036. overflow: hidden; zoom: 1;
  2037. }
  2038.  
  2039. .pairsColumns dt,
  2040. .pairsColumns dd
  2041. {
  2042. float: left;
  2043. width: 48%;
  2044. }
  2045.  
  2046. .pairsJustified dt
  2047. {
  2048. float: left;
  2049. max-width: 100%;
  2050. margin-right: 5px;
  2051. }
  2052. .pairsJustified dd
  2053. {
  2054. float: right;
  2055. text-align: right;
  2056. max-width: 100%
  2057. }
  2058.  
  2059.  
  2060. /* ***************************** */
  2061. /* Lists that put all elements on a single line */
  2062.  
  2063. .listInline ul,
  2064. .listInline ol,
  2065. .listInline li,
  2066. .listInline dl,
  2067. .listInline dt,
  2068. .listInline dd
  2069. {
  2070. display: inline;
  2071. }
  2072.  
  2073. /* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */
  2074.  
  2075. .commaImplode li:after,
  2076. .commaElements > *:after
  2077. {
  2078. content: ', ';
  2079. }
  2080.  
  2081. .commaImplode li:last-child:after,
  2082. .commaElements > *:last-child:after
  2083. {
  2084. content: '';
  2085. }
  2086.  
  2087. .bulletImplode li:before
  2088. {
  2089. content: '\2022\a0';
  2090. }
  2091.  
  2092. .bulletImplode li:first-child:before
  2093. {
  2094. content: '';
  2095. }
  2096.  
  2097. /* Three column list display */
  2098.  
  2099. .threeColumnList
  2100. {
  2101. overflow: hidden; zoom: 1;
  2102. }
  2103.  
  2104. .threeColumnList li
  2105. {
  2106. float: left;
  2107. width: 32%;
  2108. margin: 2px 1% 2px 0;
  2109. }
  2110.  
  2111. .twoColumnList
  2112. {
  2113. overflow: hidden; zoom: 1;
  2114. }
  2115.  
  2116. .twoColumnList li
  2117. {
  2118. float: left;
  2119. width: 48%;
  2120. margin: 2px 1% 2px 0;
  2121. }
  2122.  
  2123. /* ***************************** */
  2124. /* Preview tooltips (threads etc.) */
  2125.  
  2126. .previewTooltip
  2127. {
  2128. }
  2129.  
  2130. .previewTooltip .avatar
  2131. {
  2132. float: left;
  2133. }
  2134.  
  2135. .previewTooltip .text
  2136. {
  2137. margin-left: 64px;
  2138. }
  2139.  
  2140. .previewTooltip blockquote
  2141. {
  2142. font-size: 13px;
  2143. line-height: 2;
  2144.  
  2145.  
  2146. font-size: 10pt;
  2147. max-height: 150px;
  2148. overflow: hidden;
  2149. }
  2150.  
  2151. .previewTooltip .posterDate
  2152. {
  2153. font-size: 11px;
  2154. padding-top: 5px;
  2155. border-top: 1px solid rgb(237, 237, 237);
  2156. margin-top: 5px;
  2157. }
  2158.  
  2159. /* ***************************** */
  2160. /* List of block links */
  2161.  
  2162. .blockLinksList
  2163. {
  2164. font-size: 11px;
  2165. padding: 2px;
  2166.  
  2167. }
  2168.  
  2169. .blockLinksList a,
  2170. .blockLinksList label
  2171. {
  2172. color: rgb(101, 101, 101);
  2173. padding: 5px 10px;
  2174. border-radius: 3px;
  2175. display: block;
  2176. outline: 0 none;
  2177.  
  2178. }
  2179.  
  2180. .blockLinksList a:hover,
  2181. .blockLinksList a:focus,
  2182. .blockLinksList li.kbSelect a,
  2183. .blockLinksList label:hover,
  2184. .blockLinksList label:focus,
  2185. .blockLinksList li.kbSelect label
  2186. {
  2187. text-decoration: none;
  2188. background-color: rgb(237, 237, 237);
  2189.  
  2190. }
  2191.  
  2192. .blockLinksList a:active,
  2193. .blockLinksList li.kbSelect a:active,
  2194. .blockLinksList a.selected,
  2195. .blockLinksList li.kbSelect a.selected,
  2196. .blockLinksList label:active,
  2197. .blockLinksList li.kbSelect label:active,
  2198. .blockLinksList label.selected,
  2199. .blockLinksList li.kbSelect label.selected
  2200. {
  2201. color: rgb(250, 250, 250);
  2202. background-color: rgb(155, 155, 155);
  2203.  
  2204. }
  2205.  
  2206. .blockLinksList a.selected,
  2207. .blockLinksList li.kbSelect a.selected,
  2208. .blockLinksList label.selected,
  2209. .blockLinksList li.kbSelect label.selected
  2210. {
  2211. font-weight: bold;
  2212. display: block;
  2213.  
  2214. }
  2215.  
  2216. .blockLinksList span.depthPad
  2217. {
  2218. display: block;
  2219. }
  2220.  
  2221. .blockLinksList .itemCount
  2222. {
  2223. font-weight: bold;
  2224. font-size: 9px;
  2225. color: white;
  2226. background-color: #e03030;
  2227. padding: 0 2px;
  2228. border-radius: 2px;
  2229. position: absolute;
  2230. right: 2px;
  2231. top: -12px;
  2232. line-height: 16px;
  2233. min-width: 12px;
  2234. _width: 12px;
  2235. text-align: center;
  2236. text-shadow: none;
  2237. white-space: nowrap;
  2238. word-wrap: normal;
  2239. box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
  2240. height: 16px;
  2241.  
  2242.  
  2243. float: right;
  2244. position: relative;
  2245. right: 0;
  2246. top: -1px;
  2247. }
  2248.  
  2249. .blockLinksList .itemCount.Zero
  2250. {
  2251. display: none;
  2252. }
  2253.  
  2254. .bubbleLinksList
  2255. {
  2256. overflow: hidden;
  2257. }
  2258.  
  2259. .bubbleLinksList a
  2260. {
  2261. float: left;
  2262. padding: 2px 4px;
  2263. margin-right: 2px;
  2264. border-radius: 3px;
  2265. text-decoration: none;
  2266. }
  2267.  
  2268. .bubbleLinksList a:hover,
  2269. .bubbleLinksList a:active
  2270. {
  2271. text-decoration: none;
  2272. background-color: rgb(237, 237, 237);
  2273.  
  2274. }
  2275.  
  2276. .bubbleLinksList a.active
  2277. {
  2278. color: rgb(250, 250, 250);
  2279. background-color: rgb(155, 155, 155);
  2280.  
  2281. font-weight: bold;
  2282. display: block;
  2283.  
  2284. }
  2285.  
  2286. /* ***************************** */
  2287. /* Normally-indented nested lists */
  2288.  
  2289. .indentList ul,
  2290. .indentList ol
  2291. {
  2292. margin-left: 2em;
  2293. }
  2294.  
  2295. /* ***************************** */
  2296. /* AJAX progress image */
  2297.  
  2298. .InProgress
  2299. {
  2300. background: transparent url('styles/kanoapps-baisik/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat right center;
  2301. }
  2302.  
  2303. /* ***************************** */
  2304. /* Hidden inline upload iframe */
  2305.  
  2306. .hiddenIframe
  2307. {
  2308. display: block;
  2309. width: 500px;
  2310. height: 300px;
  2311. }
  2312.  
  2313. /* ***************************** */
  2314. /* Exception display */
  2315.  
  2316. .traceHtml { font-size:11px; font-family:calibri, verdana, arial, sans-serif; }
  2317. .traceHtml .function { color:rgb(180,80,80); font-weight:normal; }
  2318. .traceHtml .file { font-weight:normal; }
  2319. .traceHtml .shade { color:rgb(128,128,128); }
  2320. .traceHtml .link { font-weight:bold; }
  2321.  
  2322. /* ***************************** */
  2323. /* Indenting for options */
  2324.  
  2325. ._depth0 { padding-left: 0em; }
  2326. ._depth1 { padding-left: 2em; }
  2327. ._depth2 { padding-left: 4em; }
  2328. ._depth3 { padding-left: 6em; }
  2329. ._depth4 { padding-left: 8em; }
  2330. ._depth5 { padding-left: 10em; }
  2331. ._depth6 { padding-left: 12em; }
  2332. ._depth7 { padding-left: 14em; }
  2333. ._depth8 { padding-left: 16em; }
  2334. ._depth9 { padding-left: 18em; }
  2335.  
  2336. .xenOverlay .errorOverlay
  2337. {
  2338. color: white;
  2339. padding: 25px;
  2340. border-radius: 20px;
  2341. border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0);
  2342.  
  2343. background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
  2344. }
  2345.  
  2346. .xenOverlay .errorOverlay .heading
  2347. {
  2348. padding: 5px 10px;
  2349. font-weight: bold;
  2350. font-size: 12pt;
  2351. background: rgb(180,0,0);
  2352. color: white;
  2353. margin-bottom: 10px;
  2354. border-radius: 5px;
  2355. border: 1px solid rgb(100,0,0);
  2356. }
  2357.  
  2358. .xenOverlay .errorOverlay li
  2359. {
  2360. line-height: 2;
  2361. }
  2362.  
  2363. .xenOverlay .errorOverlay .exceptionMessage
  2364. {
  2365. color: rgb(150,150,150);
  2366. }
  2367.  
  2368. /*** inline errors ***/
  2369.  
  2370. .formValidationInlineError
  2371. {
  2372. display: none;
  2373. position: absolute;
  2374. z-index: 5000;
  2375. background-color: white;
  2376. border: 1px solid rgb(180,0,0);
  2377. color: rgb(180,0,0);
  2378. box-shadow: 2px 2px 10px #999;
  2379. border-radius: 3px;
  2380. padding: 2px 5px;
  2381. font-size: 11px;
  2382. width: 175px;
  2383. min-height: 2.5em;
  2384. _height: 2.5em;
  2385. word-wrap: break-word;
  2386. }
  2387.  
  2388. .formValidationInlineError.inlineError
  2389. {
  2390. position: static;
  2391. width: auto;
  2392. min-height: 0;
  2393. }
  2394.  
  2395. /** Block errors **/
  2396.  
  2397. .errorPanel
  2398. {
  2399. margin: 10px 0 20px;
  2400. color: rgb(180,0,0);
  2401. background: rgb(255, 235, 235);
  2402. border-radius: 5px;
  2403. border: 1px solid rgb(180,0,0);
  2404. }
  2405.  
  2406. .errorPanel .errorHeading
  2407. {
  2408. margin: .75em;
  2409. font-weight: bold;
  2410. font-size: 12pt;
  2411. }
  2412.  
  2413. .errorPanel .errors
  2414. {
  2415. margin: .75em 2em;
  2416. display: block;
  2417. line-height: 1.5;
  2418. }
  2419.  
  2420.  
  2421. @media (max-width:800px)
  2422. {
  2423. .Responsive .formValidationInlineError
  2424. {
  2425. position: static;
  2426. width: auto;
  2427. min-height: auto;
  2428. }
  2429. }
  2430.  
  2431.  
  2432. /* Undo some nasties */
  2433.  
  2434. input[type=search]
  2435. {
  2436. -webkit-appearance: textfield;
  2437. box-sizing: content-box;
  2438. }
  2439.  
  2440. /* ignored content hiding */
  2441.  
  2442. .ignored { display: none !important; }
  2443.  
  2444. /* Misc */
  2445.  
  2446. .floatLeft { float: left; }
  2447. .floatRight { float: right; }
  2448.  
  2449. .horizontalContain { overflow-x: auto; }
  2450.  
  2451. .ltr { direction: ltr; }
  2452.  
  2453. /* Square-cropped thumbs */
  2454.  
  2455. .SquareThumb
  2456. {
  2457. position: relative;
  2458. display: block;
  2459. overflow: hidden;
  2460. padding: 0;
  2461. direction: ltr;
  2462.  
  2463. /* individual instances can override this size */
  2464. width: 48px;
  2465. height: 48px;
  2466. }
  2467.  
  2468. .SquareThumb img
  2469. {
  2470. position: relative;
  2471. display: block;
  2472. }
  2473.  
  2474. /* Basic, common, non-templated BB codes */
  2475.  
  2476. .bbCodeImage
  2477. {
  2478. max-width: 100%;
  2479. }
  2480.  
  2481. .bbCodeImageFullSize
  2482. {
  2483. position: absolute;
  2484. z-index: 50000;
  2485. background-color: rgb(231,231,231);
  2486. }
  2487.  
  2488. .bbCodeStrike
  2489. {
  2490. text-decoration: line-through;
  2491. }
  2492.  
  2493. img.mceSmilie,
  2494. img.mceSmilieSprite
  2495. {
  2496. vertical-align: text-bottom;
  2497. margin: 0 1px;
  2498. }
  2499.  
  2500. /* smilie sprite classes */
  2501.  
  2502. img.mceSmilieSprite.mceSmilie1
  2503. {
  2504. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px 0px;
  2505. }
  2506.  
  2507. img.mceSmilieSprite.mceSmilie2
  2508. {
  2509. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -21px;
  2510. }
  2511.  
  2512. img.mceSmilieSprite.mceSmilie3
  2513. {
  2514. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -42px;
  2515. }
  2516.  
  2517. img.mceSmilieSprite.mceSmilie4
  2518. {
  2519. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px 0px;
  2520. }
  2521.  
  2522. img.mceSmilieSprite.mceSmilie5
  2523. {
  2524. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -21px;
  2525. }
  2526.  
  2527. img.mceSmilieSprite.mceSmilie6
  2528. {
  2529. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px 0px;
  2530. }
  2531.  
  2532. img.mceSmilieSprite.mceSmilie7
  2533. {
  2534. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -21px;
  2535. }
  2536.  
  2537. img.mceSmilieSprite.mceSmilie8
  2538. {
  2539. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px 0px;
  2540. }
  2541.  
  2542. img.mceSmilieSprite.mceSmilie9
  2543. {
  2544. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -42px;
  2545. }
  2546.  
  2547. img.mceSmilieSprite.mceSmilie10
  2548. {
  2549. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -42px;
  2550. }
  2551.  
  2552. img.mceSmilieSprite.mceSmilie11
  2553. {
  2554. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -21px;
  2555. }
  2556.  
  2557. img.mceSmilieSprite.mceSmilie12
  2558. {
  2559. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -42px;
  2560. }
  2561.  
  2562. img.mceSmilieSprite.mceSmilie13
  2563. {
  2564. width: 18px; height: 18px; background: url('http://community.freeriderhd.com/styles/default/xenforo/smilies/unsure.png') no-repeat 0px 0px;
  2565. }
  2566.  
  2567. img.mceSmilieSprite.mceSmilie14
  2568. {
  2569. width: 18px; height: 18px; background: url('http://community.freeriderhd.com/styles/default/xenforo/smilies/roflmao.png') no-repeat 0px 0px;
  2570. }
  2571.  
  2572. img.mceSmilieSprite.mceSmilie16
  2573. {
  2574. width: 18px; height: 18px; background: url('http://community.freeriderhd.com/styles/default/xenforo/smilies/giggle.png') no-repeat 0px 0px;
  2575. }
  2576.  
  2577. img.mceSmilieSprite.mceSmilie17
  2578. {
  2579. width: 18px; height: 18px; background: url('http://community.freeriderhd.com/styles/default/xenforo/smilies/thumbsup.png') no-repeat 0px 0px;
  2580. }
  2581.  
  2582. img.mceSmilieSprite.mceSmilie18
  2583. {
  2584. width: 18px; height: 18px; background: url('http://community.freeriderhd.com/styles/default/xenforo/smilies/thumbsdown.png') no-repeat 0px 0px;
  2585. }
  2586.  
  2587. img.mceSmilieSprite.mceSmilie19
  2588. {
  2589. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px 0px;
  2590. }
  2591.  
  2592. img.mceSmilieSprite.mceSmilie20
  2593. {
  2594. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -20px;
  2595. }
  2596.  
  2597. img.mceSmilieSprite.mceSmilie21
  2598. {
  2599. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -126px;
  2600. }
  2601.  
  2602. img.mceSmilieSprite.mceSmilie22
  2603. {
  2604. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -63px;
  2605. }
  2606.  
  2607. img.mceSmilieSprite.mceSmilie23
  2608. {
  2609. width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -126px;
  2610. }
  2611.  
  2612.  
  2613. .visibleResponsiveFull { display: inherit !important; }
  2614.  
  2615. .visibleResponsiveWide,
  2616. .visibleResponsiveMedium,
  2617. .visibleResponsiveNarrow { display: none !important; }
  2618.  
  2619. .hiddenResponsiveFull { display: none !important; }
  2620.  
  2621. .hiddenResponsiveWide,
  2622. .hiddenResponsiveMedium,
  2623. .hiddenResponsiveNarrow { display: inherit !important; }
  2624.  
  2625.  
  2626. @media (max-width:800px)
  2627. {
  2628. .Responsive .visibleResponsiveFull { display: none !important; }
  2629.  
  2630. .Responsive .hiddenResponsiveFull { display: inherit !important; }
  2631.  
  2632. .Responsive .hiddenWideUnder { display: none !important; }
  2633. }
  2634. @media (min-width:611px) AND (max-width:800px)
  2635. {
  2636. .Responsive .visibleResponsiveWide { display: inherit !important; }
  2637.  
  2638. .Responsive .hiddenResponsiveWide { display: none !important; }
  2639. }
  2640.  
  2641. @media (min-width:481px) AND (max-width:610px)
  2642. {
  2643. .Responsive .visibleResponsiveMedium { display: inherit !important; }
  2644.  
  2645. .Responsive .hiddenResponsiveMedium { display: none !important; }
  2646.  
  2647. .Responsive .hiddenWideUnder,
  2648. .Responsive .hiddenMediumUnder { display: none !important; }
  2649. }
  2650.  
  2651. @media (max-width:480px)
  2652. {
  2653. .Responsive .visibleResponsiveNarrow { display: inherit !important; }
  2654.  
  2655. .Responsive .hiddenResponsiveNarrow { display: none !important; }
  2656.  
  2657. .Responsive .hiddenWideUnder,
  2658. .Responsive .hiddenMediumUnder,
  2659. .Responsive .hiddenNarrowUnder { display: none !important; }
  2660. }
  2661.  
  2662. @media (max-width:610px)
  2663. {
  2664. .Responsive .threeColumnList li
  2665. {
  2666. float: none;
  2667. width: auto;
  2668. margin: 2px 1% 2px 0;
  2669. }
  2670. }
  2671.  
  2672. @media (max-width:480px)
  2673. {
  2674. .Responsive .xenTooltip.statusTip
  2675. {
  2676. width: auto;
  2677. }
  2678.  
  2679. .Responsive .xenPreviewTooltip
  2680. {
  2681. box-sizing: border-box;
  2682. width: auto;
  2683. max-width: 100%;
  2684. }
  2685.  
  2686. .Responsive .xenPreviewTooltip .arrow
  2687. {
  2688. display: none;
  2689. }
  2690.  
  2691. .Responsive .previewTooltip .avatar
  2692. {
  2693. display: none;
  2694. }
  2695.  
  2696. .Responsive .previewTooltip .text
  2697. {
  2698. margin-left: 0;
  2699. }
  2700. }
  2701.  
  2702.  
  2703.  
  2704.  
  2705. /* --- form.css --- */
  2706.  
  2707. /** Forms **/
  2708.  
  2709. .xenForm
  2710. {
  2711. margin: 10px auto;
  2712. max-width: 1000px;
  2713. }
  2714.  
  2715. .xenOverlay .xenForm
  2716. {
  2717. max-width: 600px;
  2718. }
  2719.  
  2720. .xenForm .ctrlUnit > dd
  2721. {
  2722. width: 68%;
  2723. box-sizing: border-box;
  2724. padding-right: 30px;
  2725. }
  2726.  
  2727. .xenForm .ctrlUnit > dd .textCtrl
  2728. {
  2729. box-sizing: border-box;
  2730. width: 100%;
  2731. }
  2732.  
  2733. .xenForm .ctrlUnit > dd .textCtrl.indented
  2734. {
  2735. width: calc(100% - 16px);
  2736. }
  2737.  
  2738. .xenForm .ctrlUnit > dd .textCtrl[size],
  2739. .xenForm .ctrlUnit > dd .textCtrl.autoSize
  2740. {
  2741. width: auto !important;
  2742. min-width: 0;
  2743. }
  2744.  
  2745. .xenForm .ctrlUnit > dd .textCtrl.number
  2746. {
  2747. width: 150px;
  2748. }
  2749.  
  2750.  
  2751. .xenForm > .sectionHeader:first-child,
  2752. .xenForm > fieldset > .sectionHeader:first-child
  2753. {
  2754. margin-top: 0;
  2755. }
  2756.  
  2757. /** Sections **/
  2758.  
  2759. .xenForm fieldset,
  2760. .xenForm .formGroup
  2761. {
  2762. border-top: 1px solid rgb(237, 237, 237);
  2763. margin: 20px auto;
  2764. }
  2765.  
  2766. .xenForm > fieldset:first-child,
  2767. .xenForm > .formGroup:first-child
  2768. {
  2769. border-top: none;
  2770. margin: auto;
  2771. }
  2772.  
  2773. .xenForm .PreviewContainer + fieldset,
  2774. .xenForm .PreviewContainer + .formGroup
  2775. {
  2776. border-top: none;
  2777. }
  2778.  
  2779. .xenForm fieldset + .ctrlUnit,
  2780. .xenForm .formGroup + .ctrlUnit,
  2781. .xenForm .submitUnit
  2782. {
  2783. border-top: 1px solid rgb(237, 237, 237);
  2784. }
  2785.  
  2786. .xenForm fieldset + .ctrlUnit,
  2787. .xenForm .formGroup + .ctrlUnit
  2788. {
  2789. padding-top: 10px;
  2790. }
  2791.  
  2792. .xenForm .primaryContent + .submitUnit,
  2793. .xenForm .secondaryContent + .submitUnit
  2794. {
  2795. margin-top: 0;
  2796. border-top: none;
  2797. }
  2798.  
  2799. .xenForm .ctrlUnit.submitUnit dd
  2800. {
  2801. line-height: 31px;
  2802. padding-top: 0;
  2803. }
  2804.  
  2805. .ctrlUnit.submitUnit dd .explain,
  2806. .ctrlUnit.submitUnit dd .text,
  2807. .ctrlUnit.submitUnit dd label
  2808. {
  2809. line-height: 1.28;
  2810. }
  2811.  
  2812. /* now undo that */
  2813.  
  2814. .xenOverlay .ctrlUnit.submitUnit dd,
  2815. .Menu .ctrlUnit.submitUnit dd,
  2816. #QuickSearch .ctrlUnit.submitUnit dd
  2817. {
  2818. border: none;
  2819. background: none;
  2820. }
  2821.  
  2822. .xenForm .ctrlUnit
  2823. {
  2824.  
  2825. }
  2826.  
  2827. .xenForm .ctrlUnit.limited
  2828. {
  2829. display: none;
  2830. }
  2831.  
  2832. /** Sections Immediately Following Headers **/
  2833.  
  2834. .xenForm .sectionHeader + fieldset,
  2835. .xenForm .heading + fieldset,
  2836. .xenForm .subHeading + fieldset,
  2837. .xenForm .sectionHeader + .formGroup,
  2838. .xenForm .heading + .formGroup,
  2839. .xenForm .subHeading + .formGroup
  2840. {
  2841. border-top: none;
  2842. margin-top: 0;
  2843. }
  2844.  
  2845. .xenForm .formHiderHeader
  2846. {
  2847. margin: 10px;
  2848. font-size: 15px;
  2849. font-weight: bold;
  2850. }
  2851.  
  2852.  
  2853. /** *********************** **/
  2854. /** TEXT INPUTS **/
  2855. /** *********************** **/
  2856.  
  2857. .textCtrl
  2858. {
  2859. font-size: 13px;
  2860. font-family: Tahoma, Helvetica, Arial, sans-serif;
  2861. color: rgb(0,0,0);
  2862. background-color: rgb(252, 252, 252);
  2863. padding: 6px;
  2864. margin-bottom: 2px;
  2865. border: 1px solid rgb(212, 212, 212);
  2866. border-radius: 0;
  2867. outline: 0;
  2868. text-shadow: #fff 0px 1px 0px;
  2869. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  2870.  
  2871. }
  2872.  
  2873. select.textCtrl
  2874. {
  2875. word-wrap: normal;
  2876. -webkit-appearance: menulist;
  2877. }
  2878.  
  2879. select[multiple].textCtrl,
  2880. select[size].textCtrl
  2881. {
  2882. -webkit-appearance: listbox;
  2883. }
  2884.  
  2885. select[size="0"].textCtrl,
  2886. select[size="1"].textCtrl
  2887. {
  2888. -webkit-appearance: menulist;
  2889. }
  2890.  
  2891. textarea.textCtrl
  2892. {
  2893. word-wrap: break-word;
  2894. resize: vertical;
  2895. }
  2896.  
  2897. .textCtrl:focus,
  2898. .textCtrl.Focus
  2899. {
  2900. color: rgb(85, 85, 85);
  2901. background-color: rgb(255, 255, 255);
  2902. border-color: rgb(155, 155, 155);
  2903. box-shadow: inset rgba(0,0,0,0.18) 0px 1px 3px;
  2904.  
  2905. }
  2906.  
  2907. textarea.textCtrl:focus
  2908. {
  2909.  
  2910. }
  2911.  
  2912. input.textCtrl.disabled,
  2913. textarea.textCtrl.disabled,
  2914. .disabled .textCtrl
  2915. {
  2916. font-style: italic;
  2917. color: rgb(100,100,100);
  2918. background-color: rgb(245,245,245);
  2919.  
  2920. }
  2921.  
  2922. .textCtrl.prompt
  2923. {
  2924. font-style: italic;
  2925. color: rgb(160,160,160);
  2926.  
  2927. }
  2928.  
  2929. .textCtrl:-moz-placeholder
  2930. {
  2931. /* needs to be in its own rule due to weird selector */
  2932. font-style: italic;
  2933. color: rgb(160,160,160);
  2934.  
  2935. }
  2936.  
  2937. .textCtrl::-moz-placeholder
  2938. {
  2939. /* needs to be in its own rule due to weird selector */
  2940. font-style: italic;
  2941. color: rgb(160,160,160);
  2942.  
  2943. }
  2944.  
  2945. .textCtrl::-webkit-input-placeholder
  2946. {
  2947. /* needs to be in its own rule due to weird selector */
  2948. font-style: italic;
  2949. color: rgb(160,160,160);
  2950.  
  2951. }
  2952.  
  2953. .textCtrl:-ms-input-placeholder
  2954. {
  2955. /* needs to be in its own rule due to weird selector */
  2956. font-style: italic;
  2957. color: rgb(160,160,160);
  2958.  
  2959. }
  2960.  
  2961. .textCtrl.autoSize
  2962. {
  2963. width: auto !important;
  2964. }
  2965.  
  2966. .textCtrl.number,
  2967. .textCtrl.number input
  2968. {
  2969. text-align: right;
  2970. width: 150px;
  2971. }
  2972.  
  2973. .textCtrl.fillSpace
  2974. {
  2975. width: 100%;
  2976. box-sizing: border-box;
  2977. _width: 95%;
  2978. }
  2979.  
  2980. .textCtrl.code,
  2981. .textCtrl.code input
  2982. {
  2983. font-family: Consolas, "Courier New", Courier, monospace;
  2984. white-space: pre;
  2985. word-wrap: normal;
  2986. direction: ltr;
  2987.  
  2988. }
  2989.  
  2990. input.textCtrl[type="password"]
  2991. {
  2992. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  2993. }
  2994.  
  2995. input[type="email"],
  2996. input[type="url"]
  2997. {
  2998. direction: ltr;
  2999. }
  3000.  
  3001. .textCtrl.titleCtrl,
  3002. .textCtrl.titleCtrl input
  3003. {
  3004. font-size: 18pt;
  3005. }
  3006.  
  3007. textarea.textCtrl.Elastic
  3008. {
  3009. /* use for jQuery.elastic */
  3010. max-height: 300px;
  3011. }
  3012.  
  3013. /* for use with wrapped inputs */
  3014. .textCtrlWrap
  3015. {
  3016. display: inline-block;
  3017. }
  3018.  
  3019. .textCtrlWrap input.textCtrl
  3020. {
  3021. padding: 0 !important;
  3022. margin: 0 !important;
  3023. border: none !important;
  3024. background: transparent !important;
  3025. border-radius: 0 !important;
  3026. }
  3027.  
  3028. .textCtrlWrap.blockInput input.textCtrl
  3029. {
  3030. border-top: 1px solid rgb(212, 212, 212) !important;
  3031. margin-top: 4px !important;
  3032. }
  3033.  
  3034. .taggingInput.textCtrl
  3035. {
  3036. padding-top: 4px;
  3037. min-height: 25px;
  3038. }
  3039.  
  3040. .taggingInput input
  3041. {
  3042. margin: 0px;
  3043. font-size: 12px;
  3044. border: 1px solid transparent;
  3045. padding: 0;
  3046. background: transparent;
  3047. outline: 0;
  3048. color: inherit;
  3049. font-family: inherit;
  3050. }
  3051.  
  3052. .taggingInput .tag
  3053. {
  3054. border: 1px solid rgb(211, 211, 211);
  3055. border-radius: 3px;
  3056. display: inline-block;
  3057. padding: 0 3px;
  3058. text-decoration: none;
  3059. background: rgb(237, 237, 237) url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  3060. color: rgb(101, 101, 101);
  3061. margin-right: 3px;
  3062. margin-top: 2px;
  3063. font-size: 12px;
  3064. max-width: 98%;
  3065. box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
  3066. }
  3067.  
  3068. .disabled.taggingInput .tag
  3069. {
  3070. opacity: 0.7;
  3071. }
  3072.  
  3073. .disabled.taggingInput .tag a
  3074. {
  3075. pointer-events: none;
  3076. }
  3077.  
  3078. html .taggingInput .tag a
  3079. {
  3080. color: rgb(183, 183, 183);
  3081. font-weight: bold;
  3082. text-decoration: none;
  3083. }
  3084.  
  3085. .taggingInput .addTag
  3086. {
  3087. display: inline-block;
  3088. min-width: 150px;
  3089. max-width: 100%;
  3090. margin-top: 2px;
  3091. }
  3092.  
  3093. .taggingInput .tagsClear
  3094. {
  3095. clear: both;
  3096. width: 100%;
  3097. height: 0px;
  3098. float: none;
  3099. }
  3100.  
  3101. /** *********************** **/
  3102. /** BUTTONS **/
  3103. /** *********************** **/
  3104.  
  3105. .button
  3106. {
  3107. font-style: normal;
  3108.  
  3109. font-size: 12px;
  3110. color: rgb(112, 112, 112);
  3111. background: rgb(244, 244, 244) url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  3112. padding: 0px 13px;
  3113. border: 1px solid rgb(209, 209, 209);
  3114. border-radius: 3px;
  3115. text-align: center;
  3116. box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
  3117. text-shadow: 0px 1px 0px #fff;
  3118. outline: none;
  3119. line-height: 28px;
  3120. display: inline-block;
  3121. cursor: pointer;
  3122. box-sizing: border-box;
  3123.  
  3124. background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  3125. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  3126. background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  3127. background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  3128. background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  3129. background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  3130. height: 32px;
  3131.  
  3132. }
  3133.  
  3134. .button.smallButton
  3135. {
  3136. font-size: 11px;
  3137. padding: 0px 4px;
  3138. line-height: 21px;
  3139. height: 21px;
  3140. border-radius: 5px;
  3141. }
  3142.  
  3143. .button.primary
  3144. {
  3145. font-weight: bold;
  3146. color: rgb(65, 65, 65);
  3147. border-color: rgb(194, 194, 194);
  3148. box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  3149.  
  3150. }
  3151.  
  3152. input.button.disabled,
  3153. a.button.disabled,
  3154. input.button.primary.disabled,
  3155. a.button.primary.disabled,
  3156. html .buttonProxy .button.disabled
  3157. {
  3158. color: #999;
  3159. background-color: #EEE;
  3160. border-color: #CCC;
  3161. box-shadow: 0 0 0 transparent;
  3162.  
  3163. }
  3164.  
  3165. .button::-moz-focus-inner
  3166. {
  3167. border: none;
  3168. }
  3169.  
  3170. a.button
  3171. {
  3172. display: inline-block;
  3173. color: rgb(112, 112, 112);
  3174. }
  3175.  
  3176. .button:hover,
  3177. .button[href]:hover,
  3178. .buttonProxy:hover .button
  3179. {
  3180. color: rgb(65, 65, 65);
  3181. text-decoration: none;
  3182. background-color: rgb(250, 250, 250);
  3183.  
  3184. }
  3185.  
  3186. .button:focus
  3187. {
  3188.  
  3189. }
  3190.  
  3191. .button:active,
  3192. .button[href]:active,
  3193. .button.ToggleButton.checked,
  3194. .buttonProxy:active .button
  3195. {
  3196. position: relative;
  3197. top: 1px;
  3198. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  3199. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.03) 100%);
  3200. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.03)));
  3201. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  3202. background-image: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  3203. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  3204. background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  3205. outline: 0;
  3206.  
  3207. }
  3208.  
  3209. .button.ToggleButton
  3210. {
  3211. cursor: default;
  3212. width: auto;
  3213. color: rgb(209, 209, 209);
  3214. }
  3215.  
  3216. .button.ToggleButton.checked
  3217. {
  3218. background-color: rgb(255,150,50);
  3219. }
  3220.  
  3221. .button.inputSupplementary
  3222. {
  3223. width: 25px;
  3224. position: absolute;
  3225. top: 0px;
  3226. right: 0px;
  3227. }
  3228.  
  3229. .button.inputSupplementary.add
  3230. {
  3231. color: green;
  3232. }
  3233.  
  3234. .button.inputSupplementary.delete
  3235. {
  3236. color: red;
  3237. }
  3238.  
  3239. .submitUnit .button
  3240. {
  3241. min-width: 100px;
  3242. *min-width: 0;
  3243. }
  3244.  
  3245.  
  3246.  
  3247.  
  3248.  
  3249.  
  3250.  
  3251.  
  3252.  
  3253.  
  3254.  
  3255.  
  3256.  
  3257.  
  3258.  
  3259.  
  3260.  
  3261. /** Control Units **/
  3262.  
  3263. .xenForm .ctrlUnit
  3264. {
  3265. position: relative;
  3266. margin: 10px auto;
  3267. }
  3268.  
  3269. /* clearfix */ .xenForm .ctrlUnit { zoom: 1; } .xenForm .ctrlUnit:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
  3270.  
  3271. .xenForm .ctrlUnit.fullWidth
  3272. {
  3273. overflow: visible;
  3274. }
  3275.  
  3276. /** Control Unit Labels **/
  3277.  
  3278. .xenForm .ctrlUnit > dt
  3279. {
  3280. padding-top: 6px;
  3281. padding-right: 15px;
  3282. text-align: right;
  3283. vertical-align: top;
  3284.  
  3285. box-sizing: border-box;
  3286. width: 32%;
  3287. float: left;
  3288. }
  3289.  
  3290. /* special long-text label */
  3291. .xenForm .ctrlUnit > dt.explain
  3292. {
  3293. font-size: 11px;
  3294. text-align: justify;
  3295. }
  3296.  
  3297.  
  3298. .xenForm .ctrlUnit.fullWidth dt,
  3299. .xenForm .ctrlUnit.submitUnit.fullWidth dt
  3300. {
  3301. float: none;
  3302. width: auto;
  3303. text-align: left;
  3304. height: auto;
  3305. }
  3306.  
  3307. .xenForm .ctrlUnit.fullWidth dt
  3308. {
  3309. margin-bottom: 2px;
  3310. }
  3311.  
  3312. .xenForm .ctrlUnit > dt label
  3313. {
  3314. margin-left: 30px;
  3315. }
  3316.  
  3317. /** Hidden Labels **/
  3318.  
  3319. .xenForm .ctrlUnit.surplusLabel dt label
  3320. {
  3321. display: none;
  3322. }
  3323.  
  3324. /** Section Links **/
  3325.  
  3326. .ctrlUnit.sectionLink dt
  3327. {
  3328. text-align: left;
  3329. font-size: 11px;
  3330. }
  3331.  
  3332. .ctrlUnit.sectionLink dt a
  3333. {
  3334. margin-left: 11px; /*TODO: sectionHeader padding + border*/
  3335. }
  3336.  
  3337. /** Hints **/
  3338.  
  3339. .ctrlUnit > dt dfn
  3340. {
  3341. font-style: italic;
  3342. font-size: 10px;
  3343. color: rgb(150,150,150);
  3344. margin-left: 30px;
  3345. display: block;
  3346.  
  3347. }
  3348.  
  3349. .ctrlUnit.fullWidth dt dfn
  3350. {
  3351. display: inline;
  3352. margin: 0;
  3353. }
  3354.  
  3355. .ctrlUnit > dt dfn b,
  3356. .ctrlUnit > dt dfn strong
  3357. {
  3358. color: rgb(100,100,100);
  3359. }
  3360.  
  3361. /** Inline Errors **/
  3362.  
  3363. .ctrlUnit > dt .error
  3364. {
  3365. font-size: 10px;
  3366. color: red;
  3367. display: block;
  3368.  
  3369. }
  3370.  
  3371. .ctrlUnit > dt dfn,
  3372. .ctrlUnit > dt .error,
  3373. .ctrlUnit > dt a
  3374. {
  3375. font-weight: normal;
  3376. }
  3377.  
  3378. .xenForm .ctrlUnit.submitUnit dt
  3379. {
  3380. height: 19px;
  3381. display: block;
  3382. }
  3383.  
  3384. .ctrlUnit.submitUnit dt.InProgress
  3385. {
  3386. background: transparent url('styles/kanoapps-baisik/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center;
  3387. }
  3388.  
  3389. /** Control Holders **/
  3390.  
  3391. .xenForm .ctrlUnit > dd
  3392. {
  3393. /*todo: kill property */
  3394.  
  3395. float: left;
  3396. }
  3397.  
  3398. .xenForm .ctrlUnit.fullWidth > dd
  3399. {
  3400. float: none;
  3401. width: auto;
  3402. padding-left: 30px;
  3403. }
  3404.  
  3405. /** Explanatory paragraph **/
  3406.  
  3407. .ctrlUnit > dd .explain
  3408. {
  3409. font-size: 11px;
  3410. color: rgb(150,150,150);
  3411. margin-top: 2px;
  3412.  
  3413. /*TODO:max-width: auto;*/
  3414. }
  3415.  
  3416. .ctrlUnit > dd .explain b,
  3417. .ctrlUnit > dd .explain strong
  3418. {
  3419. color: rgb(100,100,100);
  3420. }
  3421.  
  3422. /** List items inside controls **/
  3423.  
  3424. .ctrlUnit > dd > * > li
  3425. {
  3426. margin: 4px 0 8px;
  3427. padding-left: 1px; /* fix a webkit display bug */
  3428. }
  3429.  
  3430. .ctrlUnit > dd > * > li:first-child > .textCtrl:first-child
  3431. {
  3432. margin-top: -3px;
  3433. }
  3434.  
  3435. .ctrlUnit > dd .break
  3436. {
  3437. margin-bottom: 0.75em;
  3438. padding-bottom: 0.75em;
  3439. }
  3440.  
  3441. .ctrlUnit > dd .rule
  3442. {
  3443. border-bottom: 1px solid rgb(237, 237, 237);
  3444. }
  3445.  
  3446. .ctrlUnit > dd .ddText
  3447. {
  3448. margin-bottom: 2px;
  3449. }
  3450.  
  3451. /** Hints underneath checkbox / radio controls **/
  3452.  
  3453. .ctrlUnit > dd > * > li .hint
  3454. {
  3455. font-size: 11px;
  3456. color: rgb(150,150,150);
  3457. margin-left: 16px;
  3458. margin-top: 2px;
  3459. }
  3460.  
  3461. /** DISABLERS **/
  3462.  
  3463. .ctrlUnit > dd > * > li > ul,
  3464. .ctrlUnit .disablerList,
  3465. .ctrlUnit .indented
  3466. {
  3467. margin-left: 16px;
  3468. }
  3469.  
  3470. .ctrlUnit > dd > * > li > ul > li:first-child
  3471. {
  3472. margin-top: 6px;
  3473. }
  3474.  
  3475. .ctrlUnit > dd .disablerList > li,
  3476. .ctrlUnit > dd .checkboxColumns > li,
  3477. .ctrlUnit > dd .choiceList > li
  3478. {
  3479. margin-top: 6px;
  3480. }
  3481.  
  3482. /** Other stuff... **/
  3483.  
  3484. .ctrlUnit > dd .helpLink
  3485. {
  3486. font-size: 10px;
  3487. }
  3488.  
  3489. .ctrlUnit.textValue dt
  3490. {
  3491. padding-top: 0px;
  3492. }
  3493.  
  3494. .button.spinBoxButton
  3495. {
  3496. font-family: Tahoma, Helvetica, Arial, sans-serif;
  3497. font-size: 11pt;
  3498. }
  3499.  
  3500. .unitPairsJustified li
  3501. {
  3502. overflow: hidden;
  3503. }
  3504.  
  3505. .unitPairsJustified li .label
  3506. {
  3507. float: left;
  3508. }
  3509.  
  3510. .unitPairsJustified li .value
  3511. {
  3512. float: right;
  3513. }
  3514.  
  3515. #calroot
  3516. {
  3517. margin-top: -1px;
  3518. width: 198px;
  3519. padding: 2px;
  3520. background-color: rgb(231,231,231);
  3521. font-size: 11px;
  3522. border: 1px solid rgb(155, 155, 155);
  3523. border-radius: 5px;
  3524. box-shadow: 0 0 15px #666;
  3525. z-index: 7500;
  3526. }
  3527.  
  3528. #calhead
  3529. {
  3530. padding: 2px 0;
  3531. height: 22px;
  3532. }
  3533.  
  3534. #caltitle {
  3535. font-size: 11pt;
  3536. color: rgb(155, 155, 155);
  3537. float: left;
  3538. text-align: center;
  3539. width: 155px;
  3540. line-height: 20px;
  3541. }
  3542.  
  3543. #calnext, #calprev {
  3544. display: block;
  3545. width: 20px;
  3546. height: 20px;
  3547. font-size: 11pt;
  3548. line-height: 20px;
  3549. text-align: center;
  3550. float: left;
  3551. cursor: pointer;
  3552. }
  3553.  
  3554. #calnext {
  3555. float: right;
  3556. }
  3557.  
  3558. #calprev.caldisabled, #calnext.caldisabled {
  3559. visibility: hidden;
  3560. }
  3561.  
  3562. #caldays {
  3563. height: 14px;
  3564. border-bottom: 1px solid rgb(155, 155, 155);
  3565. }
  3566.  
  3567. #caldays span {
  3568. display: block;
  3569. float: left;
  3570. width: 28px;
  3571. text-align: center;
  3572. color: rgb(155, 155, 155);
  3573. }
  3574.  
  3575. #calweeks {
  3576. margin-top: 4px;
  3577. }
  3578.  
  3579. .calweek {
  3580. clear: left;
  3581. height: 22px;
  3582. }
  3583.  
  3584. .calweek a {
  3585. display: block;
  3586. float: left;
  3587. width: 27px;
  3588. height: 20px;
  3589. text-decoration: none;
  3590. font-size: 11px;
  3591. margin-left: 1px;
  3592. text-align: center;
  3593. line-height: 20px;
  3594. border-radius: 3px;
  3595. }
  3596.  
  3597. .calweek a:hover, .calfocus {
  3598. background-color: rgb(250, 250, 250);
  3599. }
  3600.  
  3601. a.caloff {
  3602. color: rgb(150,150,150);
  3603. }
  3604.  
  3605. a.caloff:hover {
  3606. background-color: rgb(250, 250, 250);
  3607. }
  3608.  
  3609. a.caldisabled {
  3610. background-color: #efefef !important;
  3611. color: #ccc !important;
  3612. cursor: default;
  3613. }
  3614.  
  3615. #caltoday {
  3616. font-weight: bold;
  3617. }
  3618.  
  3619. #calcurrent {
  3620. background-color: rgb(155, 155, 155);
  3621. color: rgb(250, 250, 250);
  3622. }
  3623. ul.autoCompleteList
  3624. {
  3625. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  3626.  
  3627. border: 1px solid rgb(183, 183, 183);
  3628. padding: 2px;
  3629.  
  3630. font-size: 11px;
  3631.  
  3632. min-width: 180px;
  3633. _width: 180px;
  3634.  
  3635. z-index: 1000;
  3636. }
  3637.  
  3638. ul.autoCompleteList li
  3639. {
  3640. padding: 3px 3px;
  3641. height: 24px;
  3642. line-height: 24px;
  3643. }
  3644.  
  3645. ul.autoCompleteList li:hover,
  3646. ul.autoCompleteList li.selected
  3647. {
  3648. background-color: rgb(237, 237, 237);
  3649. border-radius: 3px;
  3650. }
  3651.  
  3652. ul.autoCompleteList img.autoCompleteAvatar
  3653. {
  3654. float: left;
  3655. margin-right: 3px;
  3656. width: 24px;
  3657. height: 24px;
  3658. }
  3659.  
  3660. ul.autoCompleteList li strong
  3661. {
  3662. font-weight: bold;
  3663. }
  3664.  
  3665. /** status editor **/
  3666.  
  3667. .statusEditorCounter
  3668. {
  3669. color: green;
  3670. }
  3671.  
  3672. .statusEditorCounter.warning
  3673. {
  3674. color: orange;
  3675. font-weight: bold;
  3676. }
  3677.  
  3678. .statusEditorCounter.error
  3679. {
  3680. color: red;
  3681. font-weight: bold;
  3682. }
  3683.  
  3684. .explain .statusHeader
  3685. {
  3686. display: inline;
  3687. }
  3688.  
  3689. .explain .CurrentStatus
  3690. {
  3691. color: rgb(20,20,20);
  3692. font-style: italic;
  3693. padding-left: 5px;
  3694. }
  3695.  
  3696. /* BB code-based editor styling */
  3697.  
  3698. .xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea
  3699. {
  3700. margin-left: 0;
  3701. min-height: 200px;
  3702. }
  3703.  
  3704. .bbCodeEditorContainer a
  3705. {
  3706. font-size: 11px;
  3707. }
  3708.  
  3709. /*
  3710. * Fix silly top padding. This may require additional tags in the padding-top selector.
  3711. */
  3712.  
  3713. .xenForm .ctrlUnit > dd
  3714. {
  3715. padding-top: 4px;
  3716. }
  3717.  
  3718. .xenForm .ctrlUnit.fullWidth > dd
  3719. {
  3720. padding-top: 0;
  3721. }
  3722.  
  3723. .xenForm .ctrlUnit > dd > input,
  3724. .xenForm .ctrlUnit > dd > select,
  3725. .xenForm .ctrlUnit > dd > textarea,
  3726. .xenForm .ctrlUnit > dd > ul,
  3727. .xenForm .ctrlUnit > dd > .verticalShift
  3728. {
  3729. margin-top: -4px;
  3730. }
  3731.  
  3732. .xenForm .ctrlUnit.fullWidth > dd > input,
  3733. .xenForm .ctrlUnit.submitUnit > dd > input,
  3734. .xenForm .ctrlUnit.fullWidth > dd > select,
  3735. .xenForm .ctrlUnit.submitUnit > dd > select,
  3736. .xenForm .ctrlUnit.fullWidth > dd > textarea,
  3737. .xenForm .ctrlUnit.submitUnit > dd > textarea,
  3738. .xenForm .ctrlUnit.fullWidth > dd > ul,
  3739. .xenForm .ctrlUnit.submitUnit > dd > ul
  3740. {
  3741. margin-top: 0;
  3742. }
  3743.  
  3744. /*
  3745. * Multi-column checkboxes
  3746. */
  3747.  
  3748. .xenForm .checkboxColumns > dd > ul,
  3749. ul.checkboxColumns
  3750. {
  3751. -webkit-column-count : 2; -moz-column-count : 2;column-count: 2;
  3752. -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px;
  3753. }
  3754.  
  3755. .xenForm .checkboxColumns > dd > ul li,
  3756. ul.checkboxColumns li
  3757. {
  3758. -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid;
  3759. break-inside: avoid-column;
  3760. margin-bottom: 4px;
  3761. padding-left: 1px;
  3762. display: inline-block;
  3763. width: 100%;
  3764. }
  3765.  
  3766. .xenForm .checkboxColumns.blockLinksList > dd > ul li,
  3767. ul.checkboxColumns.blockLinksList li
  3768. {
  3769. display: block;
  3770. }
  3771.  
  3772. .xenForm .checkboxColumns.multiple > dd > ul
  3773. {
  3774. -webkit-column-count : auto; -moz-column-count : auto;column-count: auto;
  3775. -webkit-column-gap : normal; -moz-column-gap : normal;column-gap: normal;
  3776. }
  3777.  
  3778. .xenForm .checkboxColumns.multiple > dd
  3779. {
  3780. -webkit-column-count : 2; -moz-column-count : 2;column-count: 2;
  3781. -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px;
  3782. }
  3783.  
  3784. .xenForm .checkboxColumns.multiple > dd > ul
  3785. {
  3786. margin-bottom: 18px;
  3787. }
  3788.  
  3789. #recaptcha_image
  3790. {
  3791. box-sizing: content-box;
  3792. max-width: 100%;
  3793. }
  3794.  
  3795. #recaptcha_image img
  3796. {
  3797. max-width: 100%;
  3798. }
  3799.  
  3800. #helper_birthday { display: inline-block; }
  3801. #helper_birthday > li
  3802. {
  3803. display: inline;
  3804. }
  3805. html[dir=rtl] #helper_birthday input,
  3806. html[dir=rtl] #helper_birthday select
  3807. {
  3808. direction: rtl;
  3809. }
  3810.  
  3811.  
  3812. @media (max-width:480px)
  3813. {
  3814. .Responsive .xenForm .ctrlUnit > dt
  3815. {
  3816. float: none;
  3817. width: auto;
  3818. text-align: left;
  3819. height: auto;
  3820. }
  3821.  
  3822. .Responsive .xenForm .ctrlUnit > dt label,
  3823. .Responsive .xenForm .ctrlUnit > dt dfn
  3824. {
  3825. margin-left: 0;
  3826. }
  3827.  
  3828. .Responsive .xenForm .ctrlUnit.submitUnit dt
  3829. {
  3830. height: auto;
  3831. }
  3832.  
  3833. .Responsive .xenForm .ctrlUnit > dd,
  3834. .Responsive .xenForm .ctrlUnit.fullWidth dd
  3835. {
  3836. float: none;
  3837. width: auto;
  3838. text-align: left;
  3839. height: auto;
  3840. padding-left: 10px;
  3841. padding-right: 10px;
  3842. overflow: hidden;
  3843. }
  3844.  
  3845. .Responsive .xenForm .checkboxColumns > dd > ul,
  3846. .Responsive ul.checkboxColumns
  3847. {
  3848. -webkit-column-count : 1; -moz-column-count : 1;column-count: 1;
  3849. }
  3850.  
  3851. .Responsive #ctrl_upload
  3852. {
  3853. max-width: 200px;
  3854. }
  3855.  
  3856. .Responsive .xenForm .ctrlUnit > dd .textCtrl[size],
  3857. .Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize
  3858. {
  3859. width: 100% !important;
  3860. }
  3861.  
  3862. .Responsive .xenForm .ctrlUnit > dd > input,
  3863. .Responsive .xenForm .ctrlUnit > dd > select,
  3864. .Responsive .xenForm .ctrlUnit > dd > textarea,
  3865. .Responsive .xenForm .ctrlUnit > dd > ul,
  3866. .Responsive .xenForm .ctrlUnit > dd > .verticalShift
  3867. {
  3868. margin-top: 0;
  3869. }
  3870. }
  3871.  
  3872. @media (max-width:610px)
  3873. {
  3874. .Responsive .insideSidebar .xenForm .ctrlUnit > dt
  3875. {
  3876. float: none;
  3877. width: auto;
  3878. text-align: left;
  3879. height: auto;
  3880. }
  3881.  
  3882. .Responsive .insideSidebar .xenForm .ctrlUnit > dt label,
  3883. .Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn
  3884. {
  3885. margin-left: 0;
  3886. }
  3887.  
  3888. .Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt
  3889. {
  3890. height: auto;
  3891. }
  3892.  
  3893. .Responsive .insideSidebar .xenForm .ctrlUnit > dd,
  3894. .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd
  3895. {
  3896. float: none;
  3897. width: auto;
  3898. text-align: left;
  3899. height: auto;
  3900. padding-left: 10px;
  3901. padding-right: 10px;
  3902. overflow: hidden;
  3903. }
  3904.  
  3905. .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size],
  3906. .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize
  3907. {
  3908. width: 100% !important;
  3909. }
  3910.  
  3911. .Responsive .insideSidebar .xenForm .ctrlUnit > dd > input,
  3912. .Responsive .insideSidebar .xenForm .ctrlUnit > dd > select,
  3913. .Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea,
  3914. .Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul
  3915. {
  3916. margin-top: -0;
  3917. }
  3918. }
  3919.  
  3920. @media (max-device-width:568px)
  3921. {
  3922. .Responsive .textCtrl,
  3923. .Responsive .taggingInput input,
  3924. .Responsive .taggingInput .tag
  3925. {
  3926. font-size: 16px;
  3927. }
  3928. }
  3929.  
  3930.  
  3931. /* --- public.css --- */
  3932.  
  3933. #header
  3934. {
  3935. background-color: rgb(34, 34, 34);
  3936.  
  3937. }
  3938.  
  3939. /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
  3940.  
  3941. #logo
  3942. {
  3943. display: block;
  3944. float: left;
  3945. line-height: 66px;
  3946. *line-height: 70px;
  3947. height: 70px;
  3948. max-width: 100%;
  3949. vertical-align: middle;
  3950. }
  3951.  
  3952. /* IE6/7 vertical align fix */
  3953. #logo span
  3954. {
  3955. *display: inline-block;
  3956. *height: 100%;
  3957. }
  3958.  
  3959. #logo a:hover
  3960. {
  3961. text-decoration: none;
  3962. }
  3963.  
  3964. #logo a {
  3965. height: 36px;
  3966. width: 281px;
  3967. display: block;
  3968. background-size: 100%;
  3969. position: relative;
  3970. top: 20px;
  3971. left: 15px;
  3972. }
  3973.  
  3974. #logo img
  3975. {
  3976. max-width: 100%;
  3977. }
  3978.  
  3979. #visitorInfo
  3980. {
  3981. float: right;
  3982. min-width: 250px;
  3983. _width: 250px;
  3984. overflow: hidden; zoom: 1;
  3985. background: rgb(211, 211, 211);
  3986. padding: 5px;
  3987. border-radius: 5px;
  3988. margin: 10px 0;
  3989. border: 1px solid rgb(36, 36, 36);
  3990. color: rgb(36, 36, 36);
  3991. }
  3992.  
  3993. #visitorInfo .avatar
  3994. {
  3995. float: left;
  3996. display: block;
  3997. }
  3998.  
  3999. #visitorInfo .avatar .img
  4000. {
  4001. border-color: rgb(155, 155, 155);
  4002. }
  4003.  
  4004. #visitorInfo .username
  4005. {
  4006. font-size: 18px;
  4007. text-shadow: 1px 1px 10px white;
  4008. color: rgb(36, 36, 36);
  4009. white-space: nowrap;
  4010. word-wrap: normal;
  4011. }
  4012.  
  4013. #alerts
  4014. {
  4015. zoom: 1;
  4016. }
  4017.  
  4018. #alerts #alertMessages
  4019. {
  4020. padding-left: 5px;
  4021. }
  4022.  
  4023. #alerts li.alertItem
  4024. {
  4025. font-size: 11px;
  4026. }
  4027.  
  4028. #alerts .label
  4029. {
  4030. color: rgb(36, 36, 36);
  4031. }
  4032.  
  4033. .footer .pageContent
  4034. {
  4035. font-size: 11px;
  4036. color: rgb(211, 211, 211);
  4037. background-color: rgb(101, 101, 101);
  4038. border-bottom-right-radius: 5px;
  4039. border-bottom-left-radius: 5px;
  4040. overflow: hidden;
  4041. zoom: 1;
  4042.  
  4043. }
  4044.  
  4045. .footer a,
  4046. .footer a:visited
  4047. {
  4048. color: rgb(211, 211, 211);
  4049. padding: 8px;
  4050. display: block;
  4051.  
  4052. }
  4053.  
  4054. .footer a:hover,
  4055. .footer a:active
  4056. {
  4057. color: rgb(237, 237, 237);
  4058.  
  4059. }
  4060.  
  4061. .footer .choosers
  4062. {
  4063. padding-left: 5px;
  4064. float: left;
  4065. overflow: hidden;
  4066. zoom: 1;
  4067.  
  4068. }
  4069.  
  4070. .footer .choosers dt
  4071. {
  4072. display: none;
  4073. }
  4074.  
  4075. .footer .choosers dd
  4076. {
  4077. float: left;
  4078.  
  4079. }
  4080.  
  4081. .footerLinks
  4082. {
  4083. padding-right: 5px;
  4084. float: right;
  4085. overflow: hidden;
  4086. zoom: 1;
  4087.  
  4088. }
  4089.  
  4090. .footerLinks li
  4091. {
  4092. float: left;
  4093.  
  4094. }
  4095.  
  4096. .footerLinks a.globalFeed
  4097. {
  4098. width: 14px;
  4099. height: 14px;
  4100. display: block;
  4101. text-indent: -9999px;
  4102. white-space: nowrap;
  4103. background: url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
  4104. padding: 0;
  4105. margin: 5px;
  4106. }
  4107.  
  4108. .footerLegal .pageContent
  4109. {
  4110. font-size: 11px;
  4111. overflow: hidden; zoom: 1;
  4112. padding: 5px 5px 15px;
  4113. text-align: center;
  4114. }
  4115.  
  4116. #copyright
  4117. {
  4118. color: rgb(100,100,100);
  4119. float: left;
  4120. }
  4121.  
  4122. #legal
  4123. {
  4124. float: right;
  4125. }
  4126.  
  4127. #legal li
  4128. {
  4129. float: left;
  4130.  
  4131. margin-left: 10px;
  4132. }
  4133.  
  4134.  
  4135. @media (max-width:610px)
  4136. {
  4137. .Responsive .footerLinks a.globalFeed,
  4138. .Responsive .footerLinks a.topLink,
  4139. .Responsive .footerLinks a.homeLink
  4140. {
  4141. display: none;
  4142. }
  4143.  
  4144. .Responsive .footerLegal .debugInfo
  4145. {
  4146. clear: both;
  4147. }
  4148. }
  4149.  
  4150. @media (max-width:480px)
  4151. {
  4152. .Responsive #copyright span
  4153. {
  4154. display: none;
  4155. }
  4156. }
  4157.  
  4158.  
  4159. .breadBoxTop,
  4160. .breadBoxBottom
  4161. {
  4162. padding: 10px 0;
  4163. overflow: hidden;
  4164. zoom: 1;
  4165. clear: both;
  4166. box-sizing: border-box;
  4167.  
  4168. }
  4169.  
  4170. .breadBoxTop
  4171. {
  4172. }
  4173.  
  4174. .breadBoxTop .topCtrl
  4175. {
  4176. margin-left: 5px;
  4177. float: right;
  4178. line-height: 24px;
  4179.  
  4180. }
  4181.  
  4182. .breadcrumb
  4183. {
  4184. font-size: 11px;
  4185. background-color: rgb(250, 250, 250);
  4186. border: 1px solid rgb(211, 211, 211);
  4187. border-radius: 3px;
  4188. overflow: hidden;
  4189. zoom: 1;
  4190. max-width: 100%;
  4191. height: 24px;
  4192.  
  4193. }
  4194.  
  4195. .breadcrumb.showAll
  4196. {
  4197. height: auto;
  4198. }
  4199.  
  4200. .breadcrumb .boardTitle
  4201. {
  4202. display: none;
  4203.  
  4204. }
  4205.  
  4206. .breadcrumb .crust
  4207. {
  4208. display: block;
  4209. float: left;
  4210. position: relative;
  4211. zoom: 1;
  4212. max-width: 50%;
  4213.  
  4214. }
  4215.  
  4216. .breadcrumb .crust a.crumb
  4217. {
  4218. cursor: pointer;
  4219. text-decoration: none;
  4220. background-color: rgb(250, 250, 250);
  4221. padding: 0 10px 0 18px;
  4222. margin-bottom: -1px;
  4223. border-bottom: 1px solid rgb(211, 211, 211);
  4224. outline: 0 none;
  4225. -moz-outline-style: 0 none;
  4226. display: block;
  4227. _border-bottom: none;
  4228. line-height: 24px;
  4229.  
  4230. }
  4231.  
  4232. .breadcrumb .crust a.crumb > span
  4233. {
  4234. display: block;
  4235. text-overflow: ellipsis;
  4236. word-wrap: normal;
  4237. white-space: nowrap;
  4238. overflow: hidden;
  4239. max-width: 100%;
  4240. }
  4241.  
  4242. .breadcrumb .crust:first-child a.crumb,
  4243. .breadcrumb .crust.firstVisibleCrumb a.crumb
  4244. {
  4245. padding-left: 10px;
  4246. border-top-left-radius: 5px;
  4247. border-bottom-left-radius: 5px;
  4248.  
  4249. }
  4250.  
  4251. .breadcrumb .crust:last-child a.crumb
  4252. {
  4253. font-weight: bold;
  4254.  
  4255. }
  4256.  
  4257. .breadcrumb .crust .arrow
  4258. {
  4259. border: 12px solid transparent;
  4260. border-right: 1px none black;
  4261. border-left-color: rgb(211, 211, 211);
  4262. -moz-border-right-colors: rgb(211, 211, 211);
  4263. display: block;
  4264. position: absolute;
  4265. right: -12px;
  4266. top: 0px;
  4267. z-index: 50;
  4268. -webkit-transform: rotateY(40deg) translate(-2px,0); -ms-transform: rotateY(40deg) translate(-2px,0);transform: rotateY(40deg) translate(-2px,0);
  4269. width: 0px;
  4270. height: 0px;
  4271.  
  4272. }
  4273.  
  4274. .breadcrumb .crust .arrow span
  4275. {
  4276. border: 13px solid transparent;
  4277. border-right: 1px none black;
  4278. border-left-color: rgb(250, 250, 250);
  4279. -moz-border-right-colors: rgb(250, 250, 250);
  4280. display: block;
  4281. position: absolute;
  4282. left: -14px;
  4283. top: -13px;
  4284. z-index: 51;
  4285. white-space: nowrap;
  4286. overflow: hidden;
  4287. text-indent: 9999px;
  4288. -webkit-transform: rotateY(15deg); -ms-transform: rotateY(15deg);transform: rotateY(15deg);
  4289. width: 0px;
  4290. height: 0px;
  4291.  
  4292. }
  4293.  
  4294. .breadcrumb .crust:hover a.crumb
  4295. {
  4296. background-color: rgb(237, 237, 237);
  4297.  
  4298. }
  4299.  
  4300. .breadcrumb .crust:hover .arrow span
  4301. {
  4302. border-left-color: rgb(237, 237, 237);
  4303. }
  4304.  
  4305. .breadcrumb .crust .arrow
  4306. {
  4307. /* hide from IE6 */
  4308. _display: none;
  4309. }
  4310.  
  4311. .breadcrumb .jumpMenuTrigger
  4312. {
  4313. background: transparent url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat 0 0;
  4314. margin: 4px 5px 2px;
  4315. display: block;
  4316. float: right;
  4317. white-space: nowrap;
  4318. text-indent: 9999px;
  4319. overflow: hidden;
  4320. width: 16px;
  4321. height: 16px;
  4322.  
  4323. }
  4324.  
  4325.  
  4326. @media (max-width:480px)
  4327. {
  4328. .Responsive .breadBoxTop.withTopCtrl
  4329. {
  4330. display: table;
  4331. table-layout: fixed;
  4332. width: 100%;
  4333. }
  4334.  
  4335. .Responsive .breadBoxTop.withTopCtrl nav
  4336. {
  4337. display: table-header-group;
  4338. }
  4339.  
  4340. .Responsive .breadBoxTop.withTopCtrl .topCtrl
  4341. {
  4342. display: table-footer-group;
  4343. margin-top: 5px;
  4344. text-align: right;
  4345. }
  4346. }
  4347.  
  4348.  
  4349. #navigation .pageContent
  4350. {
  4351. height: 74px;
  4352. position: relative;
  4353. }
  4354.  
  4355. #navigation .menuIcon
  4356. {
  4357. position: relative;
  4358. font-size:18px;
  4359. width: 16px;
  4360. display: inline-block;
  4361. text-indent: -9999px;
  4362. }
  4363.  
  4364. #navigation .PopupOpen .menuIcon:before,
  4365. #navigation .navLink .menuIcon:before
  4366. {
  4367. zoom: 1;
  4368. }
  4369.  
  4370. #navigation .menuIcon:before
  4371. {
  4372. content: "";
  4373. font-size: 18px;
  4374. position: absolute;
  4375. top: 0.7em;
  4376. left: 0;
  4377. width: 16px;
  4378. height: 2px;
  4379. border-top: 6px double currentColor;
  4380. border-bottom: 2px solid currentColor;
  4381. }
  4382.  
  4383. .navTabs
  4384. {
  4385. font-weight: bold;
  4386. font-size: 11px;
  4387. padding: 4px 5px 0;
  4388. border-top-left-radius: 5px;
  4389. border-top-right-radius: 5px;
  4390.  
  4391.  
  4392. height: 36px;
  4393. }
  4394.  
  4395. .navTabs .publicTabs
  4396. {
  4397. float: left;
  4398. }
  4399.  
  4400. .navTabs .visitorTabs
  4401. {
  4402. float: right;
  4403. }
  4404.  
  4405. .navTabs .navTab
  4406. {
  4407. float: left;
  4408. white-space: nowrap;
  4409. word-wrap: normal;
  4410.  
  4411.  
  4412. }
  4413.  
  4414.  
  4415. /* ---------------------------------------- */
  4416. /* Links Inside Tabs */
  4417.  
  4418. .navTabs .navLink,
  4419. .navTabs .SplitCtrl
  4420. {
  4421. display: block;
  4422. float: left;
  4423. vertical-align: text-bottom;
  4424. text-align: center;
  4425. outline: 0 none;
  4426.  
  4427.  
  4428.  
  4429.  
  4430. height: 36px;
  4431. line-height: 36px;
  4432. }
  4433.  
  4434. .navTabs .publicTabs .navLink
  4435. {
  4436. padding: 0 15px;
  4437. }
  4438.  
  4439. .navTabs .visitorTabs .navLink
  4440. {
  4441. padding: 0 10px;
  4442. }
  4443.  
  4444. .navTabs .navLink:hover
  4445. {
  4446. text-decoration: none;
  4447. }
  4448.  
  4449. /* ---------------------------------------- */
  4450. /* unselected tab, popup closed */
  4451.  
  4452. .navTabs .navTab.PopupClosed
  4453. {
  4454. position: relative;
  4455. }
  4456.  
  4457. .navTabs .navTab.PopupClosed .navLink
  4458. {
  4459. color: rgb(211, 211, 211);
  4460. }
  4461.  
  4462. .navTabs .navTab.PopupClosed:hover
  4463. {
  4464. background-color: rgb(101, 101, 101);
  4465. }
  4466.  
  4467. .navTabs .navTab.PopupClosed .navLink:hover
  4468. {
  4469. color: rgb(255,255,255);
  4470. }
  4471.  
  4472. .navTabs .navTab.PopupClosed .arrowWidget
  4473. {
  4474. /* circle-arrow-down-light */
  4475. background-position: -64px 0;
  4476. }
  4477.  
  4478. .navTabs .navTab.PopupClosed .SplitCtrl
  4479. {
  4480. margin-left: -14px;
  4481. width: 14px;
  4482. }
  4483.  
  4484. .navTabs .navTab.PopupClosed:hover .SplitCtrl
  4485. {
  4486. /* nav_menu_gadget, height: 17px */
  4487. background: transparent url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -128px 10.5px;
  4488. }
  4489.  
  4490. /* ---------------------------------------- */
  4491. /* selected tab */
  4492.  
  4493. .navTabs .navTab.selected .navLink
  4494. {
  4495. position: relative;
  4496.  
  4497. }
  4498.  
  4499. .navTabs .navTab.selected .SplitCtrl
  4500. {
  4501. display: none;
  4502. }
  4503.  
  4504. .navTabs .navTab.selected .arrowWidget
  4505. {
  4506. /* circle-arrow-down */
  4507. background-position: -32px 0;
  4508. }
  4509.  
  4510. .navTabs .navTab.selected.PopupOpen .arrowWidget
  4511. {
  4512. /* circle-arrow-up */
  4513. background-position: -16px 0;
  4514. }
  4515.  
  4516. /* ---------------------------------------- */
  4517. /* unselected tab, popup open */
  4518.  
  4519. .navTabs .navTab.PopupOpen .navLink
  4520. {
  4521. }
  4522.  
  4523.  
  4524. /* ---------------------------------------- */
  4525. /* selected tab, popup open (account) */
  4526.  
  4527. .navTabs .navTab.selected.PopupOpen .navLink
  4528. {
  4529. color: rgb(67, 67, 67);
  4530. background-color: rgb(237, 237, 237);
  4531. border-top-left-radius: 3px;
  4532. border-top-right-radius: 3px;
  4533. border-bottom-right-radius: 0px;
  4534. border-bottom-left-radius: 0px;
  4535.  
  4536. }
  4537.  
  4538. /* ---------------------------------------- */
  4539. /* Second Row */
  4540.  
  4541. .navTabs .navTab.selected .tabLinks
  4542. {
  4543.  
  4544.  
  4545. width: 100%;
  4546. padding: 0;
  4547. border: none;
  4548. overflow: hidden; zoom: 1;
  4549. position: absolute;
  4550. left: 0px;
  4551. top: 38px;
  4552. height: 36px;
  4553. background-position: 0px -36px;
  4554. *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
  4555. }
  4556.  
  4557. .navTabs .navTab.selected .blockLinksList
  4558. {
  4559. background: none;
  4560. padding: 0;
  4561. border: none;
  4562. margin-left: 8px;
  4563. }
  4564.  
  4565. .withSearch .navTabs .navTab.selected .blockLinksList
  4566. {
  4567. margin-right: 275px;
  4568. }
  4569.  
  4570. .navTabs .navTab.selected .tabLinks .menuHeader
  4571. {
  4572. display: none;
  4573. }
  4574.  
  4575. .navTabs .navTab.selected .tabLinks li
  4576. {
  4577. float: left;
  4578. padding: 2px 0;
  4579. }
  4580.  
  4581. .navTabs .navTab.selected .tabLinks a
  4582. {
  4583. font-size: 11px;
  4584. color: rgb(255,255,255);
  4585. display: block;
  4586.  
  4587.  
  4588. line-height: 30px;
  4589. }
  4590.  
  4591. .navTabs .navTab.selected .tabLinks .PopupOpen a
  4592. {
  4593. color: inherit;
  4594. text-shadow: none;
  4595. }
  4596.  
  4597. .navTabs .navTab.selected .tabLinks a:hover,
  4598. .navTabs .navTab.selected .tabLinks a:focus
  4599. {
  4600. text-decoration: none;
  4601. outline: 0;
  4602.  
  4603. }
  4604.  
  4605. .navTabs .navTab.selected .tabLinks .Popup a:hover,
  4606. .navTabs .navTab.selected .tabLinks .Popup a:focus
  4607. {
  4608. color: inherit;
  4609. background: none;
  4610. border-color: transparent;
  4611. border-radius: 0;
  4612. text-shadow: none;
  4613. }
  4614.  
  4615. /* ---------------------------------------- */
  4616. /* Alert Balloons */
  4617.  
  4618. .navTabs .navLink .itemCount
  4619. {
  4620. font-weight: bold;
  4621. font-size: 9px;
  4622. color: white;
  4623. background-color: #e03030;
  4624. padding: 0 2px;
  4625. border-radius: 2px;
  4626. position: absolute;
  4627. right: 2px;
  4628. top: -12px;
  4629. line-height: 16px;
  4630. min-width: 12px;
  4631. _width: 12px;
  4632. text-align: center;
  4633. text-shadow: none;
  4634. white-space: nowrap;
  4635. word-wrap: normal;
  4636. box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
  4637. height: 16px;
  4638.  
  4639. }
  4640.  
  4641. .navTabs .navLink .itemCount .arrow
  4642. {
  4643. border: 3px solid transparent;
  4644. border-top-color: #e03030;
  4645. border-bottom: 1px none black;
  4646. position: absolute;
  4647. bottom: -3px;
  4648. right: 4px;
  4649. line-height: 0px;
  4650. text-shadow: none;
  4651. _display: none;
  4652. /* Hide from IE6 */
  4653. width: 0px;
  4654. height: 0px;
  4655.  
  4656. }
  4657.  
  4658. .navTabs .navLink .itemCount.Zero
  4659. {
  4660. display: none;
  4661. }
  4662.  
  4663. .navTabs .navLink .itemCount.ResponsiveOnly
  4664. {
  4665. display: none !important;
  4666. }
  4667.  
  4668. .NoResponsive #VisitorExtraMenu_Counter,
  4669. .NoResponsive #VisitorExtraMenu_ConversationsCounter,
  4670. .NoResponsive #VisitorExtraMenu_AlertsCounter
  4671. {
  4672. display: none !important;
  4673. }
  4674.  
  4675. /* ---------------------------------------- */
  4676. /* Account Popup Menu */
  4677.  
  4678. .navTabs .navTab.account .navLink
  4679. {
  4680. font-weight: bold;
  4681. }
  4682.  
  4683. .navTabs .navTab.account .navLink .accountUsername
  4684. {
  4685. display: block;
  4686. max-width: 100px;
  4687. overflow: hidden;
  4688. text-overflow: ellipsis;
  4689. }
  4690.  
  4691. #AccountMenu
  4692. {
  4693. width: 274px;
  4694. }
  4695.  
  4696. #AccountMenu .menuHeader
  4697. {
  4698. position: relative;
  4699. }
  4700.  
  4701. #AccountMenu .menuHeader .avatar
  4702. {
  4703. float: left;
  4704. margin-right: 10px;
  4705. }
  4706.  
  4707. #AccountMenu .menuHeader .visibilityForm
  4708. {
  4709. margin-top: 10px;
  4710. color: rgb(101, 101, 101);
  4711. }
  4712.  
  4713. #AccountMenu .menuHeader .links .fl
  4714. {
  4715. position: absolute;
  4716. bottom: 10px;
  4717. left: 116px;
  4718. }
  4719.  
  4720. #AccountMenu .menuHeader .links .fr
  4721. {
  4722. position: absolute;
  4723. bottom: 10px;
  4724. right: 10px;
  4725. }
  4726.  
  4727. #AccountMenu .menuColumns
  4728. {
  4729. overflow: hidden; zoom: 1;
  4730. padding: 2px;
  4731. }
  4732.  
  4733. #AccountMenu .menuColumns ul
  4734. {
  4735. float: left;
  4736. padding: 0;
  4737. max-height: none;
  4738. overflow: hidden;
  4739. }
  4740.  
  4741. #AccountMenu .menuColumns a,
  4742. #AccountMenu .menuColumns label
  4743. {
  4744. width: 115px;
  4745. }
  4746.  
  4747. #AccountMenu .statusPoster textarea
  4748. {
  4749. width: 245px;
  4750. margin: 0;
  4751. resize: vertical;
  4752. overflow: hidden;
  4753. }
  4754.  
  4755. #AccountMenu .statusPoster .submitUnit
  4756. {
  4757. margin-top: 5px;
  4758. text-align: right;
  4759. }
  4760.  
  4761. #AccountMenu .statusPoster .submitUnit .statusEditorCounter
  4762. {
  4763. float: left;
  4764. line-height: 23px;
  4765. height: 23px;
  4766. }
  4767.  
  4768. /* ---------------------------------------- */
  4769. /* Inbox, Alerts Popups */
  4770.  
  4771. .navPopup
  4772. {
  4773. width: 260px;
  4774. }
  4775.  
  4776. .navPopup a:hover,
  4777. .navPopup .listItemText a:hover
  4778. {
  4779. background: none;
  4780. text-decoration: underline;
  4781. }
  4782.  
  4783. .navPopup .menuHeader .InProgress
  4784. {
  4785. float: right;
  4786. display: block;
  4787. width: 20px;
  4788. height: 20px;
  4789. }
  4790.  
  4791. .navPopup .listPlaceholder
  4792. {
  4793. max-height: 350px;
  4794. overflow: auto;
  4795. }
  4796.  
  4797. .navPopup .listPlaceholder ol.secondaryContent
  4798. {
  4799. padding: 0 10px;
  4800. }
  4801.  
  4802. .navPopup .listPlaceholder ol.secondaryContent.Unread
  4803. {
  4804. background-color: rgb(255,255,200);
  4805. }
  4806.  
  4807. .navPopup .listItem
  4808. {
  4809. overflow: hidden; zoom: 1;
  4810. padding: 5px 0;
  4811. border-bottom: 1px solid rgb(237, 237, 237);
  4812. }
  4813.  
  4814. .navPopup .listItem:last-child
  4815. {
  4816. border-bottom: none;
  4817. }
  4818.  
  4819. .navPopup .PopupItemLinkActive:hover
  4820. {
  4821. margin: 0 -8px;
  4822. padding: 5px 8px;
  4823. border-radius: 5px;
  4824. background-color: rgb(237, 237, 237);
  4825. cursor: pointer;
  4826. }
  4827.  
  4828. .navPopup .avatar
  4829. {
  4830. float: left;
  4831. }
  4832.  
  4833. .navPopup .avatar img
  4834. {
  4835. width: 32px;
  4836. height: 32px;
  4837. }
  4838.  
  4839. .navPopup .listItemText
  4840. {
  4841. margin-left: 37px;
  4842. }
  4843.  
  4844. .navPopup .listItemText .muted
  4845. {
  4846. font-size: 9px;
  4847. }
  4848.  
  4849. .navPopup .unread .listItemText .title,
  4850. .navPopup .listItemText .subject
  4851. {
  4852. font-weight: bold;
  4853. }
  4854.  
  4855. .navPopup .sectionFooter .floatLink
  4856. {
  4857. float: right;
  4858. }
  4859.  
  4860.  
  4861. @media (max-width:610px)
  4862. {
  4863. .Responsive .navTabs
  4864. {
  4865. padding-left: 10px;
  4866. padding-right: 10px;
  4867. }
  4868.  
  4869. .Responsive .withSearch .navTabs .navTab.selected .blockLinksList
  4870. {
  4871. margin-right: 50px;
  4872. }
  4873. }
  4874.  
  4875. @media (max-width:480px)
  4876. {
  4877. .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs)
  4878. {
  4879. display: none;
  4880. }
  4881. }
  4882.  
  4883.  
  4884. #searchBar
  4885. {
  4886. position: relative;
  4887. zoom: 1;
  4888. z-index: 52; /* higher than breadcrumb arrows */
  4889. }
  4890.  
  4891. #QuickSearchPlaceholder
  4892. {
  4893. position: absolute;
  4894. right: 20px;
  4895. top: -26px;
  4896. display: none;
  4897. border-radius: 5px;
  4898. cursor: pointer;
  4899. font-size: 11px;
  4900. height: 16px;
  4901. width: 16px;
  4902. box-sizing: border-box;
  4903. text-indent: -9999px;
  4904. background: transparent url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -144px 0px;
  4905. overflow: hidden;
  4906. }
  4907.  
  4908. #QuickSearch
  4909. {
  4910. display: block;
  4911.  
  4912. position: absolute;
  4913. right: 20px;
  4914. top: -18px;
  4915.  
  4916. margin: 0;
  4917.  
  4918. background-color: rgb(245, 245, 245);
  4919. border-radius: 5px;
  4920. padding-top: 5px;
  4921. _padding-top: 3px;
  4922. z-index: 7500;
  4923. }
  4924.  
  4925. #QuickSearch .secondaryControls
  4926. {
  4927. display: none;
  4928. }
  4929.  
  4930. #QuickSearch.active
  4931. {
  4932. box-shadow: 5px 5px 25px rgba(0,0,0, 0.5);
  4933. padding-bottom: 5px;
  4934. }
  4935.  
  4936. #QuickSearch .submitUnit .button
  4937. {
  4938. min-width: 0;
  4939. }
  4940.  
  4941. #QuickSearch input.button.primary
  4942. {
  4943. float: left;
  4944. width: 110px;
  4945. }
  4946.  
  4947. #QuickSearch #commonSearches
  4948. {
  4949. float: right;
  4950. }
  4951.  
  4952. #QuickSearch #commonSearches .button
  4953. {
  4954. width: 23px;
  4955. padding: 0;
  4956. }
  4957.  
  4958. #QuickSearch #commonSearches .arrowWidget
  4959. {
  4960. margin: 0;
  4961. float: left;
  4962. margin-left: 4px;
  4963. margin-top: 4px;
  4964. }
  4965.  
  4966. #QuickSearch .moreOptions
  4967. {
  4968. display: block;
  4969. margin: 0 24px 0 110px;
  4970. width: auto;
  4971. }
  4972.  
  4973.  
  4974. @media (max-width:610px)
  4975. {
  4976. .Responsive #QuickSearchPlaceholder
  4977. {
  4978. display: block;
  4979. }
  4980.  
  4981. .Responsive #QuickSearchPlaceholder.hide
  4982. {
  4983. visibility: hidden;
  4984. }
  4985.  
  4986. .Responsive #QuickSearch
  4987. {
  4988. display: none;
  4989. }
  4990.  
  4991. .Responsive #QuickSearch.show
  4992. {
  4993. display: block;
  4994. }
  4995. }
  4996.  
  4997.  
  4998. /** move the header to the top again **/
  4999.  
  5000. #headerMover
  5001. {
  5002. position: relative;
  5003. zoom: 1;
  5004. }
  5005.  
  5006. #headerMover #headerProxy
  5007. {
  5008. background-color: rgb(34, 34, 34);
  5009. height: 144px; /* +2 borders */
  5010. }
  5011.  
  5012. #headerMover #header
  5013. {
  5014. width: 100%;
  5015. position: absolute;
  5016. top: 0px;
  5017. left: 0px;
  5018. }
  5019.  
  5020.  
  5021. /** Generic page containers **/
  5022.  
  5023. .pageWidth
  5024. {
  5025. padding-right: 5px;
  5026. padding-left: 5px;
  5027. margin: 0 auto;
  5028. _width: 976px;
  5029. max-width: 1800px;
  5030. _margin: 0 auto;
  5031. box-sizing: border-box;
  5032.  
  5033. }
  5034.  
  5035. .NoResponsive body
  5036. {
  5037. min-width: 976px;
  5038. }
  5039.  
  5040. #content .pageContent
  5041. {
  5042. background-color: rgb(245, 245, 245);
  5043. padding: 2px 12px;
  5044.  
  5045. }
  5046.  
  5047. /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
  5048.  
  5049. /* sidebar structural elements */
  5050.  
  5051. .mainContainer
  5052. {
  5053. float: left;
  5054. margin-right: -260px;
  5055. width: 100%;
  5056. }
  5057.  
  5058. .mainContent
  5059. {
  5060. margin-right: 260px;
  5061. }
  5062.  
  5063. .sidebar
  5064. {
  5065. float: right;
  5066. font-size: 11px;
  5067. width: 250px;
  5068.  
  5069. }
  5070.  
  5071.  
  5072.  
  5073.  
  5074.  
  5075.  
  5076.  
  5077. /* visitor panel */
  5078.  
  5079. .sidebar .visitorPanel
  5080. {
  5081. overflow: hidden; zoom: 1;
  5082. }
  5083.  
  5084. .sidebar .visitorPanel h2 .muted
  5085. {
  5086. display: none;
  5087. }
  5088.  
  5089. .sidebar .visitorPanel .avatar
  5090. {
  5091. margin-right: 10px;
  5092. float: left;
  5093. width: 65px;
  5094. height: 65px;
  5095.  
  5096.  
  5097. width: auto;
  5098. height: auto;
  5099. }
  5100.  
  5101. .sidebar .visitorPanel .avatar img
  5102. {
  5103. width: 65px;
  5104. height: 65px;
  5105. }
  5106.  
  5107. .sidebar .visitorPanel .username
  5108. {
  5109. font-weight: bold;
  5110. font-size: 11pt;
  5111.  
  5112. }
  5113.  
  5114. .sidebar .visitorPanel .stats
  5115. {
  5116. margin-top: 2px;
  5117.  
  5118. }
  5119.  
  5120. .sidebar .visitorPanel .stats .pairsJustified
  5121. {
  5122. line-height: normal;
  5123. }
  5124.  
  5125.  
  5126.  
  5127.  
  5128.  
  5129.  
  5130.  
  5131.  
  5132.  
  5133.  
  5134.  
  5135.  
  5136.  
  5137.  
  5138. /* generic sidebar blocks */
  5139.  
  5140. .sidebar .section .primaryContent h3,
  5141. .sidebar .section .secondaryContent h3,
  5142. .profilePage .mast .section.infoBlock h3
  5143. {
  5144. font-weight: bold;
  5145. color: rgb(101, 101, 101);
  5146. background-color: rgb(242, 242, 242);
  5147. padding: 10px;
  5148. margin: -10px -10px 10px;
  5149. border-bottom: 1px solid rgb(226, 226, 226);
  5150. border-top-left-radius: 3px;
  5151. border-top-right-radius: 3px;
  5152. text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
  5153. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
  5154. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(100%,rgba(255,255,255,0)));
  5155. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  5156. background-image: -o-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  5157. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  5158. background-image: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  5159. box-shadow: inset rgba(255,255,255,0.8) 0px 1px 0px;
  5160.  
  5161. }
  5162.  
  5163. .sidebar .section .primaryContent h3 a,
  5164. .sidebar .section .secondaryContent h3 a
  5165. {
  5166. font-weight: bold;
  5167. color: rgb(101, 101, 101);
  5168. }
  5169.  
  5170. .sidebar .section .secondaryContent .footnote,
  5171. .sidebar .section .secondaryContent .minorHeading
  5172. {
  5173. color: rgb(183, 183, 183);
  5174. margin-top: 5px;
  5175.  
  5176. }
  5177.  
  5178. .sidebar .section .secondaryContent .minorHeading a
  5179. {
  5180. color: rgb(183, 183, 183);
  5181. }
  5182.  
  5183.  
  5184.  
  5185.  
  5186.  
  5187.  
  5188.  
  5189.  
  5190.  
  5191.  
  5192.  
  5193.  
  5194. /* list of users with 32px avatars, username and user title */
  5195.  
  5196. .sidebar .avatarList li
  5197. {
  5198. margin: 5px 0;
  5199. overflow: hidden;
  5200. zoom: 1;
  5201.  
  5202. }
  5203.  
  5204. .sidebar .avatarList .avatar
  5205. {
  5206. margin-right: 10px;
  5207. float: left;
  5208. width: 32px;
  5209. height: 32px;
  5210.  
  5211.  
  5212. width: auto;
  5213. height: auto;
  5214. }
  5215.  
  5216. .sidebar .avatarList .avatar img
  5217. {
  5218. width: 32px;
  5219. height: 32px;
  5220. }
  5221.  
  5222. .sidebar .avatarList .username
  5223. {
  5224. font-size: 11pt;
  5225. margin-top: 2px;
  5226. display: block;
  5227.  
  5228. }
  5229.  
  5230. .sidebar .avatarList .userTitle
  5231. {
  5232. color: rgb(150,150,150);
  5233.  
  5234. }
  5235.  
  5236.  
  5237.  
  5238.  
  5239.  
  5240.  
  5241.  
  5242.  
  5243.  
  5244. /* list of users */
  5245.  
  5246. .sidebar .userList
  5247. {
  5248. }
  5249.  
  5250. .sidebar .userList .username
  5251. {
  5252. font-size: 11px;
  5253.  
  5254. }
  5255.  
  5256. .sidebar .userList .username.invisible
  5257. {
  5258. color: rgb(155, 155, 155);
  5259.  
  5260. }
  5261.  
  5262. .sidebar .userList .username.followed
  5263. {
  5264.  
  5265. }
  5266.  
  5267. .sidebar .userList .moreLink
  5268. {
  5269. display: block;
  5270. }
  5271.  
  5272.  
  5273.  
  5274.  
  5275. /* people you follow online now */
  5276.  
  5277. .followedOnline
  5278. {
  5279. margin-top: 3px;
  5280. margin-bottom: -5px;
  5281. overflow: hidden;
  5282. zoom: 1;
  5283.  
  5284. }
  5285.  
  5286. .followedOnline li
  5287. {
  5288. margin-right: 5px;
  5289. margin-bottom: 5px;
  5290. float: left;
  5291.  
  5292. }
  5293.  
  5294. .followedOnline .avatar
  5295. {
  5296. width: 32px;
  5297. height: 32px;
  5298.  
  5299.  
  5300. width: auto;
  5301. height: auto;
  5302. }
  5303.  
  5304. .followedOnline .avatar img
  5305. {
  5306. width: 32px;
  5307. height: 32px;
  5308. }
  5309.  
  5310.  
  5311.  
  5312.  
  5313.  
  5314.  
  5315. /* call to action */
  5316.  
  5317. #SignupButton
  5318. {
  5319. background-color: rgb(98, 188, 94);
  5320. margin: 10px 30px;
  5321. border: 1px solid rgb(77, 167, 73);
  5322. border-radius: 3px;
  5323. text-align: center;
  5324. line-height: 36px;
  5325. box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px;
  5326. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  5327. display: block;
  5328. cursor: pointer;
  5329. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
  5330. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.12)), color-stop(100%,rgba(255,255,255,0)));
  5331. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5332. background-image: -o-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5333. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5334. background-image: linear-gradient(to bottom, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5335. height: 36px;
  5336.  
  5337. }
  5338.  
  5339. #SignupButton .inner
  5340. {
  5341. font-weight: bold;
  5342. font-size: 12pt;
  5343. font-family: ;
  5344. color: rgb(255,255,255);
  5345. border-radius: 4px;
  5346. display: block;
  5347.  
  5348. }
  5349.  
  5350. #SignupButton:hover .inner
  5351. {
  5352. text-decoration: none;
  5353. background-color: rgb(113, 202, 109);
  5354.  
  5355. }
  5356.  
  5357. #SignupButton:active
  5358. {
  5359. box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  5360. position: relative;
  5361. top: 1px;
  5362.  
  5363. }
  5364.  
  5365.  
  5366. @media (max-width:800px)
  5367. {
  5368. .Responsive .mainContainer
  5369. {
  5370. float: none;
  5371. margin-right: 0;
  5372. width: auto;
  5373. }
  5374.  
  5375. .Responsive .mainContent
  5376. {
  5377. margin-right: 0;
  5378. }
  5379.  
  5380. .Responsive .sidebar
  5381. {
  5382. float: none;
  5383. margin: 0 auto;
  5384. }
  5385.  
  5386. .Responsive .sidebar .visitorPanel
  5387. {
  5388. display: none;
  5389. }
  5390. }
  5391.  
  5392. @media (max-width:340px)
  5393. {
  5394. .Responsive .sidebar
  5395. {
  5396. width: 100%;
  5397. }
  5398. }
  5399.  
  5400.  
  5401. /** Text used in message bodies **/
  5402.  
  5403. .messageText
  5404. {
  5405. font-size: 13px;
  5406. line-height: 2;
  5407.  
  5408. }
  5409.  
  5410. .messageText img,
  5411. .messageText iframe,
  5412. .messageText object,
  5413. .messageText embed
  5414. {
  5415. max-width: 100%;
  5416. }
  5417.  
  5418. /** Link groups and pagenav container **/
  5419.  
  5420. .pageNavLinkGroup
  5421. {
  5422. display: table;
  5423. *zoom: 1;
  5424. table-layout: fixed;
  5425. box-sizing: border-box;
  5426.  
  5427. font-size: 11px;
  5428. margin: 10px 0;
  5429. line-height: 28px;
  5430.  
  5431. }
  5432.  
  5433. opera:-o-prefocus, .pageNavLinkGroup
  5434. {
  5435. display: block;
  5436. overflow: hidden;
  5437. }
  5438.  
  5439. .pageNavLinkGroup:after
  5440. {
  5441. content: ". .";
  5442. display: block;
  5443. word-spacing: 99in;
  5444. overflow: hidden;
  5445. height: 0;
  5446. font-size: 0.13em;
  5447. line-height: 0;
  5448. }
  5449.  
  5450. .pageNavLinkGroup .linkGroup
  5451. {
  5452. float: right;
  5453. }
  5454.  
  5455. .linkGroup
  5456. {
  5457. }
  5458.  
  5459. .linkGroup a
  5460. {
  5461. padding: 3px 0;
  5462.  
  5463. }
  5464.  
  5465. .linkGroup a.inline
  5466. {
  5467. padding: 0;
  5468. }
  5469.  
  5470. .linkGroup a,
  5471. .linkGroup .Popup,
  5472. .linkGroup .element
  5473. {
  5474. margin-left: 10px;
  5475. display: block;
  5476. float: left;
  5477.  
  5478. }
  5479.  
  5480. .linkGroup .Popup a
  5481. {
  5482. margin-left: -2px;
  5483. margin-right: -5px;
  5484. *margin-left: 10px;
  5485. padding: 3px 5px;
  5486. }
  5487.  
  5488. .linkGroup .element
  5489. {
  5490. padding: 3px 0;
  5491. }
  5492.  
  5493. /** Call to action buttons **/
  5494.  
  5495. a.callToAction
  5496. {
  5497. display: inline-block;
  5498. line-height: 24px;
  5499. outline: 0 none;
  5500. height: 24px;
  5501.  
  5502.  
  5503. }
  5504.  
  5505. a.callToAction span
  5506. {
  5507. font-weight: bold;
  5508. font-size: 11px;
  5509. font-family: ;
  5510. color: rgb(255,255,255);
  5511. background-color: rgb(68, 68, 68);
  5512. padding: 0 17px;
  5513. border: 1px solid rgb(51, 51, 51);
  5514. border-radius: 3px;
  5515. display: block;
  5516. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  5517. box-shadow: 0px 1px 4px rgba(0,0,0, 0.15), inset rgba(255,255,255,0.1) 0px 1px 0px;
  5518. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
  5519. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
  5520. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  5521. background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  5522. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  5523. background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  5524.  
  5525. }
  5526.  
  5527. a.callToAction:hover
  5528. {
  5529. text-decoration: none;
  5530. }
  5531.  
  5532. a.callToAction:hover span
  5533. {
  5534. color: rgb(255, 255, 255);
  5535. background-color: rgb(85, 85, 85);
  5536.  
  5537. }
  5538.  
  5539. a.callToAction:active
  5540. {
  5541. /*position: relative;
  5542. top: 2px;*/
  5543. }
  5544.  
  5545. a.callToAction:active span
  5546. {
  5547. position: relative;
  5548. top: 1px;
  5549. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  5550. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.03) 100%);
  5551. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.03)));
  5552. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  5553. background-image: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  5554. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  5555. background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);
  5556.  
  5557. }
  5558.  
  5559. /*********/
  5560.  
  5561. .avatarHeap
  5562. {
  5563. overflow: hidden; zoom: 1;
  5564. }
  5565.  
  5566. .avatarHeap ol
  5567. {
  5568. margin-right: -4px;
  5569. margin-top: -4px;
  5570. }
  5571.  
  5572. .avatarHeap li
  5573. {
  5574. float: left;
  5575. margin-right: 4px;
  5576. margin-top: 4px;
  5577. }
  5578.  
  5579. .avatarHeap li .avatar
  5580. {
  5581. display: block;
  5582. }
  5583.  
  5584. /*********/
  5585.  
  5586. .fbWidgetBlock .fb_iframe_widget,
  5587. .fbWidgetBlock .fb_iframe_widget > span,
  5588. .fbWidgetBlock .fb_iframe_widget iframe
  5589. {
  5590. width: 100% !important;
  5591. }
  5592.  
  5593. /*********/
  5594.  
  5595. .tagBlock
  5596. {
  5597. margin: 10px 0;
  5598. font-size: 11px;
  5599. }
  5600.  
  5601. .tagList,
  5602. .tagList li
  5603. {
  5604. display: inline;
  5605. }
  5606.  
  5607.  
  5608. .tagList .tag
  5609. {
  5610. position: relative;
  5611. display: inline-block;
  5612. background: rgb(250, 250, 250);
  5613. margin-left: 9px;
  5614. height: 14px;
  5615. line-height: 14px;
  5616. padding: 1px 4px 1px 6px;
  5617. border: 1px solid rgb(211, 211, 211);
  5618. border-left: none;
  5619. border-radius: 4px;
  5620. border-top-left-radius: 0;
  5621. border-bottom-left-radius: 0;
  5622. color: rgb(101, 101, 101);
  5623. font-size: 11px;
  5624. margin-bottom: 2px;
  5625. }
  5626.  
  5627. .tagList .tag:hover
  5628. {
  5629. text-decoration: none;
  5630. background-color: rgb(237, 237, 237);
  5631. }
  5632.  
  5633. .tagList .tag .arrow
  5634. {
  5635. position: absolute;
  5636. display: block;
  5637. height: 2px;
  5638. width: 0;
  5639. left: -9px;
  5640. top: -1px;
  5641. border-style: solid;
  5642. border-width: 8px 9px 8px 0;
  5643. border-color: transparent;
  5644. border-right-color: rgb(211, 211, 211);
  5645. }
  5646.  
  5647. .tagList .tag .arrow:after
  5648. {
  5649. content: '';
  5650. position: absolute;
  5651. display: block;
  5652. height: 2px;
  5653. width: 0;
  5654. left: 1px;
  5655. top: -7px;
  5656. border-style: solid;
  5657. border-width: 7px 8px 7px 0;
  5658. border-color: transparent;
  5659. border-right-color: rgb(250, 250, 250);
  5660. }
  5661.  
  5662. .tagList .tag:hover .arrow:after
  5663. {
  5664. border-right-color: rgb(237, 237, 237);
  5665. }
  5666.  
  5667. .tagList .tag:after
  5668. {
  5669. content: '';
  5670. position: absolute;
  5671. left: -2px;
  5672. top: 6px;
  5673. display: block;
  5674. height: 3px;
  5675. width: 3px;
  5676. border-radius: 50%;
  5677. border: 1px solid rgb(211, 211, 211);
  5678. background: rgb(231,231,231);
  5679. }
  5680.  
  5681. /* User name classes */
  5682.  
  5683.  
  5684. .username .banned
  5685. {
  5686. text-decoration: line-through;
  5687. }
  5688.  
  5689. .prefix
  5690. {
  5691. background: transparent url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  5692. padding: 0px 6px;
  5693. margin: -1px 0;
  5694. border: 1px solid transparent;
  5695. border-radius: 4px;
  5696. display: inline-block;
  5697.  
  5698. }
  5699.  
  5700. a.prefixLink:hover
  5701. {
  5702. text-decoration: none;
  5703. }
  5704.  
  5705. a.prefixLink:hover .prefix
  5706. {
  5707. color: rgb(101, 101, 101);
  5708. text-decoration: none;
  5709. background-color: rgb(250, 250, 250);
  5710. padding: 0 6px;
  5711. border: 1px solid rgb(211, 211, 211);
  5712.  
  5713. }
  5714.  
  5715. .prefix a { color: inherit; }
  5716.  
  5717. .prefix.prefixPrimary { color: rgb(101, 101, 101); background-color: rgb(237, 237, 237); border-color: rgb(237, 237, 237); }
  5718. .prefix.prefixSecondary { color: rgb(129, 129, 129); background-color: rgb(222, 222, 222); border-color: rgb(222, 222, 222); }
  5719.  
  5720. .prefix.prefixRed { color: white; background-color: red; border-color: #F88; }
  5721. .prefix.prefixGreen { color: white; background-color: green; border-color: green; }
  5722. .prefix.prefixOlive { color: black; background-color: olive; border-color: olive; }
  5723. .prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
  5724. .prefix.prefixBlue { color: white; background-color: blue; border-color: #88F; }
  5725. .prefix.prefixRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; }
  5726. .prefix.prefixSkyBlue { color: black; background-color: skyblue; border-color: skyblue; }
  5727. .prefix.prefixGray { color: black; background-color: gray; border-color: #AAA; }
  5728. .prefix.prefixSilver { color: black; background-color: silver; border-color: silver; }
  5729. .prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; }
  5730. .prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; }
  5731.  
  5732. .discussionListItem .prefix,
  5733. .searchResult .prefix
  5734. {
  5735. font-size: 11px;
  5736. margin: 0;
  5737. line-height: 18px;
  5738.  
  5739.  
  5740. font-weight: normal;
  5741. }
  5742.  
  5743. h1 .prefix
  5744. {
  5745. font-size: 11px;
  5746. margin: 0;
  5747. line-height: 18px;
  5748.  
  5749.  
  5750. line-height: normal;
  5751. }
  5752.  
  5753. .breadcrumb span.prefix,
  5754. .heading span.prefix
  5755. {
  5756. font-style: italic;
  5757. font-weight: bold;
  5758. padding: 0;
  5759. margin: 0;
  5760. border: 0 none black;
  5761. border-radius: 0;
  5762. display: inline;
  5763.  
  5764. color: inherit;
  5765. }
  5766.  
  5767. .userBanner
  5768. {
  5769. font-size: 11px;
  5770. background: transparent url('styles/kanoapps-baisik/xenforo/gradients/form-button-white-25px.png') repeat-x top;
  5771. padding: 1px 5px;
  5772. border: 1px solid transparent;
  5773. border-radius: 3px;
  5774. box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
  5775. text-align: center;
  5776. }
  5777.  
  5778. .userBanner.wrapped
  5779. {
  5780. border-top-right-radius: 0;
  5781. border-top-left-radius: 0;
  5782. position: relative;
  5783. }
  5784.  
  5785. .userBanner.wrapped span
  5786. {
  5787. position: absolute;
  5788. top: -4px;
  5789. width: 5px;
  5790. height: 4px;
  5791. background-color: inherit;
  5792. }
  5793.  
  5794. .userBanner.wrapped span.before
  5795. {
  5796. border-top-left-radius: 3px;
  5797. left: -1px;
  5798. }
  5799.  
  5800. .userBanner.wrapped span.after
  5801. {
  5802. border-top-right-radius: 3px;
  5803. right: -1px;
  5804. }
  5805.  
  5806. .userBanner.bannerHidden { background: none; box-shadow: none; border: none; }
  5807. .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; }
  5808. .userBanner.bannerHidden.wrapped span { display: none; }
  5809.  
  5810. .userBanner.bannerStaff { color: rgb(101, 101, 101); background-color: rgb(237, 237, 237); border-color: rgb(211, 211, 211); }
  5811. .userBanner.bannerStaff.wrapped span { background-color: rgb(211, 211, 211); }
  5812.  
  5813. .userBanner.bannerPrimary { color: rgb(101, 101, 101); background-color: rgb(237, 237, 237); border-color: rgb(211, 211, 211); }
  5814. .userBanner.bannerPrimary.wrapped span { background-color: rgb(211, 211, 211); }
  5815.  
  5816. .userBanner.bannerSecondary { color: rgb(129, 129, 129); background-color: rgb(222, 222, 222); border-color: rgb(222, 222, 222); }
  5817. .userBanner.bannerSecondary.wrapped span { background-color: rgb(222, 222, 222); }
  5818.  
  5819. .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; }
  5820. .userBanner.bannerRed.wrapped span { background-color: #F88; }
  5821.  
  5822. .userBanner.bannerGreen { color: white; background-color: green; border-color: green; }
  5823. .userBanner.bannerGreen.wrapped span { background-color: green; }
  5824.  
  5825. .userBanner.bannerOlive { color: black; background-color: olive; border-color: olive; }
  5826. .userBanner.bannerOlive.wrapped span { background-color: olive; }
  5827.  
  5828. .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
  5829. .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; }
  5830.  
  5831. .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; }
  5832. .userBanner.bannerBlue.wrapped span { background-color: #88F; }
  5833.  
  5834. .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; }
  5835. .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; }
  5836.  
  5837. .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; }
  5838. .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; }
  5839.  
  5840. .userBanner.bannerGray { color: black; background-color: gray; border-color: #AAA; }
  5841. .userBanner.bannerGray.wrapped span { background-color: #AAA; }
  5842.  
  5843. .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; }
  5844. .userBanner.bannerSilver.wrapped span { background-color: silver; }
  5845.  
  5846. .userBanner.bannerYellow { color: black; background-color: yellow; border-color: #E0E000; }
  5847. .userBanner.bannerYellow.wrapped span { background-color: #E0E000; }
  5848.  
  5849. .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; }
  5850. .userBanner.bannerOrange.wrapped span { background-color: #FFC520; }
  5851.  
  5852. .bottomFixer
  5853. {
  5854. position: fixed;
  5855. left: 0;
  5856. right: 0;
  5857. bottom: 0;
  5858. z-index: 800;
  5859. pointer-events: none;
  5860.  
  5861. > *
  5862. {
  5863. pointer-events: auto;
  5864. }
  5865. }
  5866.  
  5867. .bottomFixer > *
  5868. {
  5869. pointer-events: auto;
  5870. }
  5871.  
  5872.  
  5873. @media (max-width:800px)
  5874. {
  5875. .Responsive .pageWidth
  5876. {
  5877.  
  5878. }
  5879.  
  5880. .Responsive #content .pageContent
  5881. {
  5882. padding-left: 6px;
  5883. padding-right: 6px;
  5884. }
  5885. }
  5886.  
  5887. @media (max-width:610px)
  5888. {
  5889. .Responsive .pageWidth
  5890. {
  5891. padding-right: 0;
  5892. padding-left: 0;
  5893. margin-right: 0;
  5894. margin-left: 0;
  5895. width: auto;
  5896.  
  5897. }
  5898.  
  5899. .Responsive .forum_view #pageDescription,
  5900. .Responsive .thread_view #pageDescription
  5901. {
  5902. display: none;
  5903. }
  5904. }
  5905.  
  5906. @media (max-width:480px)
  5907. {
  5908. .Responsive .pageWidth
  5909. {
  5910. width: auto;
  5911.  
  5912. }
  5913.  
  5914. .Responsive .pageNavLinkGroup .PageNav,
  5915. .Responsive .pageNavLinkGroup .linkGroup
  5916. {
  5917. clear: right;
  5918. }
  5919. }
  5920.  
  5921.  
  5922. #logo a.textLogo{
  5923. color: #fff;
  5924. font-size: 30px;
  5925. font-weight: 300;
  5926. padding: 0 20px;
  5927. text-shadow: rgba(0,0,0,0.3) 0px 2px 0px, rgba(0,0,0,0.15) 0px 0px 3px;
  5928. display: block;
  5929. line-height: 70px;
  5930. }
  5931. #logo a.textLogo:hover{ background: url(rgba.php?r=0&g=0&b=0&a=12); background: rgba(0,0,0,0.05); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000); }
  5932.  
  5933. #LoginButton {
  5934. background-color: rgb(31, 128, 195);
  5935. margin: 10px 30px;
  5936. border: 1px solid rgb(38, 83, 114);
  5937. -webkit-border-radius: 3px;
  5938. -moz-border-radius: 3px;
  5939. -khtml-border-radius: 3px;
  5940. border-radius: 3px;
  5941. text-align: center;
  5942. line-height: 36px;
  5943. -webkit-box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px;
  5944. -moz-box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px;
  5945. -khtml-box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px;
  5946. box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px;
  5947. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  5948. display: block;
  5949. cursor: pointer;
  5950. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
  5951. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.12)), color-stop(100%,rgba(255,255,255,0)));
  5952. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5953. background-image: -o-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5954. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5955. background-image: linear-gradient(to bottom, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%);
  5956. height: 36px;
  5957. }
  5958.  
  5959. #LoginButton .inner {
  5960. font-weight: bold;
  5961. font-size: 12pt;
  5962. font-family: ;
  5963. color: rgb(255,255,255);
  5964. -webkit-border-radius: 4px;
  5965. -moz-border-radius: 4px;
  5966. -khtml-border-radius: 4px;
  5967. border-radius: 4px;
  5968. display: block;
  5969. text-decoration:none;
  5970.  
  5971. }
  5972. .nodeList .node_1 .categoryStrip, .node1 .discussionList .sectionHeaders, .node1 .pageContent > .sharePage h3, .node1 .message:before{
  5973. background:rgb(34, 34, 34);
  5974. }
  5975.  
  5976. .nodeList .node_27 .categoryStrip, .node27 .discussionList .sectionHeaders, .node27 .pageContent > .sharePage h3, .node27 .message:before{
  5977. background:rgb(34, 34, 34);
  5978. }
  5979.  
  5980. .nodeList .node_5 .categoryStrip, .node5 .discussionList .sectionHeaders, .node5 .pageContent > .sharePage h3, .node5 .message:before{
  5981. background:rgb(34, 34, 34);
  5982. }
  5983.  
  5984. .nodeList .node_13 .categoryStrip, .node13 .discussionList .sectionHeaders, .node13 .pageContent > .sharePage h3, .node13 .message:before{
  5985. background:rgb(34, 34, 34);
  5986. }
  5987.  
  5988. .nodeList .node_17 .categoryStrip, .node13 .discussionList .sectionHeaders, .node13 .pageContent > .sharePage h3, .node13 .message:before{
  5989. background:rgb(34, 34, 34);
  5990. }
  5991.  
  5992. .nodeList .node_33 .categoryStrip, .node33 .discussionList .sectionHeaders, .node33 .pageContent > .sharePage h3, .node33 .message:before{
  5993. background:rgb(34, 34, 34);
  5994. }
  5995.  
  5996. .nodeList .node_40 .categoryStrip, .node33 .discussionList .sectionHeaders, .node33 .pageContent > .sharePage h3, .node33 .message:before{
  5997. background:rgb(34, 34, 34);
  5998. }
  5999.  
  6000.  
  6001. .node_2 .nodeIcon{
  6002. background: url(styles/kanoapps-baisik/xenforo/icons/updates_icon.png) no-repeat !important;
  6003. background-size: 100%!important;
  6004. height: 36px!important;
  6005. width: 36px!important;
  6006. }
  6007.  
  6008. .node_17 .nodeIcon{
  6009. background: url(styles/kanoapps-baisik/xenforo/icons/community_icon.png) no-repeat !important;
  6010. background-size: 100%!important;
  6011. height: 36px!important;
  6012. width: 36px!important;
  6013. }
  6014.  
  6015. .node_6 .nodeIcon{
  6016. background: url(styles/kanoapps-baisik/xenforo/icons/freerider_icon.png) no-repeat !important;
  6017. background-size: 100%!important;
  6018. height: 36px!important;
  6019. width: 36px!important;
  6020. }
  6021.  
  6022. .node_33 .nodeIcon{
  6023. background: url(styles/kanoapps-baisik/xenforo/icons/classic_icon.png) no-repeat !important;
  6024. background-size: 100%!important;
  6025. height: 36px!important;
  6026. width: 36px!important;
  6027. }
  6028.  
  6029.  
  6030.  
  6031. .message .signature .bbCodeImage {
  6032. max-height:80px
  6033. }
  6034. .message .signature
  6035. {
  6036.  
  6037. }
  6038.  
  6039. .nodeInfo.unread .nodeTitle:after {
  6040. background-color: #ac1212;
  6041. content: "NEW";
  6042. color: white;
  6043. border-radius: 2px;
  6044. margin-left: 5px;
  6045. padding: 1px 5px;
  6046. font-size: 9px; }
  6047.  
  6048. .node_7 .nodeIcon{ background: url(styles/kanoapps-baisik/xenforo/icons/tracks_icon.png) no-repeat !important;
  6049. background-size: 100%!important;
  6050. height: 36px!important;
  6051. width: 36px!important; }
  6052.  
  6053. .node_14 .nodeIcon{ background: url(styles/kanoapps-baisik/xenforo/icons/broken_icon.png) no-repeat !important;
  6054. background-size: 100%!important;
  6055. height: 36px!important;
  6056. width: 36px!important; }
  6057.  
  6058. .node_15 .nodeIcon{ background: url(styles/kanoapps-baisik/xenforo/icons/idea_icon.png) no-repeat !important;
  6059. background-size: 100%!important;
  6060. height: 36px!important;
  6061. width: 36px!important;}
  6062.  
  6063. .node_16 .nodeIcon{ background: url(styles/kanoapps-baisik/xenforo/icons/question_icon.png) no-repeat !important;
  6064. background-size: 100%!important;
  6065. height: 36px!important;
  6066. width: 36px!important; }
  6067.  
  6068.  
  6069. .node_29 .nodeIcon{ background: url(styles/kanoapps-baisik/xenforo/icons/frhd_off_topic.png) no-repeat !important;
  6070. background-size: 100%!important;
  6071. height: 36px!important;
  6072. width: 36px!important; }
  6073.  
  6074. .node_43 .nodeIcon, .node_38 .nodeIcon{ background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/newspaper_v3.png
  6075. ) no-repeat !important;
  6076. background-size: 100%!important;
  6077. height: 36px!important;
  6078. width: 36px!important; }
  6079.  
  6080. .node_44 .nodeIcon{
  6081. background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/checkered_flag.png) no-repeat !important;
  6082. background-size: 100%!important;
  6083. height: 36px!important;
  6084. width: 36px!important;
  6085. }
  6086.  
  6087. .node_39 .nodeIcon{ background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/friends.png
  6088. ) no-repeat !important;
  6089. background-size: 100%!important;
  6090. height: 36px!important;
  6091. width: 36px!important; }
  6092.  
  6093. .node_41 .nodeIcon{ background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/featured.png
  6094. ) no-repeat !important;
  6095. background-size: 100%!important;
  6096. height: 36px!important;
  6097. width: 36px!important; }
  6098.  
  6099.  
  6100. .node_46 .nodeIcon{ background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/featured.png
  6101. ) no-repeat !important;
  6102. background-size: 100%!important;
  6103. height: 36px!important;
  6104. width: 36px!important; }
  6105.  
  6106.  
  6107.  
  6108. .node_45 .nodeIcon{ background: url(//cdn.kanoapps.com/free_rider_hd/forum/forum_icons/mobile2.png
  6109. ) no-repeat !important;
  6110. background-size: 100%!important;
  6111. height: 36px!important;
  6112. width: 36px!important; }
  6113.  
  6114.  
  6115. .userBanner.bannerPrimary.featured {
  6116. font-size:0.7em
  6117. }
  6118.  
  6119. #logoBlock{
  6120. background: #1B5264;
  6121. border-bottom: 1px solid #11181C;
  6122. background-image: -webkit-gradient(linear,left top, left bottom,from(#1B5264),to(#143F4D));
  6123. background-image: -webkit-linear-gradient(#1B5264,#143F4D);
  6124. background-image: -o-linear-gradient(#1B5264,#143F4D);
  6125. background-image: linear-gradient(#1B5264,#143F4D);
  6126. }
  6127.  
  6128. .message .messageContent .messageText img {
  6129. max-width: 600px;
  6130. }
  6131.  
  6132. #navigation .pageContent .tabLinks{ box-shadow: rgba(0,0,0,0.2) 0px -3px 6px; }
  6133. #content .pageContent{ box-shadow: rgba(0,0,0,0.2) 0px 0px 6px; }
  6134. .footer .pageContent{ box-shadow: rgba(0,0,0,0.2) 0px 0px 6px; }
  6135.  
  6136. .breadcrumb a{ color: #444; text-shadow: #fff 0px 1px 0px; }
  6137. .breadcrumb a:hover{ color: #222; }
  6138.  
  6139. /*
  6140. Navigation background: Navigation Tabs Container
  6141. */
  6142.  
  6143. /* Nav link */
  6144. .navTabs .navTab.PopupClosed a.navLink{
  6145. /* background: ; */
  6146. color: #fff;
  6147. border-radius: 4px 4px 0px 0px;
  6148. }
  6149.  
  6150. .navTabs .navTab.PopupClosed:hover a.navLink{
  6151. background: #3a3a3a;
  6152. color: #fff;
  6153. }
  6154. /* Public tabs */
  6155. .navTabs .publicTabs .navLink{ padding: 0 20px; }
  6156.  
  6157. /* Open menu tab */
  6158. .navTabs .Popup .PopupControl.PopupOpen > a, .navTabs .Popup.PopupContainerControl.PopupOpen > a{
  6159. color: #fff;
  6160. background: #3a3a3a;
  6161. border-radius: 2px 2px 0px 0px;
  6162. }
  6163.  
  6164. /* Active tab */
  6165. .navTabs .navTab.selected a.navLink,
  6166. .navTabs ul.visitorTabs > li.navTab.selected a.navLink{
  6167. background: #eaeaea;
  6168. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
  6169. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0)));
  6170. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
  6171. background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
  6172. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
  6173. background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
  6174. color: #292929;
  6175. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  6176. box-shadow: inset rgba(255,255,255,1) 0px 1px 0px;
  6177. position: relative;
  6178. border-radius: 4px 4px 0px 0px;
  6179. z-index: 10;
  6180. }
  6181.  
  6182. .navTabs .publicTabs .navTab.selected a.navLink:before,
  6183. .navTabs .publicTabs .navTab.selected a.navLink:after{
  6184. content: "";
  6185. width: 0px; height: 0px;
  6186. position: absolute;
  6187. bottom: 0px; left: -4px;
  6188. background: url(styles/kanoapps-baisik/xenfocus/navActiveCurve.png) no-repeat 0 0;
  6189. z-index: 10;
  6190. width: 4px; height: 4px;
  6191. }
  6192.  
  6193. .navTabs .publicTabs .navTab.selected a.navLink:after{
  6194. left: auto; right: -4px;
  6195. background-position: -4px 0;
  6196. z-index: 5;
  6197. }
  6198.  
  6199. /* Sub navigation background */
  6200. .navTabs .navTab.selected .tabLinks{
  6201. background: #eaeaea;
  6202. background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
  6203. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
  6204. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  6205. background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  6206. background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  6207. background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  6208. background-position: 0 0;
  6209. border-bottom: 1px solid #cecece;
  6210. text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  6211. font-weight: normal;
  6212. }
  6213.  
  6214. .navTabs .navTab.selected .tabLinks a{
  6215. color: #555;
  6216. line-height: 26px;
  6217. border-radius: 3px;
  6218. margin-top: 3px;
  6219. padding: 0 10px;
  6220. }
  6221.  
  6222. .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus{
  6223. color: #333;
  6224. background: url(rgba.php?r=0&g=0&b=0&a=17); background: rgba(0,0,0,0.07); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#11000000);
  6225. box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, rgba(255,255,255,0.7) 0px 1px 0px;
  6226. }
  6227.  
  6228. .navTabs .navTab.PopupClosed, .navTabs .navTab.PopupClosed:hover{ background: none transparent; }
  6229.  
  6230. .navTab.account a strong:before,
  6231. .navTab.inbox a:before,
  6232. .navTab.alerts a:before{
  6233. content: "";
  6234. background: url(styles/kanoapps-baisik/xenfocus/userLinkIcons.png) no-repeat 0 0;
  6235. width: 18px; height: 18px;
  6236. display: inline-block;
  6237. position: relative;
  6238. top: 4px;
  6239. margin-right: 6px;
  6240. }
  6241.  
  6242. .navTab.account:hover a strong:before{ background-position: 0 -18px; }
  6243. .navTab.account.selected a strong:before{ background-position: 0 -36px; }
  6244. .navTab.inbox a:before{ background-position: -18px 0px; }
  6245. .navTab.inbox:hover a:before{ background-position: -18px -18px; }
  6246. .navTab.inbox.selected a:before{ background-position: -18px -36px; }
  6247. .navTab.alerts a:before{ background-position: -36px 0px; }
  6248. .navTab.alerts:hover a:before{ background-position: -36px -18px; }
  6249. .navTab.alerts.selected a:before{ background-position: -36px -36px; }
  6250.  
  6251. .navTab a strong#VisitorExtraMenu_Counter:before{ display: none; }
  6252.  
  6253. .navTabs .navTab.selected.PopupOpen a.navLink{ border-radius: 0px; }
  6254.  
  6255. /* Sidebar icons */
  6256. .forum_list .sidebar .section h3:before{
  6257. content: "";
  6258. float: left;
  6259. width: 16px; height: 16px;
  6260. margin: -1px 6px -5px 0;
  6261. background: url(styles/kanoapps-baisik/xenfocus/sidebarSprite.png) no-repeat 0 0;
  6262. }
  6263. .forum_list .sidebar .section.staffOnline h3:before{ background-position: 0 -16px; }
  6264. .forum_list .sidebar .section.membersOnline h3:before{ background-position: 0 -32px; }
  6265. .forum_list .sidebar .section .statsList h3:before{ background-position: 0 -48px; }
  6266. .forum_list .sidebar .section.sharePage h3:before{ background-position: 0 -64px; }
  6267.  
  6268. .sidebar .secondaryContent{ border-radius: 4px; }
  6269.  
  6270. .message .publicControls a.item{ margin-left: 5px; margin-right: 0; }
  6271.  
  6272. /* Post button icons */
  6273. .messageMeta .control:before{
  6274. content: "";
  6275. display: inline-block;
  6276. vertical-align: top;
  6277. width: 16px; height: 16px;
  6278. margin: -1px 6px -5px -2px;
  6279. background: url(styles/kanoapps-baisik/xenfocus/postButtonSprite.png) no-repeat 0 0;
  6280. }
  6281. .messageMeta .control.edit:before{ background-position: 0 -16px; }
  6282. .messageMeta .control.delete:before{ background-position: 0 -32px; }
  6283. .messageMeta .control.ip:before{ background-position: 0 -48px; }
  6284. .messageMeta .control.report:before{ background-position: 0 -64px; }
  6285. .messageMeta .control.reply:before{ background-position: 0 -80px; }
  6286. .messageMeta .control.like:before{ background-position: 0 -96px; }
  6287. .messageMeta .control.unlike:before{ background-position: 0 -112px; }
  6288. .messageMeta .control.warn:before{ background-position: 0 -112px; }
  6289. .messageMeta .control.deleteSpam:before{ background-position: 0 -128px; }
  6290.  
  6291. .message .messageMeta .privateControls .control{ opacity: 0; }
  6292. .message .messageMeta .publicControls .control{ opacity: 0.25; }
  6293. .message:hover .messageMeta .control{ opacity: 1; }
  6294.  
  6295. .message .publicControls .item.muted{ float: right; }
  6296.  
  6297. .message .messageInfo .newIndicator{ margin-right: -23px; }
  6298.  
  6299. .footerLegal, .footerLegal a, .footerLegal .pairsInline dt, #copyright{ color: #555; text-shadow: rgba(255,255,255,0.7) 0px 1px 0px; }
  6300. .footerLegal .pairsInline dt{ opacity: 0.7; }
  6301.  
  6302. /* Remove the following if search box is inline with nav */
  6303. .withSearch .navTabs .navTab.selected .blockLinksList{ margin-right: 8px; }
  6304.  
  6305. /* Adjust the following + 0 value depending on navigation borders */
  6306. .navTabs .navTab.selected .tabLinks{ top: 40px; }
  6307. #navigation .pageContent{ height: 73px; }
  6308. #headerMover #headerProxy{ height: 147px; }
  6309.  
  6310. #header{ height: 110px; }
  6311.  
  6312. #headerMover #headerProxy{ background: none transparent; }
  6313.  
  6314. #QuickSearch{ top: -129px; background: none transparent; }
  6315. .LoggedOut #QuickSearch{ top: -118px; }
  6316. #QuickSearch.active{ background-color: rgb(245, 245, 245); box-shadow: 0px 3px 6px rgba(0,0,0,0.25); }
  6317. #QuickSearch:not(.active) #QuickSearchQuery{ border-color: #111; }
  6318.  
  6319. .pageContent > .sharePage{
  6320. background: rgb(250, 250, 250) url('styles/kanoapps-baisik/xenforo/gradients/category-23px-light.png') repeat-x top;
  6321. border: 1px solid rgb(211, 211, 211);
  6322. padding: 10px;
  6323. border-radius: 4px;
  6324. }
  6325.  
  6326. .pageContent > .sharePage h3{
  6327. color: rgb(101, 101, 101);
  6328. font-size: 11px !important;
  6329. padding: 10px;
  6330. margin: -10px -10px 10px;
  6331. border-bottom: 1px solid rgb(226, 226, 226);
  6332. border-top-left-radius: 3px;
  6333. border-top-right-radius: 3px;
  6334. border: 0;
  6335. background-color: rgb(242, 242, 242);
  6336. text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
  6337. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
  6338. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(100%,rgba(255,255,255,0)));
  6339. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  6340. background-image: -o-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  6341. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  6342. background-image: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%);
  6343. box-shadow: inset rgba(255,255,255,0.8) 0px 1px 0px;
  6344. border-bottom: 1px solid #e2e2e2;
  6345. }
  6346.  
  6347. form#login input.button.primary{
  6348. color: #fff;
  6349. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  6350. background: #555;
  6351. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
  6352. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
  6353. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  6354. background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  6355. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  6356. background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  6357. border: 0;
  6358. box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;
  6359. }
  6360.  
  6361. form#login input.button.primary:hover{ background-color: #666; }
  6362.  
  6363. body #pageNodeNavigation{
  6364. box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
  6365. border-radius: 0;
  6366. }
  6367.  
  6368. .quickReply.message{ border: 0; }
  6369.  
  6370. .mainProfileColumn{ background: rgb(250, 250, 250); }
  6371. #ProfilePanes{ padding-right: 8px; padding-bottom: 8px; }
  6372.  
  6373. /* custom status icons */
  6374. .node .node_2 .forumNodeInfo .nodeIcon, .node .node_2 .categoryForumNodeInfo .nodeIcon {
  6375. background-image: url("styles/kanoapps-baisik/xenforo/widgets/forum-read-2.png");
  6376. }
  6377.  
  6378. /* Xenfocus fixes */
  6379.  
  6380. .node .nodeLastPost .lastThreadTitle span{
  6381. width: 16px; height: 16px;
  6382. overflow: hidden; text-indent: -999px;
  6383. float: left;
  6384. margin: 1px 5px -6px 0;
  6385. background: url('styles/kanoapps-baisik/xenforo/xenforo-ui-sprite.png') no-repeat -80px -16px;
  6386. }
  6387. .skin_branding{ float: left; padding-left: 15px; }
  6388. .skin_branding a{ float: none; display: inline-block; padding-left: 0; padding-right: 0; }
  6389. .insideSidebar{ padding: 10px; }
  6390. .node .nodeLastPost .noMessages{ line-height: 36px !important; }
  6391. .messageUserBlock .userBanner{ margin-top: 6px; padding-top: 4px; padding-bottom: 4px; }
  6392. .quote{ padding-left: 3px; }
  6393. /* Fix wider search input */
  6394. .formPopup{ width: 256px; }
  6395. .xenForm .submitUnit{ padding-top: 5px; }
  6396. .navigationSideBar li a.secondaryContent{
  6397. border: 0;
  6398. border-bottom: 1px solid rgb(237, 237, 237);;
  6399. }
  6400. /* Clear index avatar in sidebar */
  6401. .section.visitorPanel .secondaryContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
  6402. .footerLinks a.globalFeed{ width: 16px; height: 16px; margin: 7px 5px 0 5px; }
  6403. .thread_create .surplusLabel .textCtrl{ padding-left: 5px; padding-right: 0px; }
  6404. .thread_create #ctrl_title_thread_create{ box-shadow: none; padding: 3px; }
  6405. .titleBar .prefix{ position: relative; top: -2px; }
  6406. .PageNav .pageNavHeader{ margin-right: 7px; }
  6407. .PageNav a.text{ padding: 0 7px; }
  6408. .messageUserBlock .userTitle{ padding-top: 4px; }
  6409. .userBanner{ box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; }
  6410. #QuickSearch .moreOptions{ margin: 0 29px 0 115px; }
  6411. #QuickSearch .formPopup{ background: none transparent; }
  6412. #QuickSearch .Popup .arrowWidget{ margin-left: 2px; margin-top: 0; }
  6413. body #moderatorBar{ border: 0; }
  6414. /* Align userlinks correctly and remove border from secondaryContent */
  6415. .styleChooser .secondaryContent,
  6416. .navPopup .secondaryContent,
  6417. .secondaryContent.blockLinksList,
  6418. #AccountMenu .menuColumns, #jumpMenu .secondaryContent{ border: 0; }
  6419. .PageNav .scrollable{ height: 30px; }
  6420. .formOverlay.AvatarEditor .avatarOption{ background: none transparent; border: 0; }
  6421. .message.deleted .messageMeta .control{ margin-bottom: 0px; }
  6422. body .afterDiscussionListHandle{ margin-top: 25px; }
  6423. body .textWithCount.subHeading .text{ color: inherit; }
  6424. body .textWithCount.subHeading .count{ text-shadow: none; }
  6425. body .messageSimple .messageMeta{ line-height: 16px; }
  6426. .discussionListItemEdit .textCtrl{ text-shadow: none; }
  6427. input[type="submit"], input[type="reset"], label{ cursor: pointer; }
  6428. .xenForm.formOverlay .ctrlUnit div.textCtrl{ padding-right: 0; }
  6429. #ctrl_title_thread_edit{ box-shadow: none; }
  6430. .help_cookies .baseHtml, .help_terms .baseHtml{ padding: 10px; }
  6431. .messageText b{ font-weight: bold; }
  6432.  
  6433. /* Responsive tweaks */
  6434.  
  6435. @media (max-width:610px){
  6436. .Responsive #QuickSearchPlaceholder{ top: -23px; }
  6437. .Responsive #QuickSearch{ top: -25px; right: 15px; }
  6438. .Responsive .message .messageMeta .control{ opacity: 1; }
  6439. .Responsive .messageList .message{ padding: 10px 0; }
  6440. }
  6441.  
  6442. @media (max-width:480px){
  6443. /* .Responsive #headerMover #headerProxy{ height: 161px; }
  6444. .Responsive #logo{ height: 80px; line-height: 80px; }
  6445. .Responsive #logo a.textLogo{ line-height: 80px; } */
  6446. .Responsive .navTabs{ border-radius: 0; }
  6447. .Responsive .messageList .message{ border: 0; }
  6448. .Responsive .messageUserBlock a.username{ line-height: 14px; }
  6449. .Responsive .messageUserBlock .userBanner{ margin-top: 2px; padding-top: 2px; padding-bottom: 2px; }
  6450. .Responsive .messageUserBlock h3.userText{ padding: 5px 0 0px 8px; }
  6451. .Responsive .message .privateControls .item.muted{
  6452. float: none;
  6453. display: block;
  6454. padding-bottom: 10px;
  6455. }
  6456. .Responsive .message .privateControls, .Responsive .message .publicControls{ float: none; }
  6457. .Responsive .message .publicControls .item{ margin-left: 5px; }
  6458. .Responsive .message .messageMeta .control{ margin-top: 0; margin-bottom: 2px; }
  6459. .Responsive .messageMeta .control:before{ display: none; }
  6460. .Responsive .skin_branding{ padding-left: 8px; }
  6461. .Responsive .skin_branding span{ display: none; }
  6462.  
  6463. .Responsive .navTab.account a strong:before,
  6464. .Responsive .navTab.inbox a:before,
  6465. .Responsive .navTab.alerts a:before{
  6466. background-image: url(styles/kanoapps-baisik/xenfocus/userLinkIcons-2x.png);
  6467. background-size: 54px 54px;
  6468. }
  6469.  
  6470. .Responsive .node .forumNodeInfo .nodeIcon,
  6471. .Responsive .node .categoryForumNodeInfo .nodeIcon,
  6472. .Responsive .node .forumNodeInfo.unread .nodeIcon,
  6473. .Responsive .node .categoryForumNodeInfo.unread .nodeIcon,
  6474. .Responsive .node .pageNodeInfo .nodeIcon,
  6475. .Responsive .node .linkNodeInfo .nodeIcon
  6476. {
  6477. background-image: url('styles/kanoapps-baisik/xenforo/node-sprite-2x.png');
  6478. background-size: 144px 36px;
  6479. }
  6480. }
  6481.  
  6482.  
  6483. .frhd_t {
  6484. position:relative;display:inline-block
  6485. }
  6486.  
  6487. .frhd_t > .logo {
  6488. position:absolute;
  6489. width: 130px;
  6490. top: 15px;
  6491. left: 18px;
  6492. }
  6493.  
  6494. .frhd_t > .track {
  6495. border:2px solid #000;
  6496. }
  6497.  
  6498.  
  6499. .categoryInfo.shelleycontainercustom
  6500. {
  6501. padding: 9px;
  6502. background: #333;
  6503. color: #FFF;
  6504. border: 1px solid #000;
  6505. margin: 4px 7px;
  6506. }
  6507.  
  6508. .categoryInfo.shelleycontainercustom .categoryName
  6509. {
  6510. font-size: 20px;
  6511. }
  6512.  
  6513. .Medal .info {
  6514. overflow: hidden;
  6515. position: relative;
  6516. top: 7px;
  6517. }
  6518.  
  6519.  
  6520. .frhd_official_contest_thread {
  6521. background: #444343;
  6522. color: #FFF;
  6523. border: 1px solid #000;
  6524. }
  6525.  
  6526. .frhd_contest_thread {
  6527. background:#FFF;
  6528. color:#000;
  6529. border:1px solid #000
  6530. }
  6531.  
  6532.  
  6533.  
  6534. /*---------------------- */
  6535. body #moderatorBar {
  6536. font-size: 11px;
  6537. background: white;
  6538. }
  6539.  
  6540. .navTabs .navTab.PopupClosed a.navLink {
  6541. color: #FFF;
  6542. border-radius: 4px 4px 0px 0px;
  6543. }
  6544.  
  6545. #headerMover #header {
  6546. background: #1B5264;
  6547. }
  6548.  
  6549.  
  6550.  
  6551. .secondaryContent a {
  6552. color: #1D7D96;
  6553. }
  6554.  
  6555. .primaryContent a {
  6556. color: #1D7D96;
  6557. }
  6558.  
  6559. .node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent {
  6560. background:rgb(245, 245, 245);
  6561. }
  6562.  
  6563.  
  6564. .nodeList .node.level_1 { margin:0!important }
  6565.  
  6566. .messageSimpleList .messageSimple {
  6567. padding: 13px;
  6568. border: 1px solid #CCC;
  6569. background: #FFF;
  6570. border-radius: 2px;
  6571. box-shadow: 0px 1px 3px #CCC;
  6572. margin: 5px 0;
  6573. }
  6574.  
  6575.  
  6576. .messageList .message .messageInfo {
  6577. padding: 20px;
  6578. }
  6579.  
  6580. .conversation_view .messageList {
  6581. border-radius:5px!important
  6582. }
  6583. .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {border:1px solid #717171}
  6584.  
  6585. .navPopup .listPlaceholder ol.secondaryContent.Unread {
  6586. background-color: rgb(231, 231, 231);!important
  6587. }
  6588.  
  6589. .pageContent .discussionList .sectionHeaders, .discussionListItem {
  6590. padding: 0px;
  6591. margin: 0;
  6592. border: none;
  6593. }
  6594. .discussionListItem {
  6595. background:#FFFFFF!important
  6596.  
  6597. }
  6598.  
  6599. .messageList .message {
  6600. padding: 17px 10px!important;
  6601. border-bottom: 1px solid rgb(223, 223, 223);
  6602. }
  6603.  
  6604. .bbCodeQuote .quoteContainer {
  6605. background: #fbfbfb!important;
  6606. }
  6607.  
  6608. .breadcrumb .crust .arrow {
  6609. border-left-color:none!important;
  6610. }
  6611.  
  6612. .breadcrumb .crust a.crumb {
  6613. border:none!important
  6614. }
  6615.  
  6616.  
  6617. .messageUserBlock a.username {
  6618. font-size:11px!important
  6619. }
  6620.  
  6621. .userBanner.bannerRed {
  6622. color: white;
  6623. background: linear-gradient(to bottom,#e95f4d,#d34836);
  6624. border-color: #d34836;
  6625. text-shadow: -1px -1px 0 #d34836;
  6626. font-weight: bold;
  6627. }
  6628.  
  6629. .userBanner.bannerRed.wrapped span {
  6630. background-color: #d34836;
  6631. }
  6632.  
  6633. .userBanner.bannerGreen {
  6634. color: white;
  6635. background: linear-gradient(to bottom,#b4ed50,#6ea750);
  6636. border-color: #6ea750;
  6637. text-shadow: -1px -1px 0 #6ea750;
  6638. font-weight: bold;
  6639. }
  6640.  
  6641. .userBanner.bannerGreen.wrapped span {
  6642. background-color: #6ea750;
  6643. }
  6644.  
  6645. .userBanner.bannerOrange {
  6646. color: white;
  6647. border-color: #e8a923;
  6648. background: linear-gradient(#fac51f,#e8a923);
  6649. font-weight: bold;
  6650. text-shadow: -1px -1px 0 #e8a923;
  6651. }
  6652.  
  6653. .userBanner.bannerOrange.wrapped span {
  6654. background-color: #e8a923;
  6655. }
  6656.  
  6657. /* CSS returned from cache. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!