API tools faq
paste
Advertisement
conception

HTML Header code

conception
Apr 11th, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.27 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. html, body { background: url('http://i.imgur.com/5H0s7jy.png');
  3. background-attachment: fixed;
  4. color: #87BDC7; }
  5.  
  6. .main {
  7. width: 550px;
  8. background: #2a2a2a;
  9. padding: 4px;
  10. border: 1px #03476E;}
  11.  
  12. a:link, .menu2, .menu2 a:link {
  13. color: #5CE1E6;
  14. font-size: 9pt;
  15. font-family : trebuchet ms;
  16. text-transform: none;
  17. text-decoration: none;
  18. -webkit-transition: all 0.5s ease-out;
  19. -moz-transition: all 0.5s ease-out;
  20. }
  21.  
  22. a:visited, .menu2 a:visited {
  23. color: #5CE1E6;
  24. text-transform: none;
  25. font-family : trebuchet ms;
  26. text-transform: none;
  27. text-decoration: none;
  28. }
  29.  
  30. a:hover, .menu, .menu a:link, .menu a:visited {
  31. color: #038BA5;
  32. text-decoration: none;
  33. font-family : trebuchet ms;
  34. text-transform: none;
  35. background: transparent;
  36. -webkit-transition: all 0.5s ease-out;
  37. -moz-transition: all 0.5s ease-out;
  38. }
  39.  
  40. h1 {
  41. background: #5a5353;
  42. color: #5CE1E6;
  43. font-variant: small-caps;
  44. font-family: trebuchet ms;
  45. letter-spacing: 1pt;
  46. text-align: center;
  47. padding-bottom: 3px;
  48. font-weight: lighter;
  49. line-height: 12px;
  50. font-size: 10pt;
  51. margin: 5px;
  52. border-right: 5px solid #0D5759;
  53. border-left: 5px solid #0d5759;
  54. }
  55.  
  56. h3 { font-family: georgia;
  57. font-size: 15pt;
  58. color: #038BA5;
  59. text-shadow: 1px 1px 1px #87BDC7;
  60. background: transparent;
  61. font-style: italic;
  62. font-weight: lighter;
  63. }
  64.  
  65. .group_entry table[bgcolor] {
  66. background-color: #5CE1E6;
  67. height: 2px;
  68. }
  69.  
  70. b {
  71. text-transform: uppercase;
  72. font-family: trebuchet MS;
  73. color: #038BA5;
  74. font-size: 11px;
  75. letter-spacing: 1px;
  76. text-shadow: 1px 1px 1px #2a2a2a;
  77. border-bottom: 1px dotted #038ba5;
  78. }
  79.  
  80. i {
  81. text-transform: none;
  82. font-family: georgia;
  83. color: #87BDC7;
  84. font-size: 11px;
  85. letter-spacing: 1px;
  86. text-shadow: 1px 1px 1px #03476E;
  87. }
  88.  
  89. s {
  90. text-transform: none;
  91. font-family: trebuchet MS;
  92. color: #5CE1E6;
  93. font-size: 11px;
  94. letter-spacing: 1px;
  95. text-shadow: 1px 1px 1px #2a2a2a;
  96. }
  97.  
  98. u {
  99. color: #038BA5;
  100. border-bottom: 1px dotted #03476E;
  101. text-transform: none;
  102. font-family: georgia;
  103. font-size: 11px;
  104. letter-spacing: 1px;
  105. }
  106.  
  107. table,td,th {
  108. border: none;
  109. }
  110.  
  111. th {
  112. height: 30px;
  113. text-align: center;
  114. }
  115.  
  116. .affiliates {
  117. display: block;
  118. width: 505px;
  119. padding: 5px;
  120. margin: 5px;
  121. text-align: center;
  122. background-color: #3f3c3c;
  123. border: none;
  124. }
  125.  
  126. .affiliates b {
  127. display: block;
  128. color: #5CE1E6;
  129. font-family: trebuchet MS;
  130. font-size: 10px;
  131. font-weight: lighter;
  132. padding: 4px;
  133. text-align: center;
  134. background: #5a5353;
  135. letter-spacing: 2pt;
  136. font-style: none;
  137. text-transform: uppercase;
  138. }
  139.  
  140. .members_viewing {
  141. display: block;
  142. width: 505px;
  143. padding: 5px;
  144. margin: 5px;
  145. text-align: center;
  146. background-color: #3f3c3c;
  147. border: none;
  148. border-bottom-left-radius: 20px;
  149. border-bottom-right-radius: 20px;
  150. }
  151.  
  152. .members_viewing b {
  153. display: block;
  154. background: #5a5353;
  155. color: #5CE1E6;
  156. font-family: trebuchet MS;
  157. font-size: 10px;
  158. font-weight: lighter;
  159. padding: 4px;
  160. text-align: center;
  161. letter-spacing: 2pt;
  162. font-style: none;
  163. text-transform: uppercase;
  164. }
  165.  
  166. blockquote {
  167. width: 300px;
  168. text-align: center;
  169. background-color: #5a5353;
  170. padding: 4px;
  171. border-top: 2px solid #038BA5;
  172. border-bottom: 2px solid #5CE1E6;
  173. border-top-left-radius: 20px;
  174. border-bottom-right-radius: 20px;
  175. }
  176.  
  177. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  178. width: 535px;
  179. background-color: #3f3c3c;
  180. padding: 5px;
  181. border: none;
  182. text-align: center;
  183. }
  184.  
  185. .forumheader {
  186. text-transform: uppercase;
  187. background: url('http://i.imgur.com/dsuAK1Q.png');
  188. color: #2a2a2a;
  189. text-shadow: 2px 2px 2px #5CE1E6;
  190. font-weight: lighter;
  191. font-family: trebuchet ms;
  192. font-size: 25pt;
  193. border: none;
  194. padding: 4px;
  195. border-top-left-radius: 20px;
  196. border-top-right-radius: 20px;
  197. }
  198.  
  199. .group_forum {
  200. background-color: #3f3c3c;
  201. width: 515px;
  202. padding: 0px;
  203. border: 1px dotted #0D5759;
  204. border-top-left-radius: 20px;
  205. border-top-right-radius: 20px;
  206. }
  207.  
  208. .group_forum b {
  209. display: block;
  210. text-transform: uppercase;
  211. font-family: trebuchet ms;
  212. line-height: 10px;
  213. font-weight: normal;
  214. text-align: center;
  215. }
  216.  
  217. .group_entry {
  218. border-top-left-radius: 20px;
  219. border-top-right-radius: 20px;
  220. width: 515px;
  221. border-top: 1px solid #0D5759;
  222. border-left: 1px solid #0D5759;
  223. border-right: 1px solid #0D5759;
  224. padding: 5px;
  225. text-align: center;
  226. background-color: #3f3c3c;
  227. }
  228.  
  229. .group_comment {
  230. width: 515px;
  231. background-color: #3f3c3c;
  232. border: none;
  233. padding: 5px;
  234. }
  235.  
  236. .group_comment td {
  237. border: none;
  238. }
  239.  
  240. textarea {
  241. width: 300px;
  242. text-align: center;
  243. height: 150px;
  244. border-radius: 20px;
  245. border-top: 2px solid #038BA5;
  246. border-bottom: 2px solid #5CE1E6;
  247. }
  248.  
  249. .comment_input {
  250. width: 515px;
  251. background-color: #2a2a2a;
  252. padding: 5px;
  253. text-align: center;
  254. border: none;
  255. }
  256.  
  257. .comment_input textarea {
  258. color: #87BDC7;
  259. border: 1px solid #0D5759;
  260. border-radius: 20px;
  261. background-color: #3f3c3c;
  262. }
  263.  
  264. .comment_input input {
  265. background: #03476E;
  266. color: #87bdc7;
  267. text-align: center;
  268. border: none;
  269. }
  270. .comment_input td {
  271. background: transparent;
  272. border: none;
  273. text-align: center;
  274. }
  275.  
  276. .subheading {
  277. text-transform: uppercase;
  278. background-color: #3f3c3c;
  279. font-family: trebuchet ms;
  280. line-height: 15px;
  281. font-weight: normal;
  282. text-align: right;
  283. padding-bottom: 3px;
  284. }
  285.  
  286. .new_topic {
  287. border: 1px solid #0D5759;
  288. background-color: #2a2a2a;
  289. width: 515px;
  290. }
  291.  
  292. .new_topic textarea {
  293. color: #87BDC7;
  294. border: 1px solid #0d5759;
  295. background-color: #3f3c3c;
  296. }
  297.  
  298. .new_topic input {
  299. background: #03476E;
  300. color: #87bdc7;
  301. border: none;
  302. }
  303.  
  304. .new_topic td {
  305. background: transparent;
  306. border: none;
  307. }
  308.  
  309. select {
  310. background: #03476E;
  311. color: #5CE1E6;
  312. border: none;
  313. }
  314.  
  315. input {
  316. background: #03476e;
  317. color: #5CE1E6;
  318. border: none;
  319. }
  320.  
  321. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/paEkh9k.png'); top right no-repeat; height: 10px; width:0px; padding-right: 9px;}
  322.  
  323. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/b3maQWx.png'); top right no-repeat; height: 9px; width:0px; padding-right: 9px;}
  324.  
  325. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url(http://i.imgur.com/VRzRBsh.png); top right no-repeat; height: 9px; width:0px; padding-right: 9px;}
  326.  
  327. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/z1x3efD.png); top right no-repeat; height: 10px; width:0px; padding-right: 9px;}
  328.  
  329. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/UPaerED.png); top right no-repeat; height: 9px; width:0px; padding-right: 9px;}
  330.  
  331. </style>
  332. <style>
  333.  
  334. .cult_name, .leftnav, .topbar, .maintop img, .maintop table, .latest_posts_header, .status, .description_title, .edit_pictures, .owner_title, .created_on, .small_space, .cult_menu, .side_td, .threads_related, .created_on, .description_title, .maintop img, .heading, h2, .forumopen, .forumclose, .maintop, .leftnav, .cult_info, .menu2, .menu, .num_members, .entry_points, .comment_points { display: none; }
  335.  
  336. </style>
  337. <style>
  338.  
  339. #hoverbox {
  340. position: fixed;
  341. background: #03476E;
  342. height:100%;
  343. left:-200px;
  344. top: 0px;
  345. width:200px;
  346. -webkit-transition: all 1s ease;
  347. -moz-transition: all 1s ease;
  348. -o-transition: all 1s ease;
  349. }
  350.  
  351. #hoverbox:hover {
  352. left:0px;
  353. -webkit-transition: all 1s ease;
  354. -moz-transition: all 1s ease;
  355. -o-transition: all 1s ease
  356. }
  357.  
  358. .navig {
  359. position:absolute;
  360. height:100%;
  361. width:30px;
  362. left:0px;
  363. padding: 5px;
  364. margin-left:200px;
  365. background: #03476E;
  366. text-align:center;
  367. font-weight:lighter;
  368. line-height:40px;
  369. font-size: 30px;
  370. color: #87BDC7;
  371. font-family:
  372. trebuchet ms;
  373. text-transform:uppercase;
  374. text-shadow: none;
  375. -webkit-transition: all 1s ease;
  376. -moz-transition: all 1s ease;
  377. -o-transition: all 1s ease;
  378. }
  379.  
  380. #hoverbox:hover .navig {
  381. opacity:0;
  382. -webkit-transition: all 1s ease;
  383. -moz-transition: all 1s ease;
  384. -o-transition: all 1s ease
  385. }
  386.  
  387. .linkbox {
  388. position:absolute;
  389. height:100%;
  390. padding: 5px;
  391. left:-200px;
  392. background: #2a2a2a;
  393. width: 200px;
  394. -webkit-transition: all 1s ease;
  395. -moz-transition: all 1s ease;
  396. -o-transition: all 1s ease
  397. }
  398.  
  399. #hoverbox:hover .linkbox {
  400. width:200px;
  401. left:0px;
  402. -webkit-transition: all 1s ease;
  403. -moz-transition: all 1s ease;
  404. -o-transition: all 1s ease
  405. }
  406.  
  407. .navlink {
  408. display: block;
  409. background: #038BA5;
  410. width: 95%;
  411. font-variant: small-caps;
  412. font-family: trebuchet ms;
  413. color: #87BDC7;
  414. margin: 2px;
  415. font-size: 12pt;
  416. border-left: 2px solid #0D5759;
  417. border-right: 2px solid #0d5759;
  418. border-radius: 5px;
  419. }
  420.  
  421. .view_statistics {display: none}
  422.  
  423. ::-webkit-scrollbar { width:5px; background:transparent; }
  424.  
  425. ::-webkit-scrollbar-track-piece { background:transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:10px; }
  426.  
  427. ::-webkit-scrollbar-thumb{ -webkit-border-radius:10px; background: #038BA5; width:10px; border:none; border-top-width:2px; border-bottom-width:2px;}
  428.  
  429. ::-webkit-scrollbar-button:start:transparent,
  430. ::-webkit-scrollbar-button:end:transparent {height:10px; display: block; background-color:#AAA; }
  431.  
  432. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#038BA5; cursor:hand;
  433. }
  434.  
  435. ::-webkit-scrollbar-button:start:transparent:active, ::-webkit-scrollbar-button:end:transparent:active{background:#2a2a2a;}
  436. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!