Advertisement
Wickerworks

HTML Header

Aug 24th, 2015
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.40 KB | None | 0 0
  1. <div class="nav">
  2. <a href="/vfmain.php">Home</a>
  3. <a href="/group_invite.php?c=WhisperingMeadows">Invite</a>
  4. <a href="http://vampirefreaks.com/cults/group_edit.php?c=WhisperingMeadows">Edit Cult</a>
  5. <a href="http://vampirefreaks.com/group_edit_members.php?c=WhisperingMeadows"> Edit Mem.</a>
  6. <a href="/cults/controlpanel.php?c=WhisperingMeadows">C. Panel</a>
  7. <a href="/cults/statistics.php?c=WhisperingMeadows">Cult Stats</a>
  8. <a href="/Whispered-Deaths" title="Layout">© 2015</a>
  9.  
  10. </div>
  11. <style>
  12. .nav {
  13. position: fixed;
  14. overflow: hidden;
  15. top: 0px;
  16. left: 0px;
  17. width: 100%;
  18. background-color: #C64C45;
  19. height: 15px;
  20. box-shadow: 0px 0px 10px #800F30;
  21. text-align: center;
  22. padding: 5px;
  23. border-bottom: 4px double #C77356;
  24. border-left: 2px dotted #630603;
  25. border-right: 2px dotted #630603;
  26. border-bottom-left-radius: 10px;
  27. border-bottom-right-radius: 10px;
  28. line-height: 10px;
  29. z-index: 1;
  30. padding-top: 5px;
  31. box-shadow: 2px 2px 4px #330613;
  32. }
  33.  
  34. .nav a:link, .nav a:visited, .nav a:active {
  35. display: inline-block;
  36. font-family: perpetua;
  37. font-size: 10pt;
  38. text-transform: uppercase;
  39. letter-spacing: 1px;
  40. margin: 5px;
  41. margin-left: 2px;
  42. margin-right: 2px;
  43. text-decoration: underline;
  44. text-shadow: 2px 2px #630603;
  45. padding: 1px;
  46. text-align: center;
  47. width: 100px;
  48. height: 10px;
  49. line-height: 10px;
  50. color: #C8B391;
  51. background-color: #800F30;
  52. border-top-right-radius: 10px;
  53. border-bottom-left-radius: 10px;
  54. border: 2px dotted #630603;
  55. -webkit-transition: all 0.5s ease-out;
  56. }
  57.  
  58. .nav a:hover {
  59. background-color: #BC9786;
  60. color: #C8B391;
  61. -webkit-transition: all 0.75s ease-out;
  62. -moz-transition: all 0.75s ease-out;
  63. }
  64.  
  65. .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 { display: none; }
  66.  
  67. body, html {
  68. background-color: #000000;
  69. background-image: url('http://i.imgur.com/ykOhFbF.png?1');
  70. background-position: center center;
  71. background-repeat: repeat;
  72. background-attachment: fixed;
  73. }
  74.  
  75. .main {
  76. background-color: #800F30;
  77. width: 700px;
  78. padding: 4px;
  79. box-shadow: 2px 2px 4px #330613;
  80. }
  81.  
  82. a:link, .menu2, .menu2 a:link {
  83. color: #555555;
  84. font-size: 9pt;
  85. font-family: trebuchet ms;
  86. text-transform: none;
  87. text-decoration: none;
  88. -webkit-transition: all 0.5s ease-out;
  89. -moz-transition: all 0.5s ease-out;
  90. }
  91.  
  92. a:visited, .menu2 a:visited {
  93. color: #555555;
  94. text-transform: none;
  95. font-family: trebuchet ms;
  96. text-transform: none;
  97. text-decoration: none;
  98. }
  99.  
  100. a:hover, .menu, .menu a:link, .menu a:visited {
  101. color: #333333;
  102. text-decoration: none;
  103. font-family: trebuchet ms;
  104. text-transform: none;
  105. background: transparent;
  106. -webkit-transition: all 0.5s ease-out;
  107. -moz-transition: all 0.5s ease-out;
  108. }
  109.  
  110. html, div {
  111. font-family: trebuchet MS;
  112. color: #ffffff;
  113. font-size: 9pt;
  114. font-style: normal;
  115. }
  116.  
  117. h1 {
  118. color: #9b9b9b;
  119. text-transform: lowercase;
  120. font-style: italic;
  121. font-family: georgia;
  122. letter-spacing: 1pt;
  123. text-align: center;
  124. padding: 3px;
  125. font-weight: lighter;
  126. line-height: 8px;
  127. font-size: 10pt;
  128. margin: 5px;
  129. background: #202020;
  130. }
  131.  
  132. h3 {
  133. color: #9b9b9b;
  134. text-transform: lowercase;
  135. font-style: italic;
  136. font-family: georgia;
  137. letter-spacing: 1pt;
  138. text-align: center;
  139. padding: 3px;
  140. font-weight: lighter;
  141. line-height: 8px;
  142. font-size: 10pt;
  143. margin: 5px;
  144. background: #202020;
  145. }
  146.  
  147. b {
  148. text-transform: uppercase;
  149. font-family: trebuchet MS;
  150. color: #ababab;
  151. font-size: 9pt;
  152. letter-spacing: 1px;
  153. }
  154.  
  155. i {
  156. text-transform: none;
  157. font-family: georgia;
  158. color: #ababab;
  159. font-size: 9pt;
  160. letter-spacing: 1px;
  161. }
  162.  
  163. s {
  164. text-transform: none;
  165. font-family: trebuchet MS;
  166. color: #ababab;
  167. font-size: 9pt;
  168. letter-spacing: 1px;
  169. }
  170.  
  171. u {
  172. border-bottom: 1px solid #ababab;
  173. text-transform: none;
  174. font-family: georgia;
  175. font-size: 9pt;
  176. letter-spacing: 1px;
  177. }
  178.  
  179. table,td,th {
  180. border: none;
  181. }
  182.  
  183. th {
  184. height: 30px;
  185. text-align: center;
  186. }
  187.  
  188. .affiliates {
  189. display: block;
  190. width: 1000px;
  191. padding: 5px;
  192. margin: 5px;
  193. text-align: center;
  194. background-color: #C77356;
  195. border-bottom: 4px double #C77356;
  196. border-left: 2px dotted #630603;
  197. border-right: 2px dotted #630603;
  198. border-bottom-left-radius: 10px;
  199. border-bottom-right-radius: 10px;
  200. box-shadow: 2px 2px 4px #330613;
  201. }
  202.  
  203. .affiliates b {
  204. display: block;
  205. background: #C64C45;
  206. color: #d6d6d6;
  207. font-family: trebuchet MS;
  208. font-size: 10px;
  209. font-weight: lighter;
  210. padding: 4px;
  211. text-align: center;
  212. letter-spacing: 2pt;
  213. font-style: none;
  214. text-transform: uppercase;
  215. border-bottom: 4px double #C77356;
  216. border-left: 2px dotted #630603;
  217. border-right: 2px dotted #630603;
  218. border-bottom-left-radius: 10px;
  219. border-bottom-right-radius: 10px;
  220. box-shadow: 2px 2px 4px #330613;
  221. }
  222.  
  223. .members_viewing {
  224. display: block;
  225. width: 1000px;
  226. padding: 5px;
  227. margin: 5px;
  228. text-align: center;
  229. background-color: #C77356;
  230. border-bottom: 4px double #C77356;
  231. border-left: 2px dotted #630603;
  232. border-right: 2px dotted #630603;
  233. border-bottom-left-radius: 10px;
  234. border-bottom-right-radius: 10px;
  235. box-shadow: 2px 2px 4px #330613;
  236. }
  237.  
  238. .members_viewing b {
  239. display: block;
  240. background: #C64C45;
  241. color: #d6d6d6;
  242. font-family: trebuchet MS;
  243. font-size: 10px;
  244. font-weight: lighter;
  245. padding: 4px;
  246. text-align: center;
  247. letter-spacing: 2pt;
  248. font-style: none;
  249. text-transform: uppercase;
  250. border-bottom: 4px double #C77356;
  251. border-left: 2px dotted #630603;
  252. border-right: 2px dotted #630603;
  253. border-bottom-left-radius: 10px;
  254. border-bottom-right-radius: 10px;
  255. box-shadow: 2px 2px 4px #330613;
  256. }
  257.  
  258. blockquote {
  259. text-align: center;
  260. background-color: #181818;
  261. padding: 4px;
  262. border-bottom: 4px double #C77356;
  263. border-left: 2px dotted #630603;
  264. border-right: 2px dotted #630603;
  265. border-bottom-left-radius: 10px;
  266. border-bottom-right-radius: 10px;
  267. box-shadow: 2px 2px 4px #330613;
  268. }
  269.  
  270.  
  271. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  272. width: 700px;
  273. background-color: #141414;
  274. padding: 5px;
  275. border-bottom: 4px double #C77356;
  276. border-left: 2px dotted #630603;
  277. border-right: 2px dotted #630603;
  278. border-bottom-left-radius: 10px;
  279. border-bottom-right-radius: 10px;
  280. box-shadow: 2px 2px 4px #330613;
  281. text-align: center;
  282. }
  283.  
  284. .forumheader {
  285. text-transform: uppercase;
  286. background-image: url(http://i.imgur.com/nc81ii3.jpg?1);
  287. color: #d6d6d6;
  288. font-weight: lighter;
  289. font-family: trebuchet ms;
  290. font-size: 20pt;
  291. border-bottom: 4px double #C77356;
  292. border-left: 2px dotted #630603;
  293. border-right: 2px dotted #630603;
  294. border-bottom-left-radius: 10px;
  295. border-bottom-right-radius: 10px;
  296. box-shadow: 2px 2px 4px #330613;
  297. padding: 4px;
  298. }
  299.  
  300. .group_forum {
  301. background-color: #C77356;
  302. width: 1000px;
  303. padding: 2px;
  304. border-bottom: 4px double #C77356;
  305. border-left: 2px dotted #630603;
  306. border-right: 2px dotted #630603;
  307. border-bottom-left-radius: 10px;
  308. border-bottom-right-radius: 10px;
  309. box-shadow: 2px 2px 4px #330613;
  310. }
  311.  
  312. .group_forum b {
  313. display: block;
  314. text-transform: uppercase;
  315. background-color: #333333;
  316. color: #ffffff;
  317. font-family: trebuchet ms;
  318. line-height: 10px;
  319. font-weight: normal;
  320. text-align: center;
  321. }
  322.  
  323. .group_entry {
  324. width: 700px;
  325. border-bottom: 4px double #C77356;
  326. border-left: 2px dotted #630603;
  327. border-right: 2px dotted #630603;
  328. border-bottom-left-radius: 10px;
  329. border-bottom-right-radius: 10px;
  330. box-shadow: 2px 2px 4px #330613;
  331. padding: 5px;
  332. text-align: center;
  333. background-color: #141414;
  334. }
  335.  
  336. .group_entry table[bgcolor] {
  337. background-color: #717171;
  338. }
  339.  
  340. .sub_button {
  341. border-bottom: 4px double #C77356;
  342. border-left: 2px dotted #630603;
  343. border-right: 2px dotted #630603;
  344. border-bottom-left-radius: 10px;
  345. border-bottom-right-radius: 10px;
  346. box-shadow: 2px 2px 4px #330613;
  347. background-color: #080808;
  348. padding: 3px 3px;
  349. margin: 0px;
  350. }
  351.  
  352. .group_comment {
  353. width: 700px;
  354. background-color: #141414;
  355. border-bottom: 4px double #C77356;
  356. border-left: 2px dotted #630603;
  357. border-right: 2px dotted #630603;
  358. border-bottom-left-radius: 10px;
  359. border-bottom-right-radius: 10px;
  360. box-shadow: 2px 2px 4px #330613;
  361. padding: 5px;
  362. }
  363.  
  364. .group_comment td {
  365. border-bottom: 4px double #C77356;
  366. border-left: 2px dotted #630603;
  367. border-right: 2px dotted #630603;
  368. border-bottom-left-radius: 10px;
  369. border-bottom-right-radius: 10px;
  370. box-shadow: 2px 2px 4px #330613;
  371. }
  372.  
  373. .comment_input {
  374. width: 700px;
  375. background-color: #141414;
  376. padding: 5px;
  377. text-align: center;
  378. border: none;
  379. }
  380.  
  381. .comment_input textarea {
  382. color: #ffffff;
  383. border: none;
  384. background-color: #202020;
  385. }
  386.  
  387. .comment_input input {
  388. background: #282828;
  389. color: #ffffff;
  390. border: none;
  391. }
  392.  
  393. .comment_input td {
  394. background: transparent;
  395. border: none;
  396. text-align: center;
  397. }
  398.  
  399. .subheading {
  400. text-transform: uppercase;
  401. color: #ffffff;
  402. background-color: #282828;
  403. font-family: trebuchet ms;
  404. line-height: 10px;
  405. font-weight: normal;
  406. text-align: right;
  407. }
  408.  
  409. .new_topic {
  410. border: none;
  411. background-color: #141414;
  412. width: 700px;
  413. }
  414.  
  415. .new_topic textarea {
  416. color: #ffffff;
  417. border: none;
  418. background-color: #333333;
  419. }
  420.  
  421. .new_topic input {
  422. background: #333333;
  423. color: #ffffff;
  424. border: none;
  425. }
  426.  
  427. .new_topic td {
  428. background: transparent;
  429. border: none;
  430. }
  431.  
  432. textarea {
  433. width: 90%;
  434. text-align: center;
  435. height: 150px;
  436. }
  437.  
  438. select {
  439. background: #202020;
  440. color: #ffffff;
  441. border: none;
  442. }
  443.  
  444. input {
  445. background: #202020;
  446. color: #ffffff;
  447. border: none;
  448. }
  449. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement