Advertisement
Hardrockdesign

Fully CSS

Aug 14th, 2015
1,250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
  1. #wrap {
  2. max-width: 840px;
  3. min-width: 840px;
  4. border: 45px solid #72cacc;
  5. background: #ebebed;
  6. }
  7.  
  8. #profile-advanced-right .module {font-size: 0px;}
  9.  
  10. #profile-advanced-layout #tabs #new-message-link {
  11. top: 50px;
  12. }
  13.  
  14. #tabs .activetab a span {padding-bottom: 4px;}
  15.  
  16. #tabs a span {
  17. width: 78px;
  18. overflow: hidden;
  19. text-align: center;
  20. margin-right: 2px;
  21. line-height: 100%;
  22. font-family: Georgia;
  23. font-style: italic;
  24. padding-bottom: 4px;
  25. border-bottom: 1px solid #6b6b6b;
  26. font-weight: normal;
  27. }
  28.  
  29. #profile-advanced-layout #tabs {
  30. margin-left: 30px;
  31. text-align: center;
  32. }
  33.  
  34. #profile-advanced-details .stats-field legend {
  35. background: #f2f2f2;
  36. padding-top: 5px;
  37. display: block;
  38. margin-left: -10px;
  39. width: 100%;
  40. padding-left: 10px;
  41. padding-right: 10px;
  42. }
  43.  
  44. #profile-advanced-details .stats-field {background: #f2f2f2; padding-top: 8px; margin-bottom: 5px;}
  45.  
  46. #profile-tab-field-profil dl dt {
  47. color: #72cacc;
  48. font-style: italic;
  49. font-family: Georgia;
  50. font-size: 11px;
  51. width: 50%;
  52. }
  53.  
  54. #cp-main h1 {font-style: italic; font-family: Georgia;}
  55.  
  56. #profile-tab-field-profil dl {background: #f2f2f2; margin: 0px; padding-left: 10px;}
  57.  
  58. #profile-tab-field-profil dl img {border-radius: 100px;}
  59.  
  60. #profile-tab-field-profil div.separator {border-bottom: transparent; padding-top: 5px;}
  61.  
  62. #profile-advanced-right .h3 {
  63. display: none;
  64. }
  65.  
  66. #page-footer, div.navbar, div.navbar ul.linklist {
  67. color: #ebebed;
  68. font-weight: bold;
  69. }
  70.  
  71. .desc-link {
  72. background: #f2f2f2;
  73. width: 100px;
  74. padding-top:7px;
  75. height: 93px;
  76. overflow: hidden;
  77. border-radius: 100px;
  78. opacity: 0; transition:1s;
  79. }
  80.  
  81. .desc-link:hover {transition: 1s; opacity:1;}
  82.  
  83. .desc-link a {
  84. width: 100%;
  85. padding-bottom: 3px;
  86. border-bottom: 1px solid #6b6b6b;
  87. line-height: 100%;
  88. text-align: center;
  89. display: block;
  90. padding-top: 5px;
  91. font-style: italic;
  92. font-family: Georgia;
  93. font-size: 10px;
  94. }
  95.  
  96. .desc-foto2 {
  97. width: 100px;
  98. position: relative;
  99. overflow: hidden;
  100. height: 100px;
  101. border-radius: 100px;
  102. border: 5px solid #edeb5a;
  103. }
  104.  
  105. .desc-texto2 a {
  106. width: 100%;
  107. padding-bottom: 3px;
  108. border-bottom: 1px solid #6b6b6b;
  109. line-height: 100%;
  110. display: block;
  111. padding-top: 5px;
  112. font-style: italic;
  113. font-family: Georgia;
  114. font-size: 10px;
  115. }
  116.  
  117. .desc-texto2 {
  118. padding-left: 8px;
  119. padding-right: 8px;
  120. height: 107px;
  121. width: 150px;
  122. text-align: center;
  123. line-height: 100%;
  124. font-size: 10px;
  125. border-right: 1px solid #6b6b6b;
  126. border-bottom: 1px solid #6b6b6b;
  127. border-top: 1px solid #6b6b6b;
  128. overflow-y: auto;
  129. overflow-x: hidden;
  130. }
  131.  
  132. .desc-texto1 {
  133. padding: 8px;
  134. height: 91px;
  135. width: 150px;
  136. text-align: justify;
  137. line-height: 100%;
  138. font-size: 10px;
  139. border-right: 1px solid #6b6b6b;
  140. border-bottom: 1px solid #6b6b6b;
  141. border-top: 1px solid #6b6b6b;
  142. overflow-y: auto;
  143. overflow-x: hidden;
  144. }
  145.  
  146. .desc-foto {
  147. width: 100px;
  148. height: 100px;
  149. border-radius: 100px;
  150. border: 5px solid #edeb5a;
  151. }
  152.  
  153. dl.spoiler {
  154. font-size: 1em;
  155. padding: 3px;
  156. border-top: 0px;
  157. border-bottom: 0px;
  158. color: #6b6b6b;
  159. letter-spacing:1px;
  160. }
  161.  
  162. blockquote {
  163. border-top: transparent;
  164. border-left: 3px solid #6b6b6b;
  165. border-bottom: 0px;
  166. padding-left: 10px;
  167. color: #6b6b6b;
  168. font-size: 12px;
  169. -moz-border-radius: 0px;!important;
  170. border-radius: 0px;!important;
  171. font-family: calibri; !important;
  172. line-height:100%;
  173. font-style: none !important;
  174. letter-spacing:1px;
  175. width: 400px;
  176. border-right: transparent;
  177. }
  178.  
  179. dl.codebox {
  180. border: 1px solid #6b6b6b;
  181. font-size: 12px;
  182. padding: 3px;
  183. color: #6b6b6b;
  184. font-family: calibri;
  185. }
  186.  
  187. .content blockquote {
  188. font-size: 12px;
  189. font-family: calibri;
  190. }
  191. .spoiler_content.hidden {
  192. font-size: 12px;
  193. font-family: calibri;
  194. color: #6b6b6b;
  195. }
  196. dl.codebox code {
  197. color: #6b6b6b;
  198. display: block;
  199. letter-spacing: 1px;
  200. font-family: calibri;
  201. font-size: 12px;
  202. font-style: normal;
  203. font-variant: normal;
  204. font-weight: normal;
  205. height: auto;
  206. line-height: 1.3em;
  207. margin: 2px 0;
  208. max-height: 200px;
  209. overflow: auto;
  210. padding-top: 5px;
  211. border:none;
  212. white-space: no;
  213. -moz-border-radius: 0px;
  214. }
  215.  
  216. dl.codebox dt {
  217. border:none;
  218. display: block;
  219. font-style: italic;
  220. font-family: Georgia;
  221. color: #eee;
  222. text-transform: none;
  223. background: #72cacc;
  224. font-size: 12px;
  225. font-weight: 400;
  226. margin-bottom: 0px;
  227. text-align:center;
  228. }
  229.  
  230. .postprofile .field-icono .label {display: none;}
  231.  
  232. .postprofile .field-icono img {width: 120px; height: 120px;}
  233.  
  234. .postprofile .datos-perfil .info {
  235. width: 170px;
  236. margin-top: 2px;
  237. background: #f2f2f2;
  238. margin-left: 15px;
  239. line-height: 100%;
  240. text-align: center;
  241. font-size: 10px;
  242. font-weight: bold;
  243. padding-top: 2px;
  244. padding-bottom: 2px;
  245. }
  246.  
  247. .postprofile span.label {color: #72cacc;}
  248.  
  249. .postprofile .datos-perfil img {
  250. border: 5px solid #f2f2f2;
  251. border-radius: 120px;
  252. }
  253.  
  254. .postprofile .datos-perfil {
  255. top: 25px;
  256. position: absolute;
  257. right: -200px;
  258. padding-top: 15px;
  259. padding-bottom: 15px;
  260. overflow-y: auto;
  261. overflow-x:hidden;
  262. width: 200px;
  263. height: 320px;
  264. transition: 1s;
  265. background-color:rgba(242, 242, 242, 0.5);
  266. }
  267.  
  268. .postprofile:hover .datos-perfil {
  269. top: 25px;
  270. position: absolute;
  271. right: 0px;
  272. width: 200px;
  273. transition: 1s;
  274. background-color:rba(242, 242, 242, 0.5);
  275. }
  276.  
  277. .postprofile {
  278. height:495px;
  279. font-style: normal;
  280. overflow: hidden;
  281. position: relative;
  282. width: 200px;
  283. margin-right: 30px;
  284. }
  285.  
  286. .postprofile .usuario {
  287. position: absolute;
  288. top: 0px;
  289. display: block;
  290. width: 200px;
  291. font-family: Georgia;
  292. font-weight: normal;
  293. text-align: center;
  294. font-size: 12px;
  295. font-style: italic;
  296. }
  297.  
  298. .postprofile .usuario a:hover {text-decoration: none;}
  299.  
  300. .postprofile .avatar img {width: 200px; height: auto;}
  301.  
  302. .postprofile .avatar {
  303. position: absolute;
  304. top: 25px;
  305. width: 200px;
  306. }
  307.  
  308. .postprofile .rango {
  309. width: 200px;
  310. position: absolute;
  311. bottom: 40px;
  312. }
  313.  
  314. .postprofile .contacto {
  315. width: 200px;
  316. bottom: 0px;
  317. position: absolute;
  318. }
  319.  
  320. ::-webkit-scrollbar {background-color: #f2f2f2; height:8px; width:8px}
  321. ::-webkit-scrollbar-thumb {background-color: #edeb5a;}
  322.  
  323. .postbody {
  324. width: 550px;
  325. text-align: justify;
  326. }
  327.  
  328. .pathname-box, .pagination {font-weight: bold;}
  329. .pathname-box {font-size: 10px;}
  330.  
  331. .postbody .topic-title a {
  332. color: #6B6B6B;
  333. display: block;
  334. font-family: Georgia;
  335. font-size: 14px;
  336. font-style: italic;
  337. font-weight: 400;
  338. }
  339.  
  340. .h3 a {color: #eee;}
  341.  
  342. .h3 {
  343. background: #86a258;
  344. font-family: Georgia;
  345. font-size: 14px;
  346. color: #eee;
  347. font-weight: normal;
  348. font-style: italic;
  349. line-height: 100%;
  350. width: 830px;
  351. margin: 5px;
  352. padding-bottom: 20px;
  353. padding-top: 20px;
  354. text-align: center;
  355. text-transform: none;
  356. }
  357.  
  358. h1.page-title a {
  359. line-height: 100%;
  360. font-family: Georgia;
  361. font-style: italic;
  362. font-size: 15px;
  363. color: #eee;
  364. width: 530px;
  365. text-transform: none;
  366. display: block;
  367. margin-left: 125px;
  368. background: #72cacc;
  369. padding: 15px;
  370. }
  371.  
  372. h1.page-title {
  373. line-height: 100%;
  374. margin: 5px;
  375. font-weight: normal;
  376. padding-top: 20px;
  377. width: 830px;
  378. font-family: Georgia;
  379. font-style: italic;
  380. color: #eee;
  381. font-size: 15px;
  382. padding-bottom: 20px;
  383. text-align: center;
  384. background: #edeb5a;
  385. }
  386.  
  387. ul#picture_legend {font-family: Georgia; font-style: italic; font-size: 11px;}
  388.  
  389. ul#picture_legend img {margin-right: 8px;}
  390.  
  391. input#submit_button {height: 25px; background: #f2f2f2; border: transparent; border-radius: 0px; margin-left: 7px;}
  392.  
  393. #chatbox .user + .msg span {
  394. color: #000 !important;
  395. }
  396.  
  397. .chatbox-title, .chatbox-title a.chat-title {
  398. font-family: Georgia;
  399. font-weight: normal;
  400. font-size: 14px;
  401. text-transform: none;
  402. font-style: italic
  403. color: #e7ebe3;
  404. margin-top: 5px;
  405. margin-left: 5px;
  406. }
  407. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  408. font-family: calibri;
  409. font-size: 11px;
  410. text-transform: uppercase;
  411. font-weight: 700;
  412. color: #e7ebe3;
  413. }
  414. #chatbox_header{background-color: #72cacc;}
  415. #chatbox_footer{background-color: #72cacc;}
  416. .chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  417. font-size:12px;
  418. font-family: calibri;
  419. color: #000;
  420. }
  421. #chatbox_footer label {
  422. font-family: calibri;
  423. font-size: 11px;
  424. font-weight: 700;
  425. text-transform: uppercase;
  426. color: #e7ebe3;
  427. }
  428. #chatbox_members{
  429. font-size: 13px;
  430. font-family: calibri;
  431. }
  432.  
  433. .grupos {
  434. background: #f2f2f2;
  435. padding: 10px;
  436. position: absolute;
  437. color: #f2f2f2;
  438. font-style: italic;
  439. font-family: Georgia;
  440. font-size: 13px;
  441. border-bottom: 10px solid #86a258;
  442. left: 5px;
  443. width: 810px;
  444. height: 50px;
  445. line-height: 110%;
  446. bottom: 0px;
  447. margin-top: 20px;
  448. }
  449.  
  450. .enlinea a {
  451. font-family: Georgia;
  452. font-style: italic;
  453. }
  454.  
  455. .enlinea {
  456. width: 480px;
  457. padding: 10px;
  458. top: 54px;
  459. height: 119px;
  460. left: 5px;
  461. background: #f2f2f2;
  462. position: absolute;
  463. overflow-y: auto;
  464. overflow-x: hidden;
  465. font-size: 11px;
  466. }
  467.  
  468. .stadis {
  469. right: 5px;
  470. top: 49px;
  471. position: absolute;
  472. }
  473.  
  474. .estadis {
  475. width: 320px;
  476. text-align: center;
  477. display: block;
  478. margin-top: 5px;
  479. line-height: 100%;
  480. padding-top: 10px;
  481. padding-bottom: 10px;
  482. font-style: italic;
  483. font-size: 11px;
  484. font-family: Georgia;
  485. font-weight: normal;
  486. text-transform: none;
  487. background: #f2f2f2;
  488. }
  489.  
  490. .estad {
  491. position: relative;
  492. height: 275px;
  493. margin-top: 40px;
  494. padding: 5px;
  495. }
  496.  
  497. .titulo-estad2 {
  498. position: absolute;
  499. top: 0px;
  500. left: 5px;
  501. width: 500px;
  502. text-align: center;
  503. line-height: 100%;
  504. padding-top: 20px;
  505. padding-bottom: 20px;
  506. font-style: italic;
  507. font-size: 14px;
  508. font-family: Georgia;
  509. font-weight: normal;
  510. text-transform: none;
  511. background: #86a258;
  512. }
  513.  
  514. .titulo-estad2 a, .titulo-estad a {color: #eee;}
  515.  
  516. .titulo-estad {
  517. position: absolute;
  518. top: 0px;
  519. right: 5px;
  520. width: 320px;
  521. text-align: center;
  522. line-height: 100%;
  523. padding-top: 20px;
  524. padding-bottom: 20px;
  525. font-style: italic;
  526. font-size: 14px;
  527. font-family: Georgia;
  528. font-weight: normal;
  529. text-transform: none;
  530. background: #86a258;
  531. }
  532.  
  533. a.forumtitle {
  534. margin-left: 60px;
  535. display: block;
  536. font-weight: normal;
  537. font-family: Georgia;
  538. font-size: 14px;
  539. margin-top: 10px;
  540. color: #6B6B6B;
  541. font-style: italic;
  542. }
  543.  
  544. ul.forums li.row dd.dterm {
  545. height: 150px;
  546. }
  547.  
  548. ul.forums li.row {
  549. position: relative;
  550. height: 150px;
  551. overflow: hidden;
  552. }
  553. .forabg ul.forums li.row dd.topics {
  554. position: absolute;
  555. font-style: italic;
  556. font-family: Georgia;
  557. right: 184px;
  558. background: #86a258;
  559. width: 120px;
  560. color: #eee;
  561. line-height: 100%;
  562. padding-top: 5px;
  563. text-align: center;
  564. padding-bottom: 5px;
  565. top: 40px;
  566. }
  567.  
  568. ul.forums {padding-bottom: 20px;}
  569.  
  570. .forabg ul.forums li.row dd.posts {
  571. position: absolute;
  572. font-family: Georgia;
  573. background: #86a258;
  574. color: #eee;
  575. font-style: italic;
  576. width: 120px;
  577. line-height: 100%;
  578. padding-top: 5px;
  579. text-align: center;
  580. top: 70px;
  581. padding-bottom: 5px;
  582. right: 184px;
  583. }
  584.  
  585. .forabg ul.forums li.row dd.lastpost a {
  586. font-style: italic;
  587. font-family: Georgia;
  588. }
  589.  
  590. .forabg ul.forums li.row dd.lastpost {
  591. position: absolute;
  592. right: 40px;
  593. top: 40px;
  594. height: 70px;
  595. width: 120px;
  596. }
  597.  
  598. .forabg ul.forums li.row dd.topics::after {
  599. content: "Temas";
  600. display: inline-block;
  601. font-family: Georgia;
  602. font-style: italic;
  603. font-size: 10px;
  604. line-height: 100%;
  605. }
  606. .forabg ul.forums li.row dd.posts::after {
  607. content: "Mensajes";
  608. display: inline-block;
  609. font-family: Georgia;
  610. font-style: italic;
  611. font-size: 10px;
  612. line-height: 100%;
  613. }
  614.  
  615. #main-content ul.linklist {
  616. font-weight: bold;
  617. padding-left: 10px;
  618. padding-right: 10px;
  619. }
  620.  
  621. ul.forums {
  622. background: #f2f2f2;
  623. border-bottom: 10px solid #72cacc;
  624. }
  625.  
  626. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  627. background: #72cacc;
  628. border: transparent;
  629. color: #000;
  630. font-family: georgia;
  631. font-style: italic;
  632. display: inline-block;
  633. outline: medium none;
  634. padding:4px;
  635. font-size:10px;
  636. border-radius: 0px;
  637. }
  638.  
  639. .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 {
  640. background: #72cacc;
  641. border: transparent;
  642. color: #000;
  643. font-family: georgia;
  644. font-style: italic;
  645. display: inline-block;
  646. outline: medium none;
  647. padding:4px;
  648. font-size:10px;
  649. border-radius: 0px;
  650. }
  651.  
  652. .table-title h2::after {
  653. content: '★';
  654. font-style: normal;
  655. display: inline-block;
  656. margin-left: 20px;
  657. }
  658.  
  659. .table-title h2::before {
  660. content: '★';
  661. font-style: normal;
  662. display: inline-block;
  663. margin-right: 20px;
  664. }
  665.  
  666. .table-title h2 {
  667. line-height: 100%;
  668. font-family: Georgia;
  669. font-style: italic;
  670. font-size: 15px;
  671. color: #eee;
  672. width: 500px;
  673. text-transform: none;
  674. display: block;
  675. margin-left: 140px;
  676. background: #72cacc;
  677. padding: 15px;
  678. }
  679.  
  680. li.header {
  681. line-height: 100%;
  682. padding-top: 20px;
  683. padding-bottom: 20px;
  684. text-align: center;
  685. background: #edeb5a;
  686. }
  687.  
  688. input#keywords.inputbox.search {
  689. background: transparent;
  690. border: 1px solid #6b6b6b;
  691. margin-right: 10px;
  692. }
  693.  
  694.  
  695. input#search_keywords.inputbox.search.tiny {
  696. background: transparent;
  697. font-size: 11px;
  698. border: 1px solid #6b6b6b;
  699. margin-right: 10px;
  700. }
  701.  
  702. ul.navlinks {
  703. margin-top: -12px;
  704. width: 840px;
  705. margin-left: -10px;
  706. }
  707.  
  708. a.mainmenu {
  709. display: inline-block;
  710. margin-right: -4px;
  711. line-height: 100%;
  712. color: #eee;
  713. background: #86a258;
  714. width: 80px;
  715. font-family: georgia;
  716. font-style: italic;
  717. font-weight: normal;
  718. padding: 10px 4px 10px 4px;
  719. font-size: 10px;
  720. }
  721.  
  722. #logo-desc img {
  723. margin-left: -15px;
  724. margin-top: -10px;
  725. }
  726.  
  727. #left {display: none;}
  728.  
  729. /*Quitar subrayado del título de subforo al pasar el ratón*/
  730. a.forumtitle:hover {
  731. text-decoration: none;
  732. }
  733.  
  734. /*Eliminar la parte de Leyenda: [] e itálica de los grupos*/
  735. p em {
  736. font-style: normal;
  737. color: transparent;
  738. }
  739.  
  740. /*Quitar las palabras: Temas, Mensajes, etc de la barra de categoría*/
  741. .forabg li.header dd.posts {
  742. display: none;
  743. }
  744.  
  745. .forabg li.header dd.topics {
  746. display: none;
  747. }
  748.  
  749. li.header dl.icon dd.lastpost{
  750. display: none;
  751. }
  752.  
  753. /*Quitar el borde azul bajo la caja de edición de la firma*/
  754. #cp-main .panel.sig {
  755. background-color: transparent;
  756. }
  757.  
  758. /*Quitar el borde blanco de las cajas de edición*/
  759. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  760. border-color: transparent !important;
  761. }
  762.  
  763. /*Eliminar la señal de la fecha y última visita en el índice*/
  764. p.right.rightside + p {
  765. display:none;
  766. }
  767. p.rightside {
  768. display: none;
  769. }
  770. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  771. display: block;
  772. }
  773.  
  774. /*Quitar el apartado de información sobre el chatbox a pie de foro en el índice*/
  775. div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
  776. display:none;
  777. }
  778.  
  779. /*Código para centrar el título de la categoría o ponerla en el lado que quieras*/
  780.  
  781. .forabg li.header dd.dterm {
  782. width: 100%;
  783. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement