Advertisement
Hardrockdesign

CSS Parade

Jun 4th, 2015
4,031
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.63 KB | None | 0 0
  1. #wrap {
  2. min-width: 850px;
  3. max-width: 850px;
  4. background: #040913;
  5. margin-top: -10px;
  6. margin-bottom: -10px;
  7. position: relative;
  8. }
  9.  
  10.  
  11. .module .h3 {
  12. display: none;
  13. }
  14.  
  15. #cp-main h1 {
  16. font-family: Great Vibes;
  17. font-size:25px;
  18. }
  19.  
  20. #tabs a span {
  21. text-transform: uppercase;
  22. line-height: 100%;
  23. font-weight: bold;
  24. letter-spacing: 1px;
  25. }
  26.  
  27. #profile-tab-field-profil {
  28. text-transform: uppercase;
  29. line-height: 100%;
  30. font-weight: bold;
  31. letter-spacing: 1px;}
  32.  
  33. #profile-tab-field-profil div.separator {
  34. border-bottom: 1px dotted #ababab;
  35. }
  36.  
  37. .h3 {
  38. font-family: Great Vibes;
  39. text-transform: none;
  40. text-align: left;
  41. padding-left: 30px;
  42. font-weight: bold;
  43. font-size:25px;
  44. }
  45.  
  46. a.topictitle:hover {
  47. text-decoration: none;
  48. }
  49.  
  50. a.topictitle {
  51. text-transform: uppercase;
  52. }
  53.  
  54. .basedesc {
  55. width: 339px;
  56. position:absolute;
  57. height: 164px;
  58. left: 0px;
  59. line-height: 100%;
  60. top: 40px;
  61. overflow: hidden;
  62. }
  63.  
  64. .menudesc {
  65. overflow-y:auto;
  66. overflow-x:hidden;
  67. width: 150px;
  68. height: 165px;
  69. display: inline-block;
  70. }
  71.  
  72. .menudesc a {
  73. display: block;
  74. margin-bottom:2px;
  75. width: 150px;
  76. font-size: 10px;
  77. text-transform: uppercase;
  78. background: #040913;
  79. padding-top:3px;
  80. padding-bottom: 3px;
  81. text-align: center;
  82. }
  83.  
  84. .desctexto {
  85. padding:10px;
  86. width: 163px;
  87. height: 145px;
  88. overflow: auto;
  89. display: inline-block;
  90. text-align: justify;
  91. font-size: 11px;
  92. letter-spacing: 1px;
  93. font-weight: bold;
  94. background: #040913;
  95. }
  96.  
  97. dl.codebox {
  98. background-color: #230c17;
  99. border-radius: 5px;
  100. -moz-border-radius: 5px;
  101. -webkit-border-radius: 5px;
  102. }
  103.  
  104. dl.codebox dt {
  105. color: #473A3A;
  106. }
  107.  
  108. blockquote {
  109. border-radius: 5px;
  110. -moz-border-radius: 5px;
  111. -webkit-border-radius: 5px;
  112. }
  113.  
  114. dl.codebox code {
  115. color: #473A3A;
  116. }
  117.  
  118. blockquote {
  119. border-left: 12px solid #797170;
  120. border-bottom: transparent;
  121. border-right: transparent;
  122. border-top: transparent;
  123. border-radius: 0px 0px 0px 0px;
  124. background-color: #230c17;
  125. }
  126. blockquote cite {
  127. color: #e9e9e9;
  128. text-transform: lowercase;
  129. font: 17px Voltaire;
  130. }
  131.  
  132. dl.codebox {
  133. border-right: 12px solid #797170;
  134. border-left: 12px solid #797170;
  135. border-top: transparent;
  136. border-bottom: transparent;
  137. border-radius: 0px 0px 0px 0px;
  138. color: #e9e9e9;
  139. background-color: #230c17;
  140. text-decoration: none;
  141. font: 12px calibri;
  142. letter-spacing: 1px;
  143. font-weight: 700;
  144. text-transform: none;
  145. }
  146. .content blockquote {
  147. color: #dcdcdc;
  148. font-family: Calibri;
  149. font-style: normal;
  150. font-size:11px;
  151. line-height: 100%;
  152. }
  153. .spoiler_content.hidden {
  154. color:#dcdcdc;
  155. font-family: Calibri;
  156. text-shadow:none;
  157. font-size:11px;
  158. text-transform: none;
  159. font-weight: 700;
  160. line-height: 100%;
  161. }
  162. dl.codebox code {
  163. color:#dcdcdc;
  164. font-family: Georgia;
  165. text-shadow:none;
  166. font-size:11px;
  167. line-height: 100%;
  168. }
  169. dl.codebox dt {
  170. border-bottom: 1px dotted #fff;
  171. color: #FFF;
  172. text-align: center;
  173. }
  174.  
  175. .postbody ul.profile-icons {
  176. position: absolute;
  177. top: -10px;
  178. right: -50px;
  179. }
  180.  
  181. .postbody p.author {
  182. background: #230c17;
  183. width: 570px;
  184. text-align: center;
  185. line-height: 100%;
  186. font-weight: normal;
  187. text-transform: uppercase;
  188. margin-top: -4px;
  189. padding-top: 5px;
  190. padding-bottom: 5px;
  191. display: block;
  192. }
  193.  
  194. .postbody .topic-title {
  195. width: 570px;
  196. background: #341319;
  197. text-align: center;
  198. line-height: 100%;
  199. font-weight: normal;
  200. text-transform: uppercase;
  201. padding-top: 20px;
  202. padding-bottom: 20px;
  203. display: block;
  204. }
  205.  
  206. #TAB3 img {
  207. margin-bottom: 5px;
  208. }
  209.  
  210. span.label {
  211. display: block;
  212. background: #040913;
  213. padding: 5px;
  214. width: 190px;
  215. line-height: 100%;
  216. margin-top: 5px;
  217. }
  218.  
  219. #TAB2 {
  220. text-align: center;
  221. text-transform: uppercase;
  222. font-weight: bold;
  223. overflow-y: auto;
  224. }
  225.  
  226. .field-msg {
  227. display: inline-block;
  228. width: 98px;
  229. background: #040913;
  230. text-align: center;
  231. border-radius: 20px 0px 20px 0px;
  232. line-height: 100%;
  233. font-weight: bold;
  234. padding-top: 5px;
  235. margin-bottom: 10px;
  236. padding-bottom: 10px;
  237. margin-top: 5px;
  238. }
  239.  
  240. .field-msg::after {
  241. content: "Mensajes";
  242. display: block;
  243. text-transform: uppercase;
  244. font-size: 9px;
  245. }
  246.  
  247. .field-msg .label {
  248. display:none;
  249. }
  250.  
  251. .field-fecha {
  252. display: inline-block;
  253. width: 95px;
  254. background: #040913;
  255. text-align: center;
  256. border-radius: 20px 0px 20px 0px;
  257. line-height: 100%;
  258. font-weight: bold;
  259. padding-top: 5px;
  260. padding-bottom: 10px;
  261. margin-top: 5px;
  262. margin-bottom: 10px;
  263. margin-left: 5px;
  264. }
  265.  
  266. .field-fecha::after {
  267. content: "Inscripción";
  268. display: block;
  269. text-transform: uppercase;
  270. font-size: 9px;
  271. }
  272.  
  273. .field-fecha .label {
  274. display:none;
  275. }
  276. .field-userpic .label {
  277. display:none;
  278. }
  279.  
  280. .field-userpic img {
  281. border: 5px solid #040913;
  282. max-width: 190px;
  283. max-height: 80px;
  284. }
  285.  
  286. #tabs_content_container {
  287. width: 200px;
  288. overflow: hidden;
  289. height: 350px;
  290. }
  291. .tab_content {
  292. width: 200px;
  293. height: 350px;
  294. overflow: hidden;
  295. }
  296.  
  297. .username {
  298. display: block;
  299. text-align: center;
  300. width: 200px;
  301. text-transform: none;
  302. padding-top: 5px;
  303. font-size: 25px;
  304. padding-bottom: 5px;
  305. font-family: Great Vibes;
  306. background: #040913;
  307. text-decoration: none;
  308. }
  309.  
  310. .postprofile:hover a {
  311. text-decoration: none;
  312. }
  313.  
  314. #pestanas {list-style: none; display: table; margin-top: -5px; background: #040913; width: 200px;}
  315. #pestanas li {display: table-cell; margin:0px;}
  316. #pestanas li a {
  317. display: inline-block;
  318. width: 66px;
  319. text-align: center;
  320. text-transform: uppercase;
  321. padding-top: 5px;
  322. font-size: 9px;
  323. padding-bottom: 5px;
  324. text-decoration: none;
  325. }
  326.  
  327. .topic-actions {
  328. padding-left: 5px;
  329. padding-right: 5px;
  330. text-transform: uppercase;
  331. font-size: 9px;
  332. }
  333.  
  334. ul.forums .icon {
  335. background-position: 337px 100% !important;
  336. }
  337.  
  338. #cp-main h1 {
  339. outline: none;
  340. padding-top: 15px;
  341. padding-bottom: 15px;
  342. }
  343.  
  344. .postprofile {
  345. width: 200px;
  346. padding: 10px;
  347. background: #341319;
  348. margin-right: -5px;
  349. }
  350.  
  351. .postprofile dt a img {
  352. margin-left: -10px;
  353. max-width: 200px;
  354. }
  355.  
  356. .postbody {
  357. padding-top: 20px;
  358. width: 570px;
  359. text-align: justify;
  360. font-size: 11px;
  361. position: relative;
  362. }
  363.  
  364. ul.topiclist.topics.bg_none {
  365. padding-top: 10px;
  366. padding-left: 10px;
  367. color: #040913;
  368. padding-bottom: 15px;
  369. background: #797170;
  370. }
  371.  
  372. ul.topiclist.pmlist.bg_none {
  373. padding-top: 10px;
  374. padding-left: 10px;
  375. color: #040913;
  376. padding-bottom: 15px;
  377. background: #797170;
  378. }
  379.  
  380. ul.forums {
  381. padding-top: 10px;
  382. padding-left: 10px;
  383. padding-bottom: 15px;
  384. background: #797170;
  385. }
  386.  
  387. #left {
  388. display: none;
  389. }
  390.  
  391. ::-webkit-scrollbar {background-color: #040913; height:2px; width:5px}
  392. ::-webkit-scrollbar-thumb:vertical {background-color: #341319;}
  393. ::-webkit-scrollbar-thumb:horizontal {background-color: #341319; height:3px!important}
  394.  
  395. .textogrupo {
  396. line-height: 100%;
  397. font-size: 10px;
  398. text-transform: uppercase;
  399. text-align: center;
  400. width: 125px;
  401. font-weight: bold;
  402. color: #9E8A59;
  403. }
  404.  
  405. .titulogrupo {
  406. font-family: Great Vibes;
  407. text-transform: none;
  408. font-size: 20px;
  409. }
  410.  
  411. p.page-bottom {
  412. display: inline-block;
  413. width: 280px;
  414. padding-top: 10px;
  415. padding-bottom: 10px;
  416. text-align: center;
  417. line-height: 100%;
  418. text-transform: uppercase;
  419. font-weight: bold;
  420. font-size: 9px;
  421. margin-left:3px;
  422. margin-right: 3px;
  423. background: #230c17;
  424. }
  425.  
  426. h1.page-title {
  427. line-height: 100%;
  428. background: #341319;
  429. padding-top: 25px;
  430. padding-bottom: 25px;
  431. margin-top: 40px;
  432. width: 840px;
  433. margin-left: 5px;
  434. outline: 2px solid #040913;
  435. color: #9E8A59;
  436. outline-offset: -8px;
  437. text-align:center;
  438. font-weight: bold;
  439. font-size: 40px;
  440. font-family: Great Vibes;
  441. color: #9E8A59;
  442. text-transform: none;
  443. line-height: 100%;
  444. }
  445.  
  446. .enlinea {
  447. width: 370px;
  448. border: 20px solid #230c17;
  449. display: inline-block;
  450. font-size: 11px;
  451. margin-top: 10px;
  452. margin-right: 10px;
  453. height: 160px;
  454. margin-left: 60px;
  455. padding: 15px;
  456. overflow-y: auto;
  457. margin-bottom: 15px;
  458. color: #040913;
  459. font-weight: bold;
  460. background: #797170;
  461. text-transform: uppercase;
  462. }
  463.  
  464. .grupos {
  465. width: 230px;
  466. border: 20px solid #230c17;
  467. display: inline-block;
  468. height: 180px;
  469. overflow-y: auto;
  470. padding: 5px;
  471. margin-top: 10px;
  472. background: #797170;
  473. margin-bottom: 15px;
  474. }
  475.  
  476. .estadisticas {
  477. line-height: 100%;
  478. background: #341319;
  479. padding-top: 25px;
  480. padding-bottom: 25px;
  481. margin-top: 40px;
  482. width: 840px;
  483. margin-left: 5px;
  484. outline: 2px solid #040913;
  485. color: #9E8A59;
  486. outline-offset: -8px;
  487. text-align:center;
  488. font-weight: bold;
  489. font-size: 40px;
  490. font-family: Great Vibes;
  491. color: #9E8A59;
  492. text-transform: none;
  493. line-height: 100%;
  494. }
  495.  
  496. .forabg ul.topiclist.forums li.row dd.dterm {
  497. width: 350px;
  498. height: 192px;
  499. }
  500.  
  501. a {
  502. font-weight: bold;
  503. }
  504.  
  505. a:hover {
  506. text-decoration: none;
  507. }
  508.  
  509. a.mainmenu {
  510. font-family: Calibri;
  511. font-size: 11px;
  512. text-align: right;
  513. text-transform: uppercase;
  514. background-color: #341319;
  515. color: #9E8A59;
  516. display: block;
  517. padding-right: 15px;
  518. width: 169px;
  519. line-height: 100%;
  520. margin-bottom: -20px;
  521. padding-bottom: 4px;
  522. padding-top: 4px;
  523. }
  524.  
  525. a.mainmenu:hover {
  526. color: #9E8A59;
  527. }
  528.  
  529. ul.navlinks {
  530. position: absolute;
  531. right: 20px;
  532. top: 20px;
  533. }
  534.  
  535. #page-body ul.linklist a {
  536. text-transform: uppercase;
  537. font-size: 9px;
  538. padding-left: 5px;
  539. padding-right: 5px;
  540. }
  541.  
  542. #page-footer .navbar {
  543. color: #040913;
  544. text-transform: uppercase;
  545. font-size: 9px;
  546. }
  547.  
  548. #logo-desc img {
  549. margin-left: -15px;
  550. margin-top: -10px;
  551. }
  552.  
  553. li.header {
  554. line-height: 100%;
  555. background: #341319;
  556. padding-top: 20px;
  557. padding-bottom: 20px;
  558. padding-left: 30px;
  559. padding-right: 30px;
  560. outline: 2px solid #040913;
  561. color: #9E8A59;
  562. outline-offset: -8px;
  563. }
  564.  
  565. .table-title h2 {
  566. font-weight: bold;
  567. font-size: 40px;
  568. font-family: Great Vibes;
  569. color: #9E8A59;
  570. text-transform: none;
  571. line-height: 100%;
  572. }
  573.  
  574. a.forumtitle {
  575. text-decoration:none;
  576. display: block;
  577. width: 400px;
  578. background: #230c17;
  579. line-height: 100%;
  580. text-align:center;
  581. padding-top: 10px;
  582. padding-bottom: 10px;
  583. position: absolute;
  584. left: 0px;
  585. font-size: 10px;
  586. text-transform: uppercase;
  587. }
  588.  
  589. ul.topiclist.forums li.row {
  590. width: 50%;
  591. display: inline-block;
  592. height: 250px;
  593. position: relative;
  594. overflow: hidden;
  595. }
  596.  
  597. .forabg ul.forums li.row dd.topics {
  598. background: #230c17;
  599. position: absolute;
  600. line-height: 100%;
  601. padding-top: 5px;
  602. padding-bottom: 6px;
  603. top: 40px;
  604. right: 18px;
  605. width: 59px;
  606. text-align: center;
  607. color: #9E8A59;
  608. font-weight: bold;
  609. }
  610.  
  611. .forabg ul.forums li.row dd.posts {
  612. background: #230c17;
  613. position: absolute;
  614. padding-top: 5px;
  615. padding-bottom: 6px;
  616. line-height: 100%;
  617. font-weight: bold;
  618. top: 77px;
  619. right: 18px;
  620. width: 59px;
  621. text-align: center;
  622. color: #9E8A59;
  623. }
  624.  
  625. .forabg ul.forums li.row dd.topics::after {
  626. content: "Topics";
  627. display: block;
  628. text-transform: uppercase;
  629. font-size: 9px;
  630. }
  631. .forabg ul.forums li.row dd.posts::after {
  632. content: "Posts";
  633. display: block;
  634. text-transform: uppercase;
  635. font-size: 9px;
  636. }
  637. .forabg ul.forums li.row dd.lastpost {
  638. width: 400px;
  639. padding: 0px;
  640. position: absolute;
  641. text-transform: uppercase;
  642. bottom: 10px;
  643. background: #230c17;
  644. padding-top: 10px;
  645. padding-bottom: 10px;
  646. line-height: 100%;
  647. font-size: 10px;
  648. }
  649.  
  650. .forabg li.row dd.lastpost a {
  651. margin: 3px;
  652. }
  653.  
  654. .forabg li.row dd.lastpost img {
  655. margin-left: -3px;
  656. }
  657.  
  658. dd.lastpost span.color-groups {
  659. float: none;
  660. display: inline-block;
  661. }
  662.  
  663. dd.lastpost br {
  664. display: none;
  665. }
  666. /*Basics*/
  667. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  668. background: #341319;
  669. border: transparent;
  670. color: #9E8A59;
  671. display: inline-block;
  672. outline: medium none;
  673. padding:5px;
  674. font-family:calibri;
  675. text-transform:uppercase;
  676. font-size:11px;
  677. font-weight: 700;
  678. border-radius: 0px;
  679. }
  680.  
  681. .button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  682. background: #341319;
  683. border: transparent;
  684. color: #9E8A59;
  685. display: inline-block;
  686. outline: medium none;
  687. padding:5px;
  688. font-family:calibri;
  689. text-transform:uppercase;
  690. font-size:11px;
  691. font-weight: 700;
  692. border-radius: 0px;
  693. }
  694.  
  695. ul#picture_legend li, ul#privmsgs-menu li {
  696. display:none;
  697. }
  698.  
  699. p.right.rightside + p {
  700. display:none;
  701. }
  702. p.rightside {
  703. display: none;
  704. }
  705. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  706. display: block;
  707. }
  708.  
  709. p em {
  710. font-style: normal;
  711. color: transparent;
  712. }
  713.  
  714. a.forumtitle:hover {
  715. text-decoration: none;
  716. }
  717.  
  718.  
  719. .forabg li.header dd.posts {
  720. display: none;
  721. }
  722.  
  723. .forabg li.header dd.topics {
  724. display: none;
  725. }
  726.  
  727. li.header dl.icon dd.lastpost{
  728. display: none;
  729. }
  730. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  731. border-color: transparent !important;
  732. }
  733.  
  734. .mainmenu[href="/memberlist"] {
  735. margin-right: -5px;
  736. }
  737.  
  738. .mainmenu[href="/"] {
  739. margin-right: -15px;
  740. }
  741.  
  742.  
  743. div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
  744. display: none;
  745. }
  746.  
  747. p.page-bottom + div.h3{
  748. border: none;
  749. }
  750.  
  751. #cp-main .panel.sig {
  752. background-color: transparent;
  753. }
  754.  
  755. .forabg li.header dd.dterm {
  756. text-align: center;
  757. width: 100%;
  758. }
  759.  
  760. #search-box {
  761. display:none;
  762. }
  763. .search-box { visibility: hidden; }
  764. .mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"],.mainmenu[href="/groups"] {
  765. display: none;
  766. color: transparent; font-size: 0px;
  767. }
  768.  
  769. p.page-bottom + .h3 {
  770. display: none;
  771. color: transparent; font-size: 0px;
  772. }
  773.  
  774. /* latin-ext */
  775. @font-face {
  776. font-family: 'Great Vibes';
  777. font-style: normal;
  778. font-weight: 400;
  779. src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  780. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  781. }
  782. /* latin */
  783. @font-face {
  784. font-family: 'Great Vibes';
  785. font-style: normal;
  786. font-weight: 400;
  787. src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  788. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  789. }
  790.  
  791. .chatbox-title, .chatbox-title a.chat-title {
  792. font-family: Calibri;
  793. font-weight: 700;
  794. font-size: 12px;
  795. text-transform: uppercase;
  796. color: #e7ebe3;
  797. margin-top: 5px;
  798. margin-left: 5px;
  799. }
  800. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  801. font-family: calibri;
  802. font-size: 12px;
  803. text-transform: uppercase;
  804. font-weight: 700;
  805. color: #e7ebe3;
  806. }
  807. #chatbox_header{background: #230c17;}
  808. #chatbox_footer{background: #230c17;}
  809. .chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  810. font-size:12px;
  811. font-family: calibri;
  812. color: #e7ebe3;
  813. }
  814. #chatbox_footer label {
  815. font-family: calibri;
  816. font-size: 12px;
  817. font-weight: 700;
  818. text-transform: uppercase;
  819. color: #e7ebe3;
  820. }
  821. #chatbox_members{
  822. font-size: 13px;
  823. font-family: calibri;
  824. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement