Advertisement
SweetSurrender

Problem Code

Jun 18th, 2013
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.64 KB | None | 0 0
  1. <style>
  2.  
  3. .boxforthenav {
  4. position: absolute;
  5. top: 0px;
  6. left: -50px;
  7. width: 110px;
  8. height: 400px;
  9. background-color: none;
  10. overflow: hidden;
  11. padding: 4px;
  12. }
  13.  
  14. .navlink:link, .navlink:active, .navlink:visited {
  15. display:block;
  16. width: 50px;
  17. height: 50px;
  18. padding: 5px;
  19. border: 3px solid #022D2D;
  20. background: #055151;  
  21. -webkit-border-radius:50px;
  22. -moz-border-radius:50px;  
  23. font-size:11px;
  24. line-height:50px;
  25. text-transform:lowercase;
  26. text-align: center;
  27. color: #fff;
  28. font-family:trebchet ms;
  29. -webkit-transform:rotate(0deg);
  30. -moz-transform:rotate(0deg);
  31. -o-transform:rotate(0deg);
  32. -webkit-transition: all 1s ease;
  33. -moz-transition: all 1s ease;
  34. -o-transition: all 1s ease;
  35. }
  36.  
  37. .navlink:hover {
  38. -webkit-transform:rotate(360deg);
  39. -moz-transform:rotate(360deg);
  40. -o-transform:rotate(360deg);
  41. -ms-transform:rotate(360deg);
  42. background-color: #6AA0A0;
  43. color: #fff;
  44. border: 3px solid #022D2D;
  45. -webkit-transition: all 1s ease;
  46. -moz-transition: all 1s ease;
  47. -o-transition: all 1s ease;
  48. }
  49.  </style><style>
  50. .menu2, .maintop table, .maintop, .maintop img, .heading, .leftnav, .entry_points, .comment_points, .status, .cult_menu, .created_on, .description_title, .owner_title, .permissions, .num_cult_posts, .view_expanded_posts, .threads_related, .maintop, .leftnav, .status, .created_on, .description_title, h2, .ui-widget, .view_statistics, .num_members, .view_all_cult_posts, .edit_pictures { display: none; }
  51.  
  52. html, body {
  53. background-image: url('http://i.imgur.com/Jmie1FF.jpg');
  54. background: #black;
  55. background-attachment: fixed;
  56. background-position: top left;
  57. background-repeat: repeat;
  58. }
  59.  
  60. .main {  
  61. background-color: transparent;
  62. border: none;
  63. width: 750px;  
  64. text-align: justify;    
  65. float: center;
  66. margin: 0 auto;
  67. margin-top: -2px;
  68. padding-top: 5px;
  69. padding-left: 5px;
  70. padding-right: 5px;
  71. padding-bottom: 0px;
  72. color: #F7E4C5;
  73. }
  74.  
  75. .navigation {
  76. position: relative;
  77. top: 0%;
  78. width: 100%;
  79. height: 10px;
  80. padding: 0px;
  81. background: transparent;
  82. border: none;
  83. }
  84.  
  85. .header {
  86. position: relative;
  87. width: 750px;
  88. height: 933px;
  89. background: transparent;
  90. border: 4px solid #022D2D;
  91. margin-top: 0px;
  92. margin-bottom: 2px;
  93. color: #F7E4C5;
  94. }
  95.  
  96.  
  97. .sidebar {
  98. position: fixed;
  99. top: 0px;
  100. left: 0px;
  101. width: 13%;
  102. background-color: #2D2C2C;
  103. height: 415px;
  104. box-shadow: 0px 0px 4px #000;
  105. text-align: center;
  106. padding-bottom: 4px;
  107. padding-top: -2px;
  108. border-bottom: 5px solid #C7B493;
  109. -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear}
  110.  
  111. .sidebar:hover {
  112. top: 0px;
  113. left: 0px;
  114. -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear
  115. }
  116.  
  117.  
  118. .sidebar a:link, .sidebar a:visited, .sidebar a:active {
  119. display: block;
  120. width: 140px;
  121. height: 10px;
  122. padding: 2px;
  123. margin-top: 1px;
  124. margin-bottom: 2px;
  125. margin-left: 4px;
  126. margin-right: 4px;
  127. background: #814455;
  128. border-radius: 0px 0px 10px 10px;
  129. border-right: 5px solid #DBA5B4;
  130. border-left: 5px solid #DBA5B4;
  131. opacity: 0.7;
  132. text-align: center;
  133. text-decoration: none;
  134. text-transform: uppercase;
  135. text-shadow: none;
  136. letter-spacing: 2px;
  137. font: 6pt georgia;
  138. color: #fff;
  139. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease}
  140.  
  141. .sidebar a:hover {
  142. display: block;
  143. width: 140px;
  144. height: 10px
  145. padding: 2px;
  146. margin-top: 1px;
  147. margin-bottom: 2px;
  148. margin-left: 4px;
  149. border-right: 5px solid #DBA5B4;
  150. border-left: 5px solid #DBA5B4;
  151. margin-right: 4px;
  152. background: #4C1D2A;
  153. border-radius: 0px;
  154. opacity: 1;
  155. text-align: center;
  156. text-decoration: none;
  157. text-transform: uppercase;
  158. text-shadow: none;
  159. letter-spacing: 2px;
  160. font: 6pt georgia;
  161. color: #000;
  162. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease}
  163.  
  164. #box1 {
  165. position: absolute;
  166. overflow: auto;
  167. padding: 3px;
  168. background: #2D2C2C;
  169. border: 0px solid #000;
  170. text-align: justify;
  171. top: 280px;
  172. left: 65px;
  173. width: 495px;
  174. height: 250px;
  175. color: #97bfbf;
  176. }
  177.  
  178.  
  179.  
  180. #box2 {
  181. position: absolute;
  182. overflow: auto;
  183. padding: 3px;
  184. background: #2D2C2C;
  185. border: 0px solid #000000;
  186. text-align: center;
  187. top: 280px;
  188. right: 0px;
  189. width: 190px;
  190. height: 250px;
  191. color: #97bfbf;
  192. }
  193.  
  194. #box3 {
  195. position: absolute;
  196. overflow: auto;
  197. padding: 3px;
  198. background: #2D2C2C;
  199. border: 0px solid #000000;
  200. text-align: center;
  201. top: 535px;
  202. left: 65px;
  203. width: 520px;
  204. height: 298px;
  205. color: #0C1B1B;
  206. }
  207.  
  208. #box4 {
  209. position: absolute;
  210. overflow: auto;
  211. padding: 3px;
  212. background: #2D2C2C;
  213. border: 0px solid #000000;
  214. text-align: center;
  215. top: 535px;
  216. right: 0px;
  217. width: 155px;
  218. height: 197px;
  219. color: #0C1B1B;
  220. }
  221.  
  222. #box5 {
  223. position: absolute;
  224. overflow: auto;
  225. padding: 3px;
  226. background: #2D2C2C;
  227. border: 0px solid #000000;
  228. text-align: center;
  229. top: 730px;
  230. right: 0px;
  231. width: 155px;
  232. height: 197px;
  233. color: #0C1B1B;
  234. }
  235.  
  236. #box6 {
  237. position: absolute;
  238. overflow: auto;
  239. padding: 3px;
  240. background: #2D2C2C;
  241. border: 0px solid #000000;
  242. text-align: center;
  243. top: 820px;
  244. left: 65px;
  245. width: 520px;
  246. height: 107px;
  247. color: #0C1B1B;
  248. }
  249.  
  250. .num_members {
  251. display: none;
  252. }
  253.  
  254. .navigation {
  255. position: fixed;
  256. width: 120px;
  257. top: 10px;
  258. right: 1%;
  259. height: auto;
  260. background: #404B4B;
  261. border: 1px solid #000000;
  262. text-align: center;
  263. padding: 3px 2px 2px 2px;
  264. }
  265.  
  266. .cult_members, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  267. width: 700px;
  268. background: #2D2C2C;
  269. border-bottom: 4px solid #2E7070;
  270. text-align: justify;
  271. color: #F7E4C5;
  272. }
  273.  
  274. .group_forum, .group_expanded, .new_topic {
  275. width: 700px;
  276. background: #2D2C2C;
  277. border: 4px solid #022D2D;
  278. color: #F7E4C5;
  279. }
  280.  
  281.  
  282. .forumheader {
  283. display: block;
  284. text-align: center;
  285. text-shadow: none;
  286. font-family: sans serif;
  287. text-transform: uppercase;
  288. background: #062527;
  289. border-bottom: 4px solid #3c5e5f;
  290. font-weight: lighter;
  291. padding: 0px;
  292. outline: none;
  293. font-size: 15px;
  294. letter-spacing: 6px;
  295. color: #9AD0D0;
  296. margin-bottom: 0px;
  297. margin-top: 0px;
  298. }
  299.  
  300.  
  301. .group_forum b {
  302. display: block;
  303. padding: 0px;
  304. margin: 0px;
  305. border: none;
  306. background: #2D2C2C;
  307. text-align: center;
  308. border: 2px solid #022D2D;
  309. text-decoration: none;
  310. text-transform: uppercase;
  311. text-shadow: 0px 1px 0px #000000;
  312. letter-spacing: 1px;
  313. font: 8pt Times New Roman;
  314. color: #A08E6F;
  315. }
  316.  
  317.  
  318. .subheading {
  319. padding: 0px;
  320. background: #4C1D2A;
  321. border: none;
  322. text-decoration: none;
  323. text-transform: lowercase;
  324. text-shadow: none;
  325. font: 8pt times new roman;
  326. color: #FFDAF3;
  327. }
  328.  
  329. .new_topic td, .comment_input td {
  330. border: none;
  331. }
  332.  
  333. .new_topic input, .new_topic textarea, .comment_input input, .comment_input textarea, {
  334. width: 95%;
  335. background: #2D2C2C;
  336. border-bottom: 4px solid #C7B493;
  337. text-align: justify;
  338. color: #F7E4C5;
  339. }
  340.  
  341. .group_entry {
  342. width: 700px;
  343. margin: 0px auto;
  344. background: #2D2C2C;
  345. border-bottom: 4px solid #C7B493;
  346. text-align: justify;
  347. color: #F7E4C5;
  348. }
  349.  
  350. .group_comment, .comment_input, .new_topic {
  351. width: 700px;
  352. background: #2D2C2C;
  353. border:none;
  354. border-bottom: 4px solid #C7B493;
  355. text-align: center;
  356. color: #F7E4C5;
  357. }
  358.  
  359. .comment_input { text-align: center; font-family: times new roman; font-style: none; }
  360.  
  361. input, select, textarea {
  362. background-color: #4C1D2A;
  363. font: 8pt Times new Roman;
  364. color: #C7B493;
  365. font-style: bold;
  366. border: 1px solid #814455;
  367. outline:none;
  368. text-align: center; }
  369.  
  370. .group_comment, .group_forum { margin-top: 20px; text-align: justify; }
  371.  
  372. textarea {
  373. width: 70%;
  374. height: 100px;
  375. background-color: #4C1D2A;
  376. border-bottom: 4px solid #C7B493;
  377. outline: none;
  378. font-size: 10px Times new roman;
  379. -webkit-transition: color 0.5s ease-out;
  380. -moz-transition: color 0.5s ease-out;
  381. }
  382. table,td,th {
  383. border: none;
  384. }
  385. table {
  386. width:100%;
  387. text-align: left;
  388. }
  389. th { height:30px; text-align: left; }
  390.  
  391. input[type="submit"], input[type="button"], #status_submit_button {background-image: none; outline: none; }
  392.  
  393. .group_comment, .group_forum { margin-top: 20px; text-align: justify; }
  394.  
  395. .members_viewing {
  396. display: block;
  397. border: none;
  398. background: #2D2C2C;
  399. font-family: times;
  400. font-size: 12px;
  401. padding: 0px;
  402. padding-bottom: 4px;
  403. text-align: center;
  404. border-bottom: 4px solid #C7B493;
  405. width: 700px;
  406. margin-left: auto;
  407. margin-right: auto;
  408. }
  409.  
  410. .members_viewing b{
  411. display: block;
  412. text-align: center;
  413. text-shadow: none;
  414. font-family: times;
  415. background: #4C1D2A;
  416. text-transform: uppercase;
  417. font-weight: lighter;
  418. padding: 1px;
  419. font-size: 10px;
  420. letter-spacing: 6px;
  421. color: #DBA5B4;
  422. margin-bottom: 2px;
  423. margin-top: 4px;
  424. }
  425.  
  426. .affiliates {
  427. display: block;
  428. border: none;
  429. background: #2D2C2C;
  430. font-family: times;
  431. font-size: 12px;
  432. padding: 0px;
  433. padding-bottom: 4px;
  434. text-align: center;
  435. border-bottom: 4px solid #C7B493;
  436. width: 700px;
  437. margin-left: auto;
  438. margin-right: auto;
  439. margin-bottom: 7px;
  440. }
  441.  
  442. .affiliates b {
  443. display: block;
  444. text-align: center;
  445. text-shadow: none;
  446. font-family: times;
  447. background: #4C1D2A;
  448. text-transform: uppercase;
  449. font-weight: lighter;
  450. padding: 1px;
  451. font-size: 10px;
  452. letter-spacing: 6px;
  453. color: #DBA5B4;
  454. margin-bottom: 2px;
  455. margin-top: 4px;
  456. }
  457.  
  458. textarea {
  459. background: #4C1D2A;
  460. border: none;
  461. outline:none;
  462. }
  463.  
  464. hr { background-color: #4B4434; height: 2px; border: none; }
  465.  
  466. h1 {
  467. padding: 0px;
  468. margin-top: 0px;
  469. margin-bottom: 0px;
  470. background: #062527;
  471. border: 4px solid #3c5e5f;
  472. border-radius: 0px 0px 0px 0px;
  473. text-align: center;
  474. text-decoration: none;
  475. text-transform: uppercase;
  476. text-shadow: none;
  477. letter-spacing: 3px;
  478. font: 10pt times new roman;
  479. color: #97c5c6;
  480. }
  481.  
  482. h1:first-letter {
  483.    font-family: Comic sans ms;  
  484.  font-size: 14px;  
  485.   text-transform: normal;  
  486.   font-style: italic;  
  487.   font-weight: lighter;
  488. text-shadow: 0px -1px 0px #000;
  489.  color: #fff;
  490. display:block;
  491.   }  
  492.  
  493.  
  494.  h3 {display:block;
  495. color: #C7B493;  
  496. border-bottom: 2px dashed #814455;
  497. text-align: center;
  498. font-family: sans serif;
  499. font-weight: lighter;
  500. font-size: 14px;
  501. letter-spacing: 2px;
  502. text-transform:lowercase;
  503. font-style:italic;
  504. text-shadow: 0px -1px 0px #000;
  505. background-color: transparent;
  506. margin: 3px;
  507. padding:1px; }
  508.  
  509.  
  510. a:link, a:visited, a:active {
  511. color: #C7B493;
  512. font-weight: none;
  513. text-transform: small-caps;
  514. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 3.5s ease;
  515. }
  516.  
  517. a:hover {
  518. color: #EFE3CE;
  519. background: transparent;
  520. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  521. }
  522.  
  523. .nav:link, .nav:active, .nav:visited { display:block;
  524. font-size: 9px;
  525. font-family: times;
  526. margin: 1px;
  527. padding:-1px;
  528. color: #fff;
  529. background-color: #814455;
  530. border-bottom: 4px solid #748887;
  531. border-radius: 0px 0px 10px 10px;
  532. text-align:center;
  533. text-transform:uppercase;
  534. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
  535.  
  536. .nav:hover {
  537. color: #85B7B7;
  538. border-bottom: 4px solid #748887;
  539. background-color: #4C1D2A;
  540. border-radius: 0px;
  541. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
  542.  
  543.  
  544. b {
  545. color: #814455;
  546. font-weight: bold;
  547. font: 11pt times;
  548. letter-spacing: 2px;
  549. text-transform: uppercase;
  550. text-shadow: none;
  551. text-shadow: 0px -1px 0px #000000;
  552. }
  553.  
  554. i {
  555. text-decoration: italic;
  556. text-shadow: none;
  557. font: 11pt times new roman;
  558. text-shadow: -1px 2px 0px #000000;
  559. color: #DBA5B4;
  560. font-style: italic;
  561. }
  562.  
  563. u {
  564. border-bottom: 2px solid #748887;
  565. text-decoration: underline;
  566. text-transform: bold;
  567. text-shadow: 0px 2px 0px #000000
  568. text-shadow: none;
  569. font: 11pt Times New Roman;
  570. color: #EFE3CE;
  571. }
  572.  
  573. s {
  574. text-decoration: strike;
  575. text-transform: uppercase;
  576. text-shadow: -1px 1px 0px #000000
  577. font: 11pt times new roman;
  578. color: #4C1D2A;
  579. }
  580.  
  581. blockquote {
  582. display: block;
  583. background-color: #4C1D2A;
  584. font-size: 10px;
  585. font-family: georgia;
  586. text-transform: none;
  587. border-radius: 0px 0px 10px 10px;
  588. border-bottom: 4px solid #748887;
  589. margin: 2px;
  590. padding: 6px;
  591. color: #DBA5B4;
  592. }
  593.  
  594. .staff {
  595. width: 40px;
  596. height: 45px;
  597. border: 3px solid #97c5c6;
  598. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  599. }
  600.  
  601.  
  602. .staff:hover {
  603. width: 40px;
  604. height: 45px;
  605. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  606. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  607. border: 3px solid #0b2d2e;
  608. }
  609.  
  610. .block {
  611. width: 30px;
  612. height: 40px;
  613. border: 3px solid #97c5c6;
  614. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  615. }
  616.  
  617.  
  618. .block:hover {
  619. width: 30px;
  620. height: 40px;
  621. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  622. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  623. border: 3px solid #0b2d2e;
  624. }
  625.  
  626. .ftd {
  627. width: 90px;
  628. height: 103px;
  629. border: 3px solid #97c5c6;
  630. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  631.  
  632. }
  633.  
  634. .ftd:hover {
  635. width: 90px;
  636. height: 103px;
  637. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  638. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  639. border: 3px solid #0b2d2e;
  640. }
  641.  
  642. .char {
  643. width: 50px;
  644. height: 60px;
  645. border: 3px solid #97c5c6;
  646. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  647.  
  648. }
  649.  
  650. .char:hover {
  651. width: 50px;
  652. height: 60px;
  653. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  654. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  655. border: 3px solid #0b2d2e;
  656. }
  657.  
  658. .group_entry table[bgcolor] {background: #92C3FC; border: 1px solid #5F0443;}
  659.  
  660. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/cvbJzVo.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  661.  
  662. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/Uai4FqV.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  663.  
  664. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/wRRQius.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  665.  
  666. </style>
  667.  
  668.  
  669.  
  670. <style>
  671.  
  672. ::-webkit-scrollbar {
  673. width: 10px;
  674. height: 10px;
  675. border: none;
  676. }
  677. ::-webkit-scrollbar-button: start: decrement
  678. ::-webkit-scrollbar button: end: increment {
  679. display: block;
  680. height: 3px;
  681. background-color: #4C1D2A;
  682. }
  683.  
  684. ::-webkit-scrollbar-track-piece {
  685. background-color: #4C1D2A;
  686. -webkit-border-radius: 1px solid black;  
  687. -webkit-border-bottom-right-radius: 0px;
  688. -webkit-border-bottom-left-radius: 0px; }
  689.  
  690. ::-webkit-scrollbar-thumb:vertical {
  691. height: 100px;
  692. background-color: #C7B493;
  693. border: 1px solid black;
  694. -webkit-border-radius: 0px; }
  695.  
  696. ::-webkit-scrollbar-thumb: horizontal {
  697. width: 100px;
  698. background-color: transparent;
  699. border: 1px solid black;
  700. -webkit-border-radius: 4px;
  701. }
  702.  
  703. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement