Advertisement
SweetSurrender

Nerd-Central HTML Header 00

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