API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 10th, 2015
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 21.30 KB | None | 0 0
raw download clone embed print report
  1. /* General fixes */
  2. body, html {
  3.     background-color: #f2f2f2;
  4.     font-family: "Segoe UI", Arial;
  5. }
  6.  
  7. .forum-list {
  8.     margin: 3px 0 5px 0;
  9. }
  10.  
  11. #brdmain {
  12.     margin-top: 10px;
  13. }
  14.  
  15. footer {
  16.     padding-bottom: 15px;
  17. }
  18.  
  19. footer .pull-right {
  20.     padding-bottom: 15px;
  21. }
  22.  
  23. h1 {
  24.     margin-top: -15px;
  25. }
  26.  
  27. h2 {
  28.     margin-top: 0;
  29. }
  30.  
  31. hr {
  32.     background-color: #F2F2F2;
  33.     height: 0px;
  34.     box-shadow: 0px 1px 0px #DDDDDD;
  35. }
  36.  
  37. h1, h2, h3, h4, h5, h6 {
  38.     font-family: "Segoe UI Light", "Segoe UI", Arial;
  39.     font-weight: 100;
  40. }
  41.  
  42. .panel-body h1 {
  43.     margin-top: 0;
  44. }
  45.  
  46. .text-center {
  47.     margin-bottom: 0;
  48. }
  49.  
  50. .modlist {
  51.     color: #888;
  52. }
  53.  
  54. @media screen and (max-width: 767px) {
  55.     .col-profile {
  56.         padding-left: 0;
  57.     }
  58.  
  59.     .col-profile .profile-card {
  60.         margin-top: 60px !important;
  61.     }
  62. }
  63.  
  64. .row-nav .btn-breadcrumb, .row-nav .pagination {
  65.     margin-bottom: 10px;
  66. }
  67.  
  68. .col-profile {
  69.     padding-right: 0;
  70. }
  71.  
  72. @media screen and (max-width: 991px) {
  73.     #userlist .col-sm-12 {
  74.         margin-bottom: 10px;
  75.     }
  76. }
  77.  
  78. /* Header */
  79. #header {
  80.     background: #33CCCC;
  81.     color: #fff;
  82. }
  83.  
  84. #header a {
  85.     color: #fff;
  86. }
  87.  
  88. #header a:hover {
  89.     color: #fff;
  90.     text-decoration: none;
  91. }
  92.  
  93. #header .dropdown-menu a, #header .dropdown-menu a:hover {
  94.     color: #000;
  95. }
  96.  
  97. @media screen and (max-width: 767px) {
  98.     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, #header .dropdown-menu > li > a {
  99.         color: #5BD5D5;
  100.     }
  101.  
  102.     #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus {
  103.         background: #e36b00;
  104.     }
  105.  
  106.     .dropdown-menu .divider {
  107.         background-color: #0068b0;
  108.     }
  109.  
  110.     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  111.         border: none;
  112.         box-shadow: none;
  113.     }
  114. }
  115.  
  116. .announcement a {
  117.     text-decoration: underline;
  118. }
  119.  
  120. .avatar-item .avatar {
  121.     padding: 0;
  122.     border: 0;
  123.     border-radius: 0;
  124.     width: 40px;
  125.     height: 40px;
  126.     margin-right: 10px;
  127. }
  128.  
  129. .avatar-item {
  130.     padding-top: 5px !important;
  131.     padding-bottom: 5px !important;
  132. }
  133.  
  134. .dropdown-menu {
  135.     border-width: 0 1px 1px;
  136.     padding: 0;
  137. }
  138.  
  139. .dropdown-menu .divider {
  140.     margin: 0;
  141. }
  142.  
  143. .dropdown-menu > li > a, .dropdown-header {
  144.     padding: 9px 20px;
  145. }
  146.  
  147. /* Index */
  148. .tclcon {
  149.     margin-left: 25px;
  150. }
  151.  
  152. .table {
  153.     margin-bottom: 0;
  154. }
  155.  
  156. .users-online {
  157.     margin-left: 15px;
  158.     margin-right: 15px;
  159. }
  160.  
  161. /* First run */
  162. .first-run-content {
  163.     padding-left: 15px;
  164. }
  165.  
  166. .first-run-content h3 {
  167.     margin-top: 15px;
  168. }
  169.  
  170. .first-run-profile {
  171.     background: #33CCCC;
  172.     border-bottom-left-radius: 3px;
  173.     border-top-left-radius: 3px;
  174.     padding-bottom: 16px;
  175. }
  176.  
  177. .first-run-title {
  178.     color: #fff;
  179.     text-align: center;
  180. }
  181.  
  182. .first-run-avatar {
  183.     background: none;
  184.     border: none;
  185. }
  186.  
  187. .first-run-avatar img {
  188.     border-radius: 3px;
  189. }
  190.  
  191. .first-run-list {
  192.     margin: 15px;
  193. }
  194.  
  195. .first-run-login {
  196.     margin-right: 15px;
  197. }
  198.  
  199. .first-run .active {
  200.     text-align: center;
  201. }
  202.  
  203. @media screen and (max-width: 767px) {
  204.     .first-run-content {
  205.         padding-right: 15px;
  206.     }
  207.  
  208.     .first-run-profile {
  209.         margin-top: -15px;
  210.         border-bottom-left-radius: 0;
  211.         border-top-right-radius: 3px;
  212.     }
  213.  
  214.     .first-run-title {
  215.         padding-top: 15px;
  216.     }
  217.  
  218.     .first-run-list {
  219.         margin-left: 0;
  220.         margin-right: 0;
  221.     }
  222.  
  223.     .first-run-login {
  224.         margin-right: 0;
  225.     }
  226. }
  227.  
  228. /* Welcome box and header */
  229. #brddesc {
  230.     border-bottom-style: dotted;
  231.     border-bottom-width: 1px;
  232.     margin-top: -10px;
  233. }
  234.  
  235. #brddesc p {
  236.     padding: 0;
  237. }
  238.  
  239. #brdwelcome {
  240.     padding: 10px 0 0;
  241. }
  242.  
  243. #brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  244.     display: inline;
  245.     padding: 0;
  246. }
  247.  
  248. #brdwelcome .conl {
  249.     float: left;
  250. }
  251.  
  252. #brdwelcome .conr {
  253.     float: right;
  254. }
  255.  
  256. #brdwelcome li span {
  257.     padding-left: 18px;
  258.     margin-right: 3px;
  259.     display: inline-block;
  260.     line-height: normal;
  261.     white-space: nowrap;
  262. }
  263.  
  264. #brdwelcome .conl li:first-child span {
  265.     padding-left: 0;
  266.     background: none;
  267. }
  268.  
  269. /* Links (subscribe, new post, etc.) */
  270. .subscribelink {
  271.     padding-bottom: 10px;
  272. }
  273.  
  274. .postlink {
  275.     float: right;
  276.     font-weight: bold;
  277.     text-align: right;
  278. }
  279.  
  280. /* Panels */
  281. .panel {
  282.     margin-bottom: 10px;
  283.     margin-top: 15px;
  284. }
  285.  
  286. .panel-default .panel-heading {
  287.     border: none;
  288.     background: #33CCCC;
  289.     color: #fff;
  290.     height: 37px;
  291. }
  292.  
  293. .panel-border {
  294.     border: none;
  295. }
  296.  
  297. .panel-border .panel-body, .panel-border .postfield, .panel-border .panel-footer, .panel-border .quickpostfield {
  298.     border: 1px solid #ddd;
  299.     border-top: none;
  300. }
  301.  
  302. .col-md-10 .panel {
  303.     margin-right: -14px;
  304. }
  305.  
  306. /* Navbar */
  307. .nav-inner {
  308.     max-width: 1140px;
  309.     margin: 0 auto;
  310. }
  311.  
  312. .navbar {
  313.     background: #5BD5D5;
  314.     border-bottom-color: rgba(255,255,255,.3);
  315.         box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
  316. }
  317.  
  318. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  319.     background-color: transparent;
  320.     color: #fff;
  321. }
  322.  
  323. .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a .caret {
  324.     border-top-color: #fff;
  325.     border-bottom-color: #fff;
  326. }
  327.  
  328. .navbar-right > .dropdown, :last-child.navbar-right.navbar-nav {
  329.     margin-right: 0;
  330. }
  331.  
  332. @media (min-width: 768px) {
  333.     .navbar-toggle {
  334.         display: none;
  335.     }
  336. }
  337.  
  338. .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  339.     border: none;
  340. }
  341.  
  342. /* Toggle */
  343. .navbar-default .navbar-toggle {
  344.     border-color: #fff;
  345. }
  346.  
  347. .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  348.     background-color: #fff;
  349. }
  350.  
  351. .navbar-default .navbar-toggle .icon-bar {
  352.     background-color: #33CCCC;
  353. }
  354.  
  355. /* Pagination */
  356. .pagination {
  357.     margin: 0;
  358.     float: right;
  359. }
  360.  
  361. .pagination-fix {
  362.     margin-top: 10px;
  363.     margin-bottom: 5px;
  364. }
  365.  
  366. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  367.     border: 1px solid #33CCCC;
  368.     background-color: #33CCCC;
  369. }
  370.  
  371. /* Profile */
  372. .profile-nav {
  373.     padding-left: 0;
  374.     padding-right: 0;
  375. }
  376.  
  377. a.active.list-group-item, a.active.list-group-item:hover, a.active.list-group-item:focus {
  378.     background-color: #33CCCC;
  379.     border-color: #33CCCC;
  380. }
  381.  
  382. .profile-h2 {
  383.     margin-top: 0;
  384.     margin-bottom: 0;
  385. }
  386.  
  387. /* Post messages */
  388. .bblinks {
  389.     padding-top: 5px;
  390.     float: right;
  391. }
  392.  
  393. .bblinks li {
  394.     display: inline;
  395. }
  396.  
  397. .blockpost .postbody {
  398.     border-left-style: solid;
  399.     border-left-width: 1px;
  400.     float: right;
  401.     margin-right: -218px;
  402.     position: relative;
  403.     text-align: left;
  404.     width: 100%;
  405. }
  406.  
  407. .blockpost .postleft {
  408.     padding: 7px 12px 7px 18px;
  409.     float: left;
  410.     position: relative;
  411. }
  412.  
  413. .username {
  414.     margin: 0;
  415. }
  416.  
  417. .time-nr {
  418.     font-size: 80%;
  419.     color: #aaa;
  420. }
  421.  
  422. .btn-actions {
  423.     padding-top: 0;
  424.     padding-bottom: 0;
  425.     font-size: 80%;
  426. }
  427.  
  428. .post-div {
  429.     margin-top: 2px;
  430.     margin-bottom: 5px;
  431. }
  432.  
  433. .modlist {
  434.     font-size: 70%;
  435.     margin-bottom: 0;
  436. }
  437.  
  438. .postview {
  439.     margin-bottom: 10px;
  440. }
  441.  
  442. .postedit {
  443.     font-size: 11px;
  444.     color: #bbb;
  445. }
  446.  
  447. .modcontrols {
  448.     padding-bottom: 8px;
  449. }
  450.  
  451. .marked .panel-body {
  452.     background-color: #fff1eb;
  453. }
  454.  
  455. .marked .panel-body hr {
  456.     border-top: 1px solid #ffc8b3;
  457. }
  458.  
  459. /* Quick post and post */
  460. .quickpostfield textarea, .quickpostfield textarea:focus {
  461.     border: none;
  462.     box-shadow: none;
  463.     height: 140px;
  464. }
  465.  
  466. .postfield textarea, .postfield textarea:focus {
  467.     border: none;
  468.     box-shadow: none;
  469.     height: 400px;
  470. }
  471.  
  472. .quickpostfield input[type="text"], .postfield input[type="text"] {
  473.     border: none;
  474.     border-bottom: #eee solid 1px;
  475.     box-shadow: none;
  476.     font-size: 20px;
  477.     line-height: 0.8;
  478. }
  479.  
  480. .quickpostfield textarea::-webkit-input-placeholder, .postfield textarea::-webkit-input-placeholder, .quickpostfield textarea::-moz-placeholder, .postfield textarea::-moz-placeholder, .quickpostfield textarea::-ms-input-placeholder, .postfield textarea::-ms-input-placeholder {
  481.     font-size: 20px;
  482. }
  483.  
  484. @media screen and (max-width: 991px) {
  485.     #quickpostform > .panel > .panel-heading {
  486.         display: none;
  487.     }
  488.  
  489.     .profile-card-quickpost {
  490.         margin-bottom: -10px;
  491.         border-radius: 0 !important;
  492.     }
  493.  
  494.     .user-avatar {
  495.         border-radius: 0 !important;
  496.     }
  497. }
  498.  
  499. #quickpostform > .panel {
  500.     margin-top: 10px;
  501. }
  502.  
  503. @media screen and (max-width: 991px) {
  504.     #quickpostform > .panel-heading {
  505.         border-radius: 0;
  506.     }
  507. }
  508.  
  509. .textarea-toolbar {
  510.     background: #eee;
  511.     margin: 0;
  512.     padding: 6px 2px;
  513.     border-bottom: #ddd 1px solid;
  514. }
  515.  
  516. .fa-fw {
  517.     width: 1.1em !important;
  518. }
  519.  
  520. /* Table */
  521. .table > tbody > tr > td.user-data {
  522.     background-color: #f7f7f7;
  523. }
  524.  
  525. .table > thead > tr.active {
  526.     color: #fff;
  527.     background: #33CCCC;
  528. }
  529.  
  530. .category-header, .forum-header {
  531.     color: #fff;
  532.     background: #33CCCC;
  533.     padding: 8px 0;
  534.     border-top-left-radius: 3px;
  535.     border-top-right-radius: 3px;
  536. }
  537.  
  538. .category-box, .forum-box {
  539.     padding-left: 15px;
  540.     padding-right: 15px;
  541.     margin-bottom: 10px;
  542. }
  543.  
  544. .forum-row, .topic-row {
  545.     color: #232323;
  546.     background-color: #fff;
  547.     padding: 8px 0;
  548.     border-bottom: 1px #eee solid;
  549.     border-left: 1px #ddd solid;
  550.     border-right: 1px #ddd solid;
  551. }
  552.  
  553. .forum-row:last-child, .topic-row:last-child {
  554.     color: #232323;
  555.     background-color: #fff;
  556.     padding: 8px 0;
  557.     border-bottom: 1px #ddd solid;
  558. }
  559.  
  560. .table > tbody > tr > td {
  561.     color: #232323;
  562.     background-color: #fff;
  563. }
  564.  
  565. .table thead > tr > .postbreadcrumb, .table tbody > tr > .postbreadcrumb, .table tfoot > tr > .postbreadcrumb, .table thead > tr > td > .postbreadcrumb, .table tbody > tr > td > .postbreadcrumb, .table tfoot > tr > td > .postbreadcrumb {
  566.     padding: 0;
  567. }
  568.  
  569. .postbreadcrumb .breadcrumb {
  570.     margin: 0;
  571. }
  572.  
  573. .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  574.     background: none;
  575. }
  576.  
  577. /* Buttons */
  578. .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
  579.     color: #ffffff;
  580. }
  581.  
  582. .btn-primary {
  583.     color: #fff;
  584.     background-color: #33CCCC;
  585.     border-color: #29BCBC;
  586. }
  587.  
  588. .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  589.     background-color: #29BCBC;
  590.     border-color: #1EAAAA;
  591.     color: #fff;
  592. }
  593.  
  594. .btn-primary:active, .btn-primary.active {
  595.     background-color: #d78900 9;
  596. }
  597.  
  598. .btn-post {
  599.     margin-top: 0;
  600.     margin-left: 5px;
  601.     margin-bottom: 10px;
  602. }
  603.  
  604. .panel-title .btn {
  605.     margin-top: -10px;
  606.     margin-right: -15px;
  607.     padding: 8px 14px 9px 14px;
  608.     border-top-left-radius: 0;
  609.     border-bottom-right-radius: 0;
  610.     border-bottom-left-radius: 0;
  611.     border: none;
  612. }
  613.  
  614. /* Labels */
  615. .label-primary {
  616.     background: #e8e8e8;
  617.     color: #8e8e8e;
  618. }
  619.  
  620. .label-success {
  621.     background: #95c636;
  622. }
  623.  
  624. .label-info {
  625.     background: #2ac6e2;
  626. }
  627.  
  628. .label-warning {
  629.     background: #ffae00;
  630. }
  631.  
  632. .label-danger {
  633.     background: #ea4322;
  634. }
  635.  
  636. .glyphicon-asterisk {
  637.     color: #c9c9c9;
  638.     font-size: 80%;
  639. }
  640.  
  641. /* Alerts */
  642. .alert {
  643.     border: none;
  644.     border-radius: 0;
  645.     margin-bottom: 10px;
  646.     background-color: #ffffff;
  647.     border-left: #555 5px solid;
  648. }
  649.  
  650. .alert-warning {
  651.     border-left: #f79f13 5px solid;
  652. }
  653.  
  654. .alert-info, #redirect {
  655.     border-left: #2ca0e9 5px solid;
  656. }
  657.  
  658. .alert-danger {
  659.     border-left: #ff5a00 5px solid;
  660.     color: #d33200;
  661. }
  662.  
  663. .alert-success {
  664.     border-left: #41d300 5px solid;
  665.     color: #4e9e00;
  666. }
  667.  
  668. .announcement {
  669.     border: none;
  670.     color: #fff;
  671.     background: rgba(255,255,255,.2);
  672.     margin-top: 30px;
  673.     margin-bottom: 0;
  674.     padding: 5px 8px;
  675. }
  676.  
  677. .col-md-10 .alert {
  678.     margin-right: -14px;
  679. }
  680.  
  681. /* Forms */
  682. fieldset label {
  683.     display: block;
  684.     padding: 0 0 7px 0;
  685. }
  686.  
  687. label .help-block {
  688.     font-weight: 400;
  689.     letter-spacing: 0.5px;
  690.     font-size: 85%;
  691. }
  692.  
  693. textarea {
  694.     resize: vertical;
  695. }
  696.  
  697. .multiselect {
  698.     float: left;
  699.     padding-bottom: 7px;
  700. }
  701.  
  702. .checklist {
  703.     border-width: 1px;
  704.     border-style: solid;
  705.     max-height: 9em;
  706.     width: 20em;
  707.     overflow: auto;
  708.     padding: 0.25em 0.5em;
  709.     margin: 0.25em 16px 0 0.15em;
  710. }
  711.  
  712. /* Breadcrumbs and button */
  713. .row-nav-fix {
  714.     margin-top: 10px;
  715.     margin-bottom: 10px;
  716. }
  717.  
  718. @media screen and (max-width: 991px) {
  719.     .next-hidden-sm {
  720.         border-bottom-right-radius: 4px !important;
  721.         border-top-right-radius: 4px !important;
  722.     }
  723. }
  724.  
  725. @media screen and (max-width: 767px) {
  726.     .next-hidden-xs {
  727.         border-bottom-right-radius: 4px !important;
  728.         border-top-right-radius: 4px !important;
  729.     }
  730. }
  731.  
  732. /* Status Indicators */
  733. .icon {
  734.     border-color: #dcdcdc;
  735.     margin-left: -3px;
  736.     margin-top: 1px;
  737. }
  738.  
  739. .iredirect .icon {
  740.     border-color: #818181;
  741.     border-width: 4px;
  742.     padding: 4px;
  743. }
  744.  
  745. .inew .icon {
  746.     border-color: #2ca0e9;
  747. }
  748.  
  749. /* Search */
  750. .result-card {
  751.     background: #fff;
  752.     padding: 10px;
  753.     margin-top: 10px;
  754.     border-radius: 3px;
  755.     border: #ddd solid 1px;
  756. }
  757.  
  758. .result-card h3, .result-card p {
  759.     margin: 0;
  760. }
  761.  
  762. .result-card .help-block {
  763.     margin-top: 0;
  764.     opacity: .5;
  765. }
  766.  
  767. .result-card:not(last-child) {
  768.     margin-bottom: 10px;
  769. }
  770.  
  771. /* Userlist */
  772. .search-bar {
  773.     margin-bottom: 10px;
  774. }
  775.  
  776. @media(max-width:991px) {
  777.     .search-bar, #userlist .col-sm-12 {
  778.         margin-bottom: 0;
  779.     }
  780. }
  781.  
  782. .userlist {
  783.     padding: 0 15px;
  784. }
  785.  
  786. .user-row .user-avatar {
  787.     max-width: 50px;
  788.     margin-top: 0;
  789.     margin-left: -6px;
  790.     position: absolute;
  791.     border-radius: 0;
  792.     height: 50px;
  793.     min-height: 50px;
  794.     min-width: 50px;
  795. }
  796.  
  797. .userlist-name {
  798.     margin-left: 60px;
  799.     font-size: 24px;
  800.     line-height: 2;
  801.     font-family: "Segoe UI Light", "Segoe UI", "Segoe WP";
  802. }
  803.  
  804. .userlist-name small {
  805.     font-size: 16px;
  806.     color: #999;
  807. }
  808.  
  809. .user-row .thumbnail {
  810.     padding: 2px;
  811. }
  812.  
  813. .user-row {
  814.     color: #232323;
  815.     background-color: #fff;
  816.     padding: 8px 0;
  817.     border-bottom: 1px #eee solid;
  818.     border-left: 1px #ddd solid;
  819.     border-right: 1px #ddd solid;
  820. }
  821.  
  822. .user-row:last-child {
  823.     color: #232323;
  824.     background-color: #fff;
  825.     padding: 8px 0;
  826.     border-bottom: 1px #ddd solid;
  827. }
  828.  
  829. .user-row .collum-count {
  830.     padding-top: 15px;
  831. }
  832.  
  833. .row-space-top {
  834.     margin-top: 15px;
  835. }
  836.  
  837. .pagination-user {
  838.     margin: 10px auto;
  839. }
  840.  
  841. /* Topicview */
  842. .profile-card h1 a:hover, .profile-card h2 a:hover, .profile-card h3 a:hover, .topic .panel-heading h3 a:hover, .profile-card h4 a:hover, .profile-card h5 a:hover, .profile-card h6 a:hover, .profile-card h1 a:active, .profile-card h2 a:active, .profile-card h3 a:active, .profile-card h4 a:active, .profile-card h5 a:active, .profile-card h6 a:active, .profile-card h1 a:focus, .profile-card h2 a:focus, .profile-card h3 a:focus, .profile-card h4 a:focus, .profile-card h5 a:focus, .profile-card h6 a:focus {
  843.     text-decoration: none;
  844.     color: #ddd;
  845. }
  846.  
  847. .profile-card h2 a, .profile-card h3, .profile-card h3 a, .topic .panel-heading h3 a {
  848.     color: #fff;
  849. }
  850.  
  851. .topic .panel, .topic .profile-card {
  852.     margin-bottom: 0;
  853. }
  854.  
  855. .panel-topic {
  856.     margin-top: 10px;
  857. }
  858.  
  859. .topic .profile-card {
  860.     margin-top: 10px;
  861. }
  862.  
  863. .topic .panel-body {
  864.     padding: 7px;
  865. }
  866.  
  867. .topic .profile-card-head .user-avatar {
  868.     max-width: 54px;
  869.     height: 50px;
  870.     margin-top: 4px;
  871.     margin-left: 4px;
  872.     position: absolute;
  873.     border-radius: 0;
  874.     border-top-left-radius: 3px;
  875. }
  876.  
  877. .topic .profile-card-quickpost .user-avatar {
  878.     border-bottom-left-radius: 3px;
  879. }
  880.  
  881. .topic .profile-card-head .user-avatar img {
  882.     height: 48px;
  883.     width: 100%;
  884. }
  885.  
  886. .topic .profile-card-head .is-online {
  887.     border-left: 4px #93dd00 solid;
  888. }
  889.  
  890. .topic .profile-card-head .is-offline {
  891.     border-left: 4px #eee solid;
  892. }
  893.  
  894. .profile-card-head h2 {
  895.     color: #fff;
  896. }
  897.  
  898. .profile-card-head h3 {
  899.     color: #fff;
  900. }
  901.  
  902. .topic .profile-card-head h2 {
  903.     padding-left: 64px;
  904.     padding-top: 3px;
  905. }
  906.  
  907. .topic .profile-card-head h3 {
  908.     padding-left: 64px;
  909.     padding-bottom: 7px;
  910. }
  911.  
  912. .topic hr {
  913.     margin-top: 9px;
  914.     margin-bottom: 1px;
  915. }
  916.  
  917. .profile, .topic {
  918.     margin-left: -15px;
  919.     margin-right: -15px;
  920. }
  921.  
  922. .profile-card {
  923.     margin-top: 50px;
  924.     margin-bottom: 10px;
  925. }
  926.  
  927. .profile-card-head {
  928.     height: 59px;
  929.     background-color: #33CCCC;
  930.     color: #fff;
  931.     border-top-left-radius: 3px;
  932.     border-top-right-radius: 3px;
  933. }
  934.  
  935. .profile-card-quickpost {
  936.     border-bottom-left-radius: 3px;
  937.     border-bottom-right-radius: 3px;
  938. }
  939.  
  940. .profile-card-head .thumbnail {
  941.     max-width: 100px;
  942.     max-height: 100px;
  943.     width: 100px;
  944.     height: 100px;
  945.     margin-top: -50px;
  946.     margin-left: 9px;
  947.     position: absolute;
  948.     border-radius: 0;
  949. }
  950.  
  951. .thumbnail > .user-avatar {
  952.     width: 100%;
  953.     height: 100%;
  954. }
  955.  
  956. .profile-card-head h2 {
  957.     padding-left: 120px;
  958.     padding-top: 3px;
  959.     margin-top: 0;
  960.     margin-bottom: 0;
  961. }
  962.  
  963. .profile-card-head h3 {
  964.     padding-left: 120px;
  965.     padding-bottom: 7px;
  966.     margin-top: 0;
  967.     font-size: 100%;
  968.     margin-bottom: 0;
  969. }
  970.  
  971. .profile-card-body {
  972.     padding: 9px;
  973.     background-color: #fff;
  974.     border: #ddd 1px solid;
  975.     border-top: none;
  976. }
  977.  
  978. .profile-card-body p {
  979.     margin: 0;
  980. }
  981.  
  982. .panel-body p {
  983.     line-height: 1.6;
  984. }
  985.  
  986. .comment-arrow {
  987.     position: absolute;
  988.     display: block;
  989.     width: 0px;
  990.     height: 0px;
  991.     border-color: transparent;
  992.     border-style: solid;
  993.     border-width: 11px;
  994.     left: 4px;
  995.     margin-top: -2px;
  996.     border-left-width: 0px;
  997.     border-right-color: #33CCCC;;
  998. }
  999.  
  1000. .topic .panel-heading {
  1001.     background: #33CCCC;
  1002. }
  1003.  
  1004. .post-actions {
  1005.     margin-top: 5px;
  1006. }
  1007.  
  1008. .topic .thumbnail {
  1009.     padding: 0;
  1010.     border: 1px solid #fff;
  1011. }
  1012.  
  1013. @media(max-width:991px) {
  1014.     .topic .panel {
  1015.         margin-top: 0;
  1016.     }
  1017.  
  1018.     .profile-card-head {
  1019.         background: #33CCCC;
  1020.     }
  1021.  
  1022.     .topic .panel-heading  {
  1023.         border-radius: 0;
  1024.     }
  1025. }
  1026.  
  1027. .onlypost > .col-md-3 > .profile-card, .onlypost > .col-md-9 > .panel {
  1028.     margin-top: 0;
  1029. }
  1030.  
  1031. /* Forumview, index */
  1032. .icon {
  1033.     margin-top: 2px;
  1034.     border-style: solid;
  1035.     border-width: 8px;
  1036.     float: left;
  1037.     height: 0;
  1038.     overflow: hidden;
  1039.     width: 0;
  1040. }
  1041.  
  1042. /* Debug */
  1043. #debug {
  1044.     border-style: dotted none none none;
  1045.     border-width: 1px 0 0 0;
  1046.     margin-top: 7px;
  1047.     text-align: center;
  1048. }
  1049.  
  1050. /* Links */
  1051. a {
  1052.     color: #33CCCC;
  1053. }
  1054.  
  1055. a:hover, a:active {
  1056.     color: #33B7CC;
  1057. }
  1058.  
  1059. a.list-group-item:hover, a.list-group-item:active {
  1060.     color: #33CCCC;
  1061. }
  1062.  
  1063. /* BBCode */
  1064. span.bbu {
  1065.     text-decoration: underline;
  1066. }
  1067.  
  1068. span.bbs {
  1069.     text-decoration: line-through;
  1070. }
  1071.  
  1072. blockquote {
  1073.     font-size: 14px;
  1074. }
  1075.  
  1076. blockquote footer {
  1077.     font-size: 16px;
  1078. }
  1079.  
  1080. /* Update and login form */
  1081. .form {
  1082.     max-width: 330px;
  1083.     margin: 60px auto 20px;
  1084.     border-radius: 3px;
  1085.     background-color: #fff;
  1086. }
  1087.  
  1088. .form-first-run {
  1089.     max-width: 100%;
  1090.     margin: 0;
  1091. }
  1092.  
  1093. .form input[type="text"], .form input[type="password"] {
  1094.     font-size: 14px;
  1095.     margin-bottom: -1px;
  1096.     padding: 7px 9px;
  1097.     width: 100%;
  1098. }
  1099.  
  1100. .form-heading {
  1101.     margin-bottom: 0px;
  1102.     font-weight: 100;
  1103.     background: #33CCCC;
  1104.     color: #fff;
  1105.     padding: 20px;
  1106.     border-top-right-radius: 3px;
  1107.     border-top-left-radius: 3px;
  1108. }
  1109.  
  1110. .form-content {
  1111.     padding: 15px 18px 10px 20px;
  1112. }
  1113.  
  1114. .form-first-run .form-content {
  1115.     padding: 0;
  1116.     padding-right: 15px;
  1117. }
  1118.  
  1119. .remember {
  1120.     font-weight: 500 !important;
  1121. }
  1122.  
  1123. .form-text {
  1124.     margin: 0;
  1125.     padding: 20px;
  1126. }
  1127.  
  1128. .form .btn-login {
  1129.     margin-top: -65px;
  1130.     margin-right: 5px;
  1131. }
  1132.  
  1133. .form .btn-update {
  1134.     margin-top: 0 !important;
  1135.     border-top: none;
  1136.     border-top-left-radius: 0;
  1137.     border-top-right-radius: 0;
  1138. }
  1139.  
  1140. .form .actions, .form .remember {
  1141.     margin-top: 10px;
  1142. }
  1143.  
  1144. .top-form {
  1145.     border-bottom-left-radius: 0;
  1146.     border-bottom-right-radius: 0;
  1147. }
  1148.  
  1149. .bottom-form {
  1150.     border-top-left-radius: 0;
  1151.     border-top-right-radius: 0;
  1152. }
  1153.  
  1154. #posterror {
  1155.     max-width: 330px;
  1156.     margin: 60px auto 20px;
  1157.     border-radius: 3px;
  1158.     background-color: #fff;
  1159. }
  1160.  
  1161. #posterrorall {
  1162.     max-width: 30%;
  1163.     margin: 60px auto 20px;
  1164.     border-radius: 3px;
  1165.     background-color: #fff;
  1166. }
  1167.  
  1168. .form-errors {
  1169.     background: #ff6000;
  1170. }
  1171.  
  1172. @media screen and (max-width: 767px) {
  1173.     .container, .row-nav .col-sm-6 {
  1174.         padding: 0;
  1175.     }
  1176.  
  1177.     .category-header, .forum-header, .panel-heading, .profile-card-head, :first-child.list-group-item, :last-child.list-group-item, .btn-block, .panel-title .btn {
  1178.         border-radius: 0;
  1179.     }
  1180.  
  1181.     .category-box, .postview {
  1182.         margin-bottom: 0;
  1183.     }
  1184.  
  1185.     .forum-row, .topic-row {
  1186.         border-left: none;
  1187.         border-right: none;
  1188.     }
  1189.  
  1190.     footer, #brddesc, #brdwelcome, h2, .row-nav {
  1191.         margin-left: 15px;
  1192.         margin-right: 15px;
  1193.     }
  1194.  
  1195.     .postview > :last-child, .modcontrols .btn-toolbar .btn-group > :first-child {
  1196.         margin-bottom: 10px;
  1197.     }
  1198.  
  1199.     .profile-card-head h2 {
  1200.         margin-left: 0;
  1201.     }
  1202.  
  1203.     .topic .profile-card {
  1204.         margin-top: 0;
  1205.     }
  1206.  
  1207.     .panel-body {
  1208.         border: none;
  1209.     }
  1210. }
  1211.  
  1212. /* Backstage Accent select */
  1213. .backstage-accent {
  1214.     padding: 21px;
  1215.     margin-left: 1px;
  1216.     margin-right: 1px;
  1217. }
  1218.  
  1219. .accent-group .btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn, .accent-group .btn-group > :last-child:not(:first-child).btn, .btn-group > :not(:first-child).dropdown-toggle {
  1220.     border-radius: 0;
  1221. }
  1222.  
  1223. .accent-group .btn {
  1224.     box-shadow: none;
  1225.     border: 3px solid #fff;
  1226. }
  1227.  
  1228. .accent-group .btn:hover, .accent-group .btn:focus, .accent-group .btn:active, .accent-group .active.btn {
  1229.     border: 3px solid #bbb;
  1230. }
  1231.  
  1232. /* Cookie bar */
  1233. .cookie-bar {
  1234.     background: #393939;
  1235. }
  1236.  
  1237. .cookie-bar .navbar-form {
  1238.     border-top: none;
  1239.     border-bottom: none;
  1240.     box-shadow: none;
  1241. }
  1242.  
  1243. @media screen and (max-width: 767px) {
  1244.     .cookie-bar .navbar-text {
  1245.         margin-left: 15px;
  1246.         margin-right: 15px;
  1247.     }
  1248.  
  1249.     .cookie-bar .navbar-form {
  1250.         margin-top: 0;
  1251.         margin-bottom: 0;
  1252.         padding: 0 15px;
  1253.     }
  1254. }
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!