Advertisement
SweetSurrender

NI00 HTML Header

Feb 8th, 2015
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.71 KB | None | 0 0
  1. <style>
  2. .leftnav, .maintop, #menu0, .forumopen, .forumclose, .edit_pictures, .view_expanded_posts, .cult_info, .owner_title, .description_title, .created_on, .status, .cult_name, .cult_menu, .num_members, .view_all_cult_posts, .view_statistics, .smallsep, .threads_related, .forumopen, .forumclose, .ui-widget { display: none; } .graytext {opacity: 0.00;}
  3.  
  4. html, body {
  5. background-image: url('http://cdn.mysitemyway.com/etc-mysitemyway/webtreats/assets/posts/1195/thumbs/baby-pink-pastel-tileable-patterns-6.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. width: 800px;  
  15. text-align: justify;    
  16. float: center;
  17. margin-top: 60px;
  18. padding-top: 5px;
  19. padding-left: 5px;
  20. padding-right: 5px;
  21. padding-bottom: 0px;
  22. color: #23040C;
  23. }
  24.  
  25. .header {
  26. position: relative;
  27. width: 800px;
  28. height: 1218px;
  29. background: #E3ACB8;
  30. border: 6px solid #E24768;
  31. margin-top: 40px;
  32. margin-bottom: 20px;
  33. color: #F1F7D4;
  34. }
  35.  
  36. .top {
  37. position: fixed;
  38. overflow: hidden;
  39. top: 0px;
  40. left: 0px;
  41. width: 100%;
  42. background-color: #861830;
  43. height: 30px;
  44. box-shadow: 0px 0px 5px #000;
  45. text-align: center;
  46. padding: 5px 0px 5px 0px;
  47. border-bottom: 4px solid #E24768;
  48. line-height: 10px;
  49. }
  50.  
  51. .top a:link, .top a:visited, .top a:active {
  52. display: inline-block;
  53. font-family: small fonts, calibri;
  54. font-size: 10pt;
  55. text-transform: uppercase;
  56. letter-spacing: 1px;
  57. margin: 5px;
  58. margin-left: 2px;
  59. margin-right: 2px;
  60. text-decoration: none;
  61. text-shadow: none;
  62. padding: 1px;
  63. text-align: center;
  64. width: 100px;
  65. height: 15px;
  66. line-height: 15px;
  67. color: #000;
  68. background-color: #E3CFD3;
  69. -webkit-transition: all 0.5s ease-out;
  70. }
  71.  
  72. .top a:hover {
  73. background-color: #fff;
  74. color: #000;
  75. -webkit-transition: all 0.75s ease-out;
  76. -moz-transition: all 0.75s ease-out;}
  77.  
  78.  
  79. .innerbox {
  80. overflow: auto;
  81. background: transparent;
  82. position: absolute;
  83. }
  84.  
  85. #anchorlinks {
  86. top: 500px;
  87. padding: 0px;
  88. left: 25px;
  89. width: 500px;
  90. overflow: hidden;
  91. position: absolute;
  92. background: none;
  93. }
  94.  
  95. .anchorlink:link, .anchorlink:active, .anchorlink:visited {
  96. color: #E3CFD3;
  97. font-family: small fonts, calibri;
  98. font-size: 8pt;
  99. text-transform: uppercase;
  100. font-weight: lighter;
  101. padding: 3px;
  102. margin-left: 1px;
  103. margin-right: 1px;
  104. width: 100px;
  105. height: 15px;
  106. text-align: center;
  107. display: inline-block;
  108. background: #A6213D;
  109. border: 3px solid #fff;
  110. text-shadow: 0px 5px 0px 5px;
  111. -webkit-transition: all 0.5s ease-out;
  112. -moz-transition: all 0.5s ease-out;}
  113.  
  114. .anchorlink:hover {
  115. background-color: #A6213D;
  116. color: #E3ACB8;
  117. -webkit-transition: all 0.75s ease-out;
  118. -moz-transition: all 0.75s ease-out;}
  119.  
  120.  
  121. .section {
  122. overflow: auto;
  123. top: 536px;
  124. left: 0px;
  125. width: 402px;
  126. border-radius: 15px;
  127. height: 305px;
  128. }
  129.  
  130. #anchor {
  131. top: 536px;
  132. left: 0px;
  133. width: 405px;
  134. height: 300px;
  135. position: absolute;
  136. overflow: hidden;
  137. padding: 3px;
  138. line-height: 13px;
  139. margin-right: 5px;
  140. background: #FCC7D3;
  141. text-align: justify;
  142. font-family: small fonts, calibri;
  143. font-size: 12px;
  144. color: #610B38;
  145. position: absolute;
  146. }
  147.  
  148.  
  149. #box2 {
  150. position: absolute;
  151. overflow: auto;
  152. padding: 3px;
  153. background: #FCC7D3;
  154. text-align: center;
  155. top: 536px;
  156. font-family: calibri;
  157. right: 0px;
  158. width: 376px;
  159. height: 208px;
  160. color: #FFCE7F;
  161. }
  162.  
  163.  
  164. #box3 {
  165. position: absolute;
  166. overflow: auto;
  167. padding: 3px;
  168. background: #FCC7D3;
  169. text-align: center;
  170. top: 848px;
  171. left: 0px;
  172. width: 197px;
  173. height: 195px;
  174. }
  175.  
  176. #box4 {
  177. position: absolute;
  178. overflow: auto;
  179. padding: 3px;
  180. background: #FCC7D3;
  181. text-align: center;
  182. top: 755px;
  183. right: 0px;
  184. width: 376px;
  185. height: 455px;
  186. }
  187.  
  188.  
  189.  
  190. #box5 {
  191. position: absolute;
  192. overflow: auto;
  193. padding: 3px;
  194. background: #FCC7D3;
  195. text-align: center;
  196. top: 848px;
  197. left: 210px;
  198. width: 196px;
  199. height: 195px;
  200. color: #E6DDBC;
  201. }
  202.  
  203.  
  204. #box6 {
  205. position: absolute;
  206. overflow: auto;
  207. padding: 3px;
  208. background: #FCC7D3;
  209. text-align: center;
  210. top: 1055px;
  211. left: 0px;
  212. width: 406px;
  213. height: 155px;
  214. color: #E6DDBC;
  215. }
  216.  
  217.  
  218. .num_members {
  219. display: none;
  220. }
  221.  
  222.  
  223. .cult_members, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  224. width: 800px;
  225. background: #E3ACB8;
  226. border: 4px solid #E24768;
  227. text-align: center;
  228. color: #000;
  229. }
  230.  
  231. .group_forum, .group_expanded, .new_topic {
  232. width: 800px;
  233. background: #FCC7D3;
  234. border: 4px solid #E24768;
  235. color: #000;
  236. }
  237.  
  238.  
  239. .forumheader {
  240. display: block;
  241. text-align: center;
  242. text-shadow: none;
  243. height: 24px;
  244. font-weight: bold;
  245. font-family: calibri;
  246. background-color: #E24768;
  247. text-transform: uppercase;
  248. border: none;
  249. padding: 0px;
  250. font-size: 20px;
  251. letter-spacing: 6px;
  252. color: #08151B;
  253. margin-bottom: 0px;
  254. margin-top: 0px;
  255. }
  256.  
  257. .group_subforum {
  258. background-color: #E3ACB8;
  259. width: 800px;
  260. padding: 2px;
  261. border: none;
  262. }
  263.  
  264. .group_forum b {
  265. display: block;
  266. padding: 0px;
  267. margin: 0px;
  268. border: none;
  269. background: transparent;
  270. border-bottom: 3px solid #900D32;
  271. text-align: center;
  272. text-decoration: none;
  273. text-transform: uppercase;
  274. text-shadow: 0px 0px 0px #000000;
  275. letter-spacing: 1px;
  276. font: 8pt calibri;
  277. color: #430617;
  278. }
  279.  
  280.  
  281. .subheading {
  282. padding: 0px;
  283. background: #FFC8D8;
  284. border: none;
  285. text-decoration: none;
  286. text-transform: uppercase;
  287. text-shadow: none;
  288. font: 8pt calibri;
  289. color: #000;
  290. }
  291. .subheading, .subheading td {
  292. background-color: #FFC8D8;
  293. text: #000;
  294. }
  295.  
  296. .new_topic td, .comment_input td {
  297. border: none;
  298. }
  299.  
  300. .new_topic input, .new_topic textarea, .comment_input input, .comment_input textarea, {
  301. width: 95%;
  302. background: #E3ACB8;
  303. font-family: calibri;
  304. border: 6px solid #E24768;
  305. text-align: justify;
  306. color: #000;
  307. }
  308.  
  309. .group_entry {
  310. width: 800px;
  311. margin: 0px auto;
  312. background: #E3ACB8;
  313. font-family: calibri;
  314. border: 6px solid #E24768;
  315. text-align: justify;
  316. color: #000;
  317. }
  318.  
  319. .group_comment, .comment_input, .new_topic {
  320. width: 800px;
  321. background: #E3ACB8;
  322. font-family: calibri;
  323. border: 6px solid #E24768;
  324. text-align: center;
  325. color: #000;
  326. }
  327.  
  328. .sub_button {
  329. background: #FFC8D8;
  330. border: 1px solid #64172D;
  331. font: 12px calibri;
  332. text-align: center;
  333. color: #E1EBB5;
  334. }
  335.  
  336. .comment_input { text-align: center; font-family: georgia; font-style: none; }
  337.  
  338. input, select, textarea {
  339. background-color: #FFC8D8;
  340. font: 10pt calibri;
  341. color: #631028;
  342. font-style: bold;
  343. border: none;
  344. outline: none;
  345. text-align: center; }
  346.  
  347. .comment_input textarea {
  348. height: 120px;
  349. width: 90%;
  350. margin-top: 5px;
  351. margin-bottom: 5px;
  352. background-color: #FFC8D8;
  353. color: #631028;
  354. }
  355.  
  356. input[type="submit"], input[type="button"], #status_submit_button {background-image: none; }
  357.  
  358. .group_comment, .group_forum { margin-top: 20px; text-align: justify; }
  359.  
  360. textarea {
  361. width: 86%;
  362. height: 130px;
  363. background-color: #FFC8D8;
  364. colour: #631028;
  365. font-size: 12px calibri;
  366. -webkit-transition: color 0.5s ease-out;
  367. -moz-transition: color 0.5s ease-out;
  368. }
  369. table,td,th {
  370. border: none;
  371. outline: none;
  372. }
  373. table {
  374. width:100%;
  375. text-align: justify;
  376. }
  377. th { height:30px; text-align: left; }
  378.  
  379. .members_viewing {
  380. display: block;
  381. border: none;
  382. background: #E3ACB8;
  383. font-family: calibri;
  384. border: 4px solid #E24768;
  385. font-size: 12px;
  386. padding: 0px;
  387. padding-bottom: 4px;
  388. text-align: center;
  389. width: 735px;
  390. margin-left: auto;
  391. margin-right: auto;
  392. }
  393.  
  394. .members_viewing b{
  395. display: block;
  396. text-align: center;
  397. font-family: Sans Serif;
  398. background: #E24768;
  399. text-transform: uppercase;
  400. font-weight: bold;
  401. padding: 2px;
  402. font-size: 10px;
  403. letter-spacing: 8px;
  404. color: #000;
  405. margin-bottom: 2px;
  406. margin-top: 4px;
  407. }
  408.  
  409. .affiliates {
  410. display: block;
  411. border: none;
  412. background: #E3ACB8;
  413. font-family: calibri;
  414. border: 4px solid #E24768;
  415. font-size: 12px;
  416. padding: 0px;
  417. padding-bottom: 4px;
  418. text-align: center;
  419. width: 735px;
  420. margin-left: auto;
  421. margin-right: auto;
  422. margin-bottom: 7px;
  423. }
  424.  
  425. .affiliates b {
  426. display: block;
  427. text-align: center;
  428. font-family: sans serif;
  429. background: #E24768;
  430. text-transform: uppercase;
  431. font-weight: bold;
  432. padding: 2px;
  433. font-size: 10px;
  434. letter-spacing: 8px;
  435. color: #000;
  436. margin-bottom: 2px;
  437. margin-top: 4px;
  438. }
  439.  
  440.  
  441. hr { background-color: #000; height: 2px; border: none; text-shadow: 0px -1px 0px #000; }
  442.  
  443. h1 {
  444. color: #FFFFFF;
  445. text-transform: lowercase;
  446. font-family: georgia;
  447. letter-spacing: 1pt;
  448. text-align: center;
  449. padding: 3px;
  450. font-weight: lighter;
  451. line-height: 15px;
  452. font-size: 16pt;
  453. text-shadow: 1px 1px 1px #240716;
  454. margin: 1px;
  455. background: transparent;
  456. border-bottom: 3px solid #D8144C;
  457. }
  458.  
  459. h1:first-letter {
  460. color: #6B1844;
  461. text-transform: uppercase;
  462. font-family: georgia;
  463. letter-spacing: 1pt;
  464. text-align: center;
  465. padding: 3px;
  466. font-weight: lighter;
  467. line-height: 15px;
  468. font-size: 16pt;
  469. text-shadow: 1px 1px 1px ##1A1616;
  470. margin: 1px;
  471. background: transparent;
  472.   }  
  473.  
  474.  h3 {display:block;
  475. color: #70405A;
  476. text-align: center;
  477. font-family: Sans Serif;
  478. border-bottom: 2px solid #060606;
  479. font-weight: lighter;
  480. font-size: 12px;
  481. text-weight: bold;
  482. letter-spacing: 6px;
  483. text-transform:lowercase;
  484. background-color: #F580A1;
  485. margin: 3px;
  486. padding:1px; }
  487.  
  488.  
  489.  
  490. a:link, a:visited, a:active {
  491. color: #3F122A;
  492. font-size: 12px;
  493. font-family: calibri;
  494. line-spacing: 1px;
  495. font-weight: none;
  496. text-transform: none;
  497. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 3.5s ease;
  498. }
  499.  
  500. a:hover {
  501. color: #CA3484;
  502. line-spacing: 1px;
  503. font-family: calibri;
  504. background: transparent;
  505. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  506. }
  507.  
  508. .linky:link, .linky:active, .linky:visited {
  509. color: #fff;
  510. font-family: trebuchet MS;
  511. font-size: 7pt;
  512. text-transform: uppercase;
  513. font-weight: lighter;
  514. padding: 2px;
  515. margin: 1px;
  516. letter-spacing: 2px;
  517. text-align: center;
  518. display: inline-table;
  519. width: 92px;
  520. background-color: #94002A;
  521. border-radius: 2px;
  522. border: none;
  523. -webkit-transition: all 0.5s ease-out;
  524. -moz-transition: all 0.5s ease-out;
  525. text-shadow: 0px 0px 0px 0px #000;
  526. }
  527.  
  528. .linky:hover {
  529. color: #EB8EA8;
  530. -webkit-transition: all 0.5s ease-out;
  531. -moz-transition: all 0.5s ease-out;
  532. }
  533.  
  534. .linky2:link, .linky:active, .linky:visited {
  535. color: #fff;
  536. font-family: trebuchet MS;
  537. font-size: 7pt;
  538. text-transform: uppercase;
  539. font-weight: lighter;
  540. padding: 2px;
  541. margin: 1px;
  542. letter-spacing: 2px;
  543. text-align: center;
  544. display: inline-table;
  545. width: 127px;
  546. background-color: #94002A;
  547. border-radius: 2px;
  548. border: none;
  549. -webkit-transition: all 0.5s ease-out;
  550. -moz-transition: all 0.5s ease-out;
  551. text-shadow: 0px 0px 0px 0px #000;
  552. }
  553.  
  554. .linky2:hover {
  555. color: #EB8EA8;
  556. -webkit-transition: all 0.5s ease-out;
  557. -moz-transition: all 0.5s ease-out;
  558. }
  559.  
  560. .linky3:link, .linky:active, .linky:visited {
  561. color: #fff;
  562. font-family: trebuchet MS;
  563. font-size: 7pt;
  564. text-transform: uppercase;
  565. font-weight: lighter;
  566. padding: 2px;
  567. margin: 1px;
  568. letter-spacing: 2px;
  569. text-align: center;
  570. display: inline-table;
  571. width: 335px;
  572. background-color: #94002A;
  573. border-radius: 2px;
  574. border: none;
  575. -webkit-transition: all 0.5s ease-out;
  576. -moz-transition: all 0.5s ease-out;
  577. text-shadow: 0px 0px 0px 0px #000;
  578. }
  579.  
  580. .linky3:hover {
  581. color: #EB8EA8;
  582. -webkit-transition: all 0.5s ease-out;
  583. -moz-transition: all 0.5s ease-out;
  584. }
  585.  
  586. b {
  587. color: #A30934;
  588. font-weight: bold;
  589. font: 14px calibri;
  590. letter-spacing: 2px;
  591. }
  592.  
  593. i {
  594. text-decoration: italic;
  595. text-shadow: none;
  596. font: 14px calibri;
  597. text-shadow: 1px 1px 1x #000000;
  598. color: #B24161;
  599. font-style: italic;
  600. }
  601.  
  602. u {
  603. border-bottom: 2px solid #960C33;
  604. text-decoration: underline;
  605. text-transform: bold;
  606. text-shadow: 0px -1px 0px #000000
  607. text-shadow: none;
  608. font: 14px calibri;
  609. color: #B23A5C;
  610. }
  611.  
  612. s {
  613. text-decoration: strike;
  614. text-transform: uppercase;
  615. text-shadow: 0px -1px 0px #000000
  616. font: 14px calibri;
  617. color: #fff;
  618. }
  619.  
  620. blockquote {
  621. display: block;
  622. background-color: #FFC8D8;
  623. font-size: 10pt;
  624. text-align: justify;
  625. font-family: calibri;
  626. text-transform: none;
  627. border-radius: 20px;
  628. border-bottom: 4px solid #7F0729;
  629. border-top: 4px solid #7F0729;
  630. margin: 2px;
  631. padding: 6px;
  632. color: #fff;
  633. }
  634.  
  635. .staff {
  636. width: 60px;
  637. height: 68px;
  638. border: 3px solid #E3647F;
  639. filter: alpha(opacity=100); -moz-opacity:1; opacity:.70;
  640. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  641. }
  642.  
  643. .staff:hover {
  644. width: 60px;
  645. height: 68px;
  646. filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
  647. border-radius: 20px;
  648. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #fff;
  649. }
  650.  
  651. .winner {
  652. width: 60px;
  653. height: 60px;
  654. border: 3px solid #E3647F;
  655. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  656. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  657. }
  658.  
  659. .winner:hover {
  660. width: 60px;
  661. height: 60px;
  662. filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
  663. border-radius: 20px;
  664. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #fff;
  665. }
  666.  
  667. .block {
  668. width: 50px;
  669. height: 68px;
  670. border: 3px solid #E3647F;
  671. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  672. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  673. }
  674.  
  675. .block:hover {
  676. width: 50px;
  677. height: 68px;
  678. filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
  679. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #fff;
  680. }
  681.  
  682. .featured {
  683. width: 140px;
  684. height: 110px;
  685. border: 3px solid #E3647F;
  686. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  687. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  688. }
  689.  
  690. .featured:hover {
  691. width: 140px;
  692. height: 110px;
  693. filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
  694. border-radius: 20px;
  695. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #fff;
  696. }
  697.  
  698.  
  699. .fcult {
  700. width: 350px;
  701. height: 70px;
  702. border: 3px solid #E3647F;
  703. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  704. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  705. }
  706.  
  707. .fcult:hover {
  708. width: 350px;
  709. height: 70px;
  710. filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
  711. border-radius: 20px;
  712. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #fff;
  713. }
  714.  
  715.  
  716. .group_entry table[bgcolor] {background: #FFE0E9; border: 1px solid #F12660;}
  717.  
  718. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/SS4IbDq.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  719.  
  720. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/VuvWMRK.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  721.  
  722. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/87E8o5k.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  723.  
  724. img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url('http://i.imgur.com/WVLQSHv.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  725.  
  726. img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url('http://i.imgur.com/NUWl6yA.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  727.  
  728. </style>
  729.  
  730. <style>
  731.  
  732. ::-webkit-scrollbar {
  733. width: 10px;
  734. height: 10px;
  735. border: none;
  736. }
  737. ::-webkit-scrollbar-button: start: decrement
  738. ::-webkit-scrollbar button: end: increment {
  739. display: block;
  740. height: 3px;
  741. background-color:#382B19;
  742. }
  743.  
  744. ::-webkit-scrollbar-track-piece {
  745. background-color: #700020; }
  746.  
  747. ::-webkit-scrollbar-thumb:vertical {
  748. height: 100px;
  749. background-color: #C8355E;
  750. border: 1px solid black; }
  751.  
  752. ::-webkit-scrollbar-thumb: horizontal {
  753. width: 100px;
  754. background-color: transparent;
  755. border: 1px solid black;
  756. -webkit-border-radius: 10px;
  757. }
  758.  
  759. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement