Advertisement
Hardrockdesign

CSS Halloween

Apr 5th, 2015
562
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
  1. #wrap {
  2. min-width: 800px;
  3. max-width: 800px;
  4. background: #000000;
  5. border: 35px solid #332244;
  6. margin-top: -15px;
  7. margin-bottom: -15px;
  8. outline: 10px solid #000000;
  9. outline-offset: -20px;
  10. }
  11. .inputbox{
  12. border-color: transparent !important;
  13. }
  14.  
  15. #cp-main .panel.sig {
  16. background: transparent;
  17. }
  18. .user_login_form {
  19. display: none;
  20. }
  21. #logo-desc {
  22. margin-left: -10px;
  23. margin-top: -5px;
  24. }
  25. #comments_scroll_container {
  26. height: 140px;
  27. }
  28. #page-body ul.linklist a {
  29. font-weight: 700;
  30. text-shadow: 1px 2px 0px #000000;
  31. }
  32.  
  33. a.nav {
  34. text-transform: uppercase;
  35. background: #332244;
  36. padding: 3px;
  37. font-size: 9px;
  38. }
  39.  
  40. a.mainmenu {
  41. display: block;
  42. background: #9AA8C0;
  43. width: 80px;
  44. padding-top: 30px;
  45. padding-bottom: 34px;
  46. line-height: 100%;
  47. border-radius: 40px;
  48. text-align: center;
  49. opacity: 0.8;
  50. height: 10px;
  51. margin-bottom: -19px;
  52. color: #000000;
  53. }
  54.  
  55. ul.linklist.navlinks {
  56. margin-left: 700px;
  57. position: absolute;
  58. top: 40px;
  59. }
  60.  
  61. #left {
  62. display: none;
  63. }
  64.  
  65. #chatbox_header{background-color: #332244;}
  66. #chatbox_footer{background-color: #332244;}
  67. #site-title {
  68. font-family: Berkshire Swash;
  69. font-size: 50px;
  70. position: absolute;
  71. color: #9AA8C0;
  72. top: 80px;
  73. transform: rotate(-20deg);
  74. margin-left: 120px;
  75. -webkit-text-stroke-color: #000000;
  76. -webkit-text-stroke-width: 1px;
  77. }
  78. #site-title, #site-title h1 {
  79. font-size: 50px;
  80. }
  81. ul.forums {
  82. background: #332244;
  83. }
  84.  
  85. ul.topiclist.topics.bg_none {
  86. background: #332244;
  87. }
  88.  
  89. h1.page-title {
  90. background:-webkit-linear-gradient(#9AA8C0, #6C7DA8);
  91. font-family: Berkshire Swash;
  92. font-size: 30px;
  93. color: #000000;
  94. text-transform: none;
  95. text-align: center;
  96. padding-top: 20px;
  97. padding-bottom: 20px;
  98. }
  99. h1.page-title a {
  100. color: #000000;
  101. }
  102. li.header {
  103. background:-webkit-linear-gradient(#9AA8C0, #6C7DA8);
  104. padding-top: 30px;
  105. }
  106.  
  107. .h3 {
  108. background:-webkit-linear-gradient(#9AA8C0, #6C7DA8);
  109. font-family: Berkshire Swash;
  110. font-size: 30px;
  111. color: #000000;
  112. text-transform: none;
  113. text-align: center;
  114. padding-top: 5px;
  115. padding-bottom: 5px;
  116. }
  117.  
  118. .h3 a {
  119. color: #000000;
  120. }
  121.  
  122. ul.topics li.header dl.icon dt {
  123. padding-left: 8px;
  124. }
  125. .module .h3 {
  126. font-size: 0px;
  127. }
  128. .postprofile {
  129. background: #000000;
  130. width: 175px;
  131. padding-bottom: 10px;
  132. outline: 2px solid #332244;
  133. outline-offset: -4px;
  134. margin-top: 50px;
  135. }
  136. .postbody .topic-title {
  137. text-align: center;
  138. width: 800px;
  139. display: inline-block;
  140. font-family: Berkshire Swash;
  141. font-size: 20px;
  142. position: relative;
  143. top: -42px;
  144. }
  145. .postprofile dt img {
  146. margin-top: 10px;
  147. }
  148.  
  149. .postprofile dt strong {
  150. min-width: 160px;
  151. max-width: 160px;
  152. font-family: Berkshire Swash;
  153. text-align: center;
  154. font-size: 15px;
  155. display: block;
  156. margin-top: 10px;
  157. }
  158.  
  159. .postbody ul.profile-icons {
  160. width: 220px;
  161. background: #000000;
  162. position: relative;
  163. left: -322px;
  164. bottom: -10px;
  165. border-radius: 15px 0px 0px 15px;
  166. }
  167.  
  168. .postbody p.author {
  169. text-align: center;
  170. width: 540px;
  171. background: #000000;
  172. padding: 5px;
  173. right: -224px;
  174. position: relative;
  175. border-radius: 0px 15px 15px 0px;
  176. top: -45px;
  177. }
  178.  
  179. .postprofile dd {
  180. text-align: left;
  181. font-variant: small-caps;
  182. font-size: 11px;
  183. }
  184.  
  185. .post {
  186. background: #332244;
  187. margin-top: -10px;
  188. margin-bottom: 15px;
  189. }
  190.  
  191. .postbody .content {
  192. font-size: 14px;
  193. text-align: justify;
  194. background: #000000;
  195. padding: 20px;
  196. width: 550px;
  197. outline: 2px solid #332244;
  198. outline-offset: -4px;
  199. margin-top: -43px;
  200. }
  201.  
  202. .pathname-box p {
  203. background: #000000;
  204. text-transform: lowercase;
  205. font-family: calibri;
  206. font-weight: 700;
  207. padding: 10px;
  208. }
  209.  
  210. .forabg li.header dd.topics, .forabg li.header dd.posts, .forabg li.header dd.lastpost {
  211. background: #000000;
  212. right: -480px;
  213. position: relative;
  214. text-align: center;
  215. padding: 2x;
  216. color: #6C7DA8;
  217. text-transform: lowercase;
  218. font-family: calibri;
  219. font-weight: 700;
  220. }
  221. .forabg li.header dd.lastpost {
  222. width: 120px;
  223. }
  224. .table-title h2 {
  225. font-family: Berkshire Swash;
  226. font-size: 30px;
  227. color: #000000;
  228. text-transform: none;
  229. padding-left: 20px;
  230. }
  231. .forabg li.header dd.dterm {
  232. width: 100%;
  233. }
  234.  
  235. .forabg ul.topiclist.forums li.row dd.dterm {
  236. height: 140px;
  237. width: 465px;
  238. }
  239.  
  240. a.forumtitle {
  241. display: block;
  242. width: 245px;
  243. background: #000000;
  244. text-align: center;
  245. position: relative;
  246. right: -430px;
  247. top: 93px;
  248. padding-top: 7px;
  249. padding-bottom: 7px;
  250. font-family: Pathway Gothic One;
  251. text-transform: uppercase;
  252. font-size: 15px;
  253. }
  254.  
  255. a.forumtitle:hover {
  256. text-decoration: none;
  257. }
  258.  
  259. .forabg li.row dd.topics {
  260. width: 60px;
  261. padding-top: 30px;
  262. height: 60px;
  263. background:#000000;
  264. font-family: calibri;
  265. font-size: 12px;
  266. font-style: normal;
  267. font-variant: normal;
  268. font-weight: 800;
  269. letter-spacing: 1px;
  270. text-align: center;
  271. margin-left: 5px;
  272. margin-top: 0px;
  273. color: #6C7DA8;
  274. }
  275.  
  276. .forabg li.row dd.posts {
  277. width: 60px;
  278. padding-top: 30px;
  279. height: 60px;
  280. background:#000000;
  281. color: #6C7DA8;
  282. font-family: calibri;
  283. font-size: 12px;
  284. font-style: normal;
  285. font-variant: normal;
  286. font-weight: 800;
  287. letter-spacing: 1px;
  288. text-align: center;
  289. margin-left: 3px;
  290. margin-top: 0px;
  291. }
  292.  
  293. .forabg li.row dd.lastpost {
  294. width: 115px;
  295. padding-top: 15px;
  296. height: 75px;
  297. background:#000000;
  298. color: #6C7DA8;
  299. font-family: calibri;
  300. font-size: 11px;
  301. font-style: normal;
  302. font-variant: normal;
  303. font-weight: 800;
  304. text-align: center;
  305. margin-left: 3px;
  306. margin-top: 0px;
  307. }
  308.  
  309. dd.lastpost span.color-groups {
  310. float: none;
  311. }
  312.  
  313. .img-whois {
  314. width: 0px;
  315. height: 0px;
  316. }
  317.  
  318. #page-footer .navbar {
  319. background: #332244;
  320. margin-left: -5px;
  321. padding: 10px;
  322. width: 790px;
  323. color: #332244;
  324. }
  325.  
  326. #page-footer .navbar a {
  327. color: #000000;
  328. }
  329.  
  330. #i_whosonline + p a span strong {
  331. font-family: Berkshire Swash;
  332. font-size: 15px;
  333. }
  334.  
  335. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  336. background:#332244;
  337. border: transparent;
  338. color: #ffffff;
  339. display: inline-block;
  340. outline: medium none;
  341. padding:5px;
  342. text-transform:uppercase;
  343. font-size: 9px;
  344. font-weight: 400;
  345. letter-spacing: 2px;
  346. font-family: calibri;
  347. }
  348.  
  349. .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 {
  350. background:#332244;
  351. border: transparent;
  352. color: #ffffff;
  353. display: inline-block;
  354. outline: medium none;
  355. padding:5px;
  356. text-transform:uppercase;
  357. font-size: 9px;
  358. font-weight: 400;
  359. letter-spacing: 2px;
  360. font-family: calibri;
  361. }
  362.  
  363. #stats {
  364. width: 95%;
  365. margin: 0 auto;
  366. }
  367.  
  368. #stats .estadisc {
  369. position: relative;
  370. top: -173px;
  371. text-align: left;
  372. display: inline-block;
  373. width: 300px;
  374. height: 220px;
  375. background: #000;
  376. border: 15px solid #332244;
  377. outline: 1px solid #332244;
  378. outline-offset: 1px;
  379. border-top: transparent;
  380. padding-left: 10px;
  381. }
  382.  
  383. #stats .enlinea {
  384. overflow-y: auto;
  385. text-align: left;
  386. display: inline-block;
  387. width: 290px;
  388. height: 220px;
  389. background: #000;
  390. border: 15px solid #332244;
  391. outline: 1px solid #332244;
  392. outline-offset: 1px;
  393. border-top: transparent;
  394. padding-left: 10px;
  395. padding-right: 10px;
  396. margin-top: 40px;
  397. margin-left: 27px;
  398. margin-right: 13px;
  399. }
  400.  
  401. .enlinea #i_whosonline {
  402. width. 0px;
  403. margin: 0 -3px 0 13px!important;
  404. }
  405. p em {
  406. display: none;
  407. }
  408.  
  409. .enlinea .h3, .estadisc .h3 {
  410. background: #332244;
  411. text-align: center;
  412. font-family: Calibri;
  413. font-size: 12px;
  414. padding-bottom: 2px;
  415. text-transform: lowercase;
  416. font-weight: 700;
  417. border-bottom: none;
  418. margin-top: 0px;
  419. margin-left: -10px;
  420. color: #000000;
  421. }
  422. .enlinea .h3 {
  423. width: 310px;
  424. }
  425. .chatbox .h3 {
  426. display: none;
  427. }
  428.  
  429. .enlinea .h3 a, .estadisc .h3 a {
  430. color: #000000;
  431. }
  432.  
  433. #page-body p.page-bottom::before {
  434. content: ' ✖ ';
  435. color: rgb(45, 50, 55);
  436. }
  437.  
  438. form#forum-search {
  439. display: none;
  440. }
  441.  
  442. .mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/groups"],.mainmenu[href="/search"] {
  443. display: none;
  444. color: transparent; font-size: 0px;
  445. }
  446.  
  447. p.right.rightside + p {
  448. display:none;
  449. }
  450. p.rightside {
  451. display: none;
  452. }
  453. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  454. display: block;
  455. }
  456. #search-box {
  457. display: none;
  458. }
  459. div.page-bottom, #chatbox_popup, p.page-bottom:last-of-type + .h3 {
  460. display: none;
  461. }
  462.  
  463. ::-webkit-scrollbar-button:start:decrement,
  464. ::-webkit-scrollbar-button:end:increment {
  465. display: none;
  466. }
  467. ::-webkit-scrollbar {
  468. max-width: 7px;
  469. }
  470. ::-webkit-scrollbar-thumb {
  471. background: #52347A;
  472. -webkit-border-radius: 0px;
  473. -moz-border-radius: 0px;
  474. }
  475. ::-webkit-scrollbar-track-piece {
  476. background-color: #38353d;
  477. display:block;
  478. }
  479.  
  480. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  481. border-color: transparent !important;
  482. }
  483.  
  484. .textodesc {
  485. padding: 4px;
  486. height: 62px;
  487. text-align: justify;
  488. color: #ababab;
  489. font-family: arial;
  490. line-height: 100%;
  491. overflow: auto;
  492. font-size: 10px;
  493. }
  494.  
  495. .cajatexto {
  496. margin: 15px;
  497. margin-top: 12px;
  498. background: #332244;
  499. width: 265px;
  500. height: 90px;
  501. border: 3px double #000000;
  502. }
  503.  
  504. .basedesc {
  505. background: #000000;
  506. width: 300px;
  507. height: 120px;
  508. border: 4px solid #000000;
  509. }
  510.  
  511. .menu5 a {
  512. font-family: Calibri;
  513. display: block;
  514. width: 100px;
  515. background: #332244;
  516. text-align: center;
  517. line-height: 100%;
  518. color: #ababab;
  519. font-size: 10px;
  520. margin-bottom: 2px;
  521. text-transform: lowercase;
  522. transition: 0.8s;
  523. font-weight: 700;
  524. }
  525. #basedesc2 {
  526. margin-left: 4px;
  527. width: 100px;
  528. height: 120px;
  529. overflow: hidden;
  530. position: relative;
  531. border: 4px solid #000000;
  532. }
  533. #basedesc2 .dentrodesc {
  534. position: absolute;
  535. transform: scale(1);
  536. opacity: 1;
  537. width: 100px;
  538. height: 120px;
  539. transition: 1s;
  540. }
  541. #basedesc2:hover .dentrodesc {
  542. transform: scale(0.4);
  543. opacity: 0;
  544. transition: 1s;
  545. }
  546. /*Code, Spoiler y Quote*/
  547. dl.codebox {
  548. background-color: #332244;
  549. border: 5px double #000000;
  550. padding:5px;
  551. }
  552. .spoiler_content.hidden {
  553. color: #ababab;
  554. }
  555. dl.codebox dt {
  556. display:block;
  557. font-size:0.8em;
  558. font-weight:700;
  559. color:#ababab;
  560. text-align: center;
  561. text-transform:lowercase;
  562. font-size: 15px;
  563. font-style: italic;
  564. font-family:Berkshire Swash;
  565. padding: 5px;
  566. border-bottom: none;
  567. background: #000000;
  568. }
  569.  
  570. dl.codebox code {
  571. color:#ffffff;
  572. font-family:Calibri;
  573. font-size:11px;
  574. border-bottom:none;
  575. }
  576.  
  577.  
  578. blockquote {
  579. background-color: #29293e;
  580. border-left: 20px solid #F2992E;
  581. border-top:none;
  582. border-right: none;
  583. border-bottom: none;
  584. padding:5px;
  585. }
  586.  
  587. blockquote blockquote {
  588. background-color: #29293e;
  589. border-left: 20px solid #F2992E;
  590. border-top:none;
  591. border-right: none;
  592. border-bottom: none;
  593. padding: 5px;
  594. }
  595.  
  596. .content blockquote {
  597. color:#ababab;
  598. font-family:Calibri;
  599. font-size:11px;
  600. border-bottom: none;
  601. }
  602. /* latin-ext */
  603. @font-face {
  604. font-family: 'Berkshire Swash';
  605. font-style: normal;
  606. font-weight: 400;
  607. src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(http://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAimFprui36xQdb4y7MggwzrY.woff2) format('woff2');
  608. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  609. }
  610. /* latin */
  611. @font-face {
  612. font-family: 'Berkshire Swash';
  613. font-style: normal;
  614. font-weight: 400;
  615. src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(http://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAigNtaTcRBfShYtCVrrc7Kwc.woff2) format('woff2');
  616. 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;
  617. }
  618.  
  619. /* latin-ext */
  620. @font-face {
  621. font-family: 'Pathway Gothic One';
  622. font-style: normal;
  623. font-weight: 400;
  624. src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://fonts.gstatic.com/s/pathwaygothicone/v4/Lqv9ztoTUV8Q0FmQZzPqaBRcxZ7No-r1mAtcnpNU5cQ.woff2) format('woff2');
  625. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  626. }
  627. /* latin */
  628. @font-face {
  629. font-family: 'Pathway Gothic One';
  630. font-style: normal;
  631. font-weight: 400;
  632. src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://fonts.gstatic.com/s/pathwaygothicone/v4/Lqv9ztoTUV8Q0FmQZzPqaOYozrMDJHlx3ec1BM6nmMA.woff2) format('woff2');
  633. 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;
  634. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement