Advertisement
SweetSurrender

[HTML HEAD] Feudal_Fairy_Tale

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