Advertisement
SweetSurrender

The Iron Throne RP [Header]

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