Advertisement
Hardrockdesign

CSS Batman

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