Advertisement
SweetSurrender

The_Iron_Throne_RP Lannister Theme [Header]

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