Advertisement
SweetSurrender

Akatsuki_Rp [Header]

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