Advertisement
Guest User

curvy header

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