API tools faq
paste
Advertisement
Guest User

STYELESHEET

a guest
Jul 15th, 2018
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.86 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>My Community</title>
  4. <style type='text/css'>
  5. /*=============================================== *
  6. * Jcink.com Forum Hosting Stylesheet
  7. * ==============================================
  8. * #Version: 1.0.0
  9. *=============================================== */
  10.  
  11. /*===============================================
  12.  
  13.  
  14. ──────▄▀▄─────▄▀▄
  15. ─────▄█░░▀▀▀▀▀░░█▄
  16. ─▄▄──█░░░░░░░░░░░█──▄▄
  17. █▄▄█─█░░▀░░┬░░▀░░█─█▄▄█
  18.  
  19. DO NOT STEAL OR RIP THIS CODE.
  20. CODED EXCLUSIVELY BY ESSI,
  21. COOKIE CODES BY KISMET
  22. SIDEBAR, CFS AND GRAPHICS BY ESSI.
  23.  
  24.  
  25.  
  26.  
  27. *=============================================== */
  28.  
  29. html { overflow-x: auto; }
  30. form { display:inline; }
  31.  
  32. ::-webkit-scrollbar { width: 11px; background: #efefef; }
  33. ::-webkit-scrollbar-thumb { background: #999; border:5px solid #efefef; }
  34.  
  35. #s-m-t-tooltip {max-width:300px; position:relative; z-index:9000!important; margin:15px 14px 7px 12px; padding:8px; background-color: #000; color:#888; font-family: muli; letter-spacing:1px; text-transform: uppercase; font-size:8px; line-height:90%;}
  36.  
  37. /********
  38. permissions
  39. ********/
  40.  
  41. .mcp-0, .acp-0, .m-2 { display: none!important; }
  42. .g-2 { display: inline-block !important; }
  43. .m-4 {display: inline-block!important; }
  44.  
  45. /****************************************
  46. Body Background & Text Style
  47. *****************************************/
  48.  
  49. body {
  50. font-family: quicksand;
  51. font-size: 11px;
  52. color: #999; margin:0px;
  53. padding:0px;
  54. background-color:#1a191a;
  55. text-align:center;
  56. }
  57.  
  58. /****************************************
  59. Table Styles
  60. *****************************************/
  61.  
  62. table, tr, td {
  63. font-family: quicksand;
  64. font-size: 11px;
  65. color: #999;
  66. }
  67.  
  68.  
  69.  
  70. /****************************************
  71. Board Width
  72. *****************************************/
  73.  
  74. #wrapper {
  75. text-align:left;
  76. width:1000px;
  77. margin: 0px auto 30px;
  78. background: #0f0f0f;
  79. padding-bottom: 5px;
  80. }
  81.  
  82. #innerwrapper {
  83. padding: 0 10px;
  84. }
  85.  
  86. /****************************************
  87. custom userlinks
  88. *****************************************/
  89.  
  90. #outeruserlinks {
  91. position: fixed;
  92. background:#111010;
  93. width: 100%;
  94. left: 0;
  95. right:0;
  96. top:0;
  97. z-index: 20;
  98. height: 65px;
  99. }
  100.  
  101. #outeruserlinks {
  102.  
  103. }
  104.  
  105. .avatartop {
  106. float: left;
  107. }
  108.  
  109. .avatartop img {
  110. width: 30px;
  111. height: 30px;
  112. margiN: 10px;
  113. border-radius: 100%;
  114. bordeR: 1px solid #fff;
  115. padding: 5px;
  116. }
  117.  
  118. .usernamelink {
  119. float: left;
  120. font-size: 15px;
  121. font-family: josefin slab;
  122. text-transform: uppercase;
  123. margin-top: 22px;
  124. font-weight: 900;
  125. }
  126.  
  127. .usernamelink a {
  128. color:#999!important;
  129. }
  130.  
  131. .linksusers {
  132. position: absolute;
  133. right: 0;
  134. line-height: 65px;
  135. padding-right: 30px;
  136. }
  137.  
  138. .linksusers a {
  139. display: inline-block;
  140. float: left;
  141. margin-left: 15px;
  142. font-family: quicksand;
  143. text-transform: uppercase;
  144. font-size: 9px;
  145. letter-spacing: 1px;
  146. font-weight: 900;
  147. color:#999!important;
  148. height: 20px;
  149. }
  150.  
  151. .linksusers span {
  152. font-family: material icons;
  153. float: left;
  154. margin-right: 5px;
  155. font-size: 9px;
  156. font-weight: 100;
  157. color:#555;
  158. }
  159.  
  160. .subaccounts {
  161. display: inline-block;
  162. float: left;
  163. display: inline-block;
  164. float: left;
  165. margin-left: 15px;
  166. font-family: quicksand;
  167. text-transform: uppercase;
  168. font-size: 10px;
  169. letter-spacing: 2px;
  170. font-weight: 900;
  171. color:#999!important;
  172. }
  173.  
  174. .subaccounts .forminput {
  175. font-family: quicksand;
  176. text-transform: uppercase;
  177. font-size: 9px;
  178. letter-spacing: 1px;
  179. font-weight: 900;
  180. color:#999!important;
  181. height: 20px;
  182. float: left;
  183. margin-top: 23px;
  184. border: none;
  185. outline: none;
  186. box-shadow: none;
  187. background: none;
  188. cursor: pointer;
  189. }
  190.  
  191. /****************************************
  192. sidebar and sidebar controls
  193. *****************************************/
  194.  
  195. .cboxtog {
  196. float: right;
  197. background:#000;
  198. margin-right: -30px;
  199. width: 65px;
  200. margin-left: 25px;
  201. font-family: material icons;
  202. font-size: 17px;
  203. color:#fff;
  204. cursor: pointer;
  205. }
  206.  
  207. #slide {
  208. height:100%;
  209. positioN:absolute;
  210. left:0;
  211. right:0;
  212. top:0px;
  213. margin:auto;
  214. width:100%;
  215. -webkit-transition:.3s linear;
  216. -moz-transition:.3s linear;
  217. -o-transition:.3s linear;
  218. -ms-transition:.3s linear;
  219. }
  220.  
  221.  
  222. .shove {
  223. width:calc(100% - 300px)!important;
  224. left:300px!important;
  225. -webkit-transition:.3s linear;
  226. -moz-transition:.3s linear;
  227. -o-transition:.3s linear;
  228. -ms-transition:.3s linear;
  229. }
  230.  
  231. .shove1 {
  232. width:calc(100% - 300px)!important;
  233. left:300px!important;
  234. -webkit-transition:0s linear!important;
  235. -moz-transition:0s linear!important;
  236. -o-transition:0s linear!important;
  237. -ms-transition:0s linear!important;
  238. }
  239.  
  240.  
  241.  
  242. #sidebar {
  243. position:fixed;
  244. width:300px;
  245. height:100%;
  246. left:-300px;
  247. top:65px;
  248. opacity: 0;
  249. background: #000;
  250. -webkit-transition:.3s linear;
  251. -moz-transition:.3s linear;
  252. -o-transition:.3s linear;
  253. -ms-transition:.3s linear;
  254. }
  255.  
  256.  
  257. .show {
  258. left:0px!important;
  259. opacity: 1!important;
  260. }
  261.  
  262. .show1 {
  263. left:0px!important;
  264. opacity: 1!important;
  265. -webkit-transition:0s linear!important;
  266. -moz-transition:0s linear!important;
  267. -o-transition:0s linear!important;
  268. -ms-transition:0s linear!important;
  269. }
  270.  
  271. /****************************************
  272. header
  273. *****************************************/
  274.  
  275. #outerheader {
  276. position: relative;
  277. width: 1000px;
  278. margin: auto;
  279. margin-top: 65px;
  280. }
  281.  
  282. .headertitle {
  283. position: absolute;
  284. bottom: 158px;
  285. width: 1000px;
  286. font-size: 60px;
  287. font-family: arvo;
  288. font-weight: 900;
  289. text-align: center;
  290. color:#fff;
  291. letter-spacing: 8px;
  292. text-transform: uppercase;
  293. }
  294.  
  295. .secondhead {
  296. font-family:quicksand;
  297. font-size: 15px;
  298. letter-spacing: 15px;
  299. margin-top: 0px;
  300. font-weight: 500;
  301. text-transform: lowercase;
  302. }
  303.  
  304. /****************************************
  305. custom forum index
  306. *****************************************/
  307.  
  308. #outerfor {
  309. outline: 1px solid #222;
  310. margin: 1px;
  311. margin-top: 15px;
  312. margin-bottom: 15px;
  313. padding: 20px;
  314. background:#111010;
  315. }
  316.  
  317. .subforums {
  318. background:#d6d6d6;
  319. font-size: 9px;
  320. font-family: quicksand;
  321. font-weight: 900;
  322. text-transform: uppercase;
  323. letter-spacing: 1px;
  324. text-align: right;
  325. }
  326.  
  327. .subforums a {
  328. display: inline-block;
  329. margin-left: 10px;
  330. color:#fff!important;
  331. margin: 8px;
  332. }
  333.  
  334. .innerforum {
  335. background:#000;
  336. padding: 10px;
  337. height: 103px;
  338. }
  339.  
  340. .forname {
  341. background:#0f0f0f;
  342. padding: 25px 35px;
  343. font-family: arvo;
  344. font-size: 20px;
  345. width: 430px;
  346. height: 22px;
  347. text-align: right;
  348. text-transform: uppercase;
  349. float: left;
  350. letter-spacing:2px;
  351.  
  352. }
  353.  
  354. .forname a {
  355. color:#999!Important;
  356. }
  357.  
  358. .forimage {
  359. float: left;
  360. font-family: material icons;
  361. font-size: 25px;
  362. margin-left: -10px;
  363. color:#999;
  364. }
  365.  
  366. .forinfo {
  367. background:#0f0f0f;
  368. width: 482px;
  369. padding: 9px;
  370. font-family: arvo;
  371. text-transform: uppercase;
  372. font-size: 9px;
  373. letter-spacing:1px;
  374. height: 9px;
  375. color:#fff;
  376.  
  377. position: absolute;
  378. margin-top: 73px;
  379. }
  380.  
  381. .fordivide {
  382. font-family: material icons;
  383. position: relative;
  384. top: 2px;
  385. margin-left: 5px;
  386. margin-right: 5px;
  387. color:#333;
  388. }
  389.  
  390.  
  391. .fornum {
  392. float: left;
  393. height: 100px;
  394. widtH: 120px;
  395. margin-left: 10px;
  396. bordeR:1px solid #;
  397. background:#0f0f0f;
  398. }
  399.  
  400. .fornumin {
  401. font-family: quicksand;
  402. font-weight: 500;
  403. font-size: 9px;
  404. letter-spacing: 2px;
  405. color:#999;
  406. }
  407.  
  408. .fornumin span {
  409. font-size: 11px;
  410. font-family: quicksand;
  411. color:#999;
  412. text-transform: lowercase;
  413. font-weight: 900;
  414. letter-spacing: 1px;
  415. }
  416.  
  417. .fornum1 {
  418. border-bottom: 1px solid #444;
  419. height: 50px;
  420. line-height: 70px;
  421. text-align: center;
  422. margin: 0px 20px;
  423. }
  424.  
  425. .fornum2 {
  426. height: 50px;
  427. line-height: 30px;
  428. text-align: center;
  429. margin: 0px 10px;
  430. }
  431.  
  432. .fordesc {
  433. float: left;
  434. margin-left: 10px;
  435. background: ;
  436. padding: 1px;
  437. height: 80px;
  438. width: 270px;
  439.  
  440. }
  441.  
  442. .fordescin {
  443. padding:10px;
  444. height:80px;
  445. overflow: auto;
  446. font-family: quicksand;
  447. font-size: 13px;
  448. color:#999;
  449. text-transform: lowercase;
  450. text-align: justify;
  451. line-height: 120%;
  452. letter-spacing: .5px;
  453. background:#0f0f0f;
  454. }
  455.  
  456. /****************************************
  457. custom stats
  458. *****************************************/
  459.  
  460. #outerstats {
  461. padding: 20px;
  462. background: #111010;
  463. outline: 1px solid #222;
  464. }
  465.  
  466. .statstitle {
  467. background:#000;
  468. text-align: right;
  469. padding: 15px;
  470. font-size: 50px;
  471. font-family: arvo;
  472. color:#fff;
  473. text-transform: uppercase;
  474. letter-spacing:10px;
  475. }
  476.  
  477. .containstats {
  478. background: #000;
  479. padding: 10px;
  480. position: relative;
  481. height: 245px;
  482. }
  483.  
  484. .leftstats {
  485. float: left;
  486. height: 200px;
  487. width: 460px;
  488. }
  489.  
  490. .topactive {
  491. background: #0f0f0f;
  492. height: 50px;
  493. line-height: 50px;
  494. padding: 0px 20px;
  495. font-family: josefin slab;
  496. font-size: 20px;
  497. font-weight: 500;
  498. width: 405px;
  499. text-align: left;
  500. text-transform: uppercase;
  501. float: left;
  502. color:#999;
  503. margin-bottom: -1px;
  504. }
  505.  
  506. .topactive span {
  507. font-size: 10px;
  508. float: right;
  509. font-family: quicksand;
  510. text-transform: uppercase;
  511. letter-spacing: 1px;
  512. font-weight: 900;
  513. margin-toP: 1px;
  514. }
  515.  
  516. .activestats {
  517. float: left;
  518. background: #0a0a0a;
  519. height: 147px;
  520. width: 445px;
  521. }
  522.  
  523. .activein {
  524. margin: 15px;
  525. height: 115px;
  526. overflow: auto;
  527. font-family:quicksand;
  528. text-transform: uppercase;
  529. font-size: 11px;
  530. letter-spacing: 1px;
  531. text-align: justify;
  532. line-height: 100%;
  533.  
  534. }
  535.  
  536. .rightstats {
  537. float: left;
  538. width: 410px;
  539. height: 173px;
  540. }
  541.  
  542. .toptoday {
  543. background: #0f0f0f;
  544. height: 30px;
  545. line-height: 31px;
  546. padding: 0px 10px;
  547. font-family: quicksand;
  548. font-size: 10px;
  549. font-weight: 500;
  550. width: 164px;
  551. text-align: center;
  552. text-transform: uppercase;
  553. position: absolute;
  554. top: 60px;
  555. margin-bottom: -1px;
  556. letter-spacing: 1px;
  557. color:#999;
  558. }
  559.  
  560. .statsonline {
  561. positioN: absolute;
  562. top: 101px;
  563. background: #0f0f0f;
  564. padding: 10px;
  565. height: 84px;
  566. width: 163px;
  567.  
  568. }
  569.  
  570. .statsonlinein {
  571. background: #0f0f0f;
  572. height: 85px;
  573. overflow: auto;
  574. font-family:quicksand;
  575. font-size: 15px;
  576. font-weight: 500;
  577. color: #999;
  578. text-transform: lowercase;
  579. text-align: justify;
  580. line-height: 100%;
  581. letter-spacing: 1px;
  582.  
  583. }
  584.  
  585. .statslist {
  586. position: absolute;
  587. height: 150px;
  588. widtH: 265px;
  589. right: 10px;
  590. top: 60px;
  591. }
  592.  
  593. .statli {
  594. height: 42px;
  595. line-height: 43px;
  596. text-align: right;
  597. padding: 0px 15px;
  598. margin-bottoM: 10px;
  599. background: #0a0a0a;
  600. font-family: quicksand;
  601. font-size: 12px;
  602. text-transform: uppercase;
  603. color:#999;
  604. letter-spacing: .5px;
  605. }
  606.  
  607. .statli span {
  608. float: left;
  609. font-family: material icons;
  610. font-size: 12px;
  611. color:#777;
  612. }
  613.  
  614. .statslinks {
  615. position: absolute;
  616. top: 10px;
  617. height: 40px;
  618. width: 458px;
  619. line-height: 32px;
  620. background: #0a0a0a;
  621.  
  622.  
  623. }
  624.  
  625. .statslinks a {
  626. font-family: josefin slab;
  627. font-size: 14px;
  628. text-transform: lowercase;
  629. letter-spacing: 1px;
  630. color:#777!Important;
  631. }
  632.  
  633. .statslinks table {
  634. width: 448px;
  635. margin-lefT: 5px;
  636. text-align: center;
  637. }
  638.  
  639. .newestuser {
  640. position: absolute;
  641. bottom: 10px;
  642. background: #0f0f0f;
  643. padding: 5px 15px;
  644. font-family: quicksand;
  645. font-size: 13px;
  646. font-weight: 500;
  647. width: 888px;
  648. height: 30px;
  649. line-height: 23px;
  650. text-align: right;
  651. text-transform: lowercase;
  652. }
  653.  
  654. .newestuser span {
  655. float: left;
  656. letter-spacing: 1px;
  657. color:#888;
  658. font-size: 15px;
  659. text-transform: uppercase;
  660. font-weight: 900;
  661. }
  662.  
  663. .newestuser a {
  664. font-family: quicksand;
  665. text-transform: none;
  666. font-weight: 500;
  667. color:#777!important;
  668. }
  669.  
  670. /****************************************
  671. custom topics
  672. *****************************************/
  673.  
  674. .announcetitle {
  675. background:#111010;
  676. padding: 5px 10px;
  677. text-transform: uppercase;
  678. font-family: quicksand;
  679. font-weight: 900;
  680. letter-spacing: 2px;
  681. font-size: 8px;
  682. margin-top: 10px;
  683. color:#999;
  684. }
  685.  
  686. #outertopic {
  687. ] margin: 1px;
  688. margin-top: 15px;
  689. margin-bottom: 15px;
  690. padding: 20px;
  691. background: #111010;
  692. margin-bottom: 20px;
  693. }
  694.  
  695. .innertopic {
  696. background:#000;
  697. padding: 10px;
  698. height: 97px;
  699. }
  700.  
  701. .topicinfo {
  702. background: #0f0f0f;
  703. padding: 7px;
  704. text-align: right;
  705. font-family: quicksand;
  706. font-size: 8px;
  707. text-transform: uppercase;
  708. font-weight: 500;
  709. color:#999;
  710. letter-spacing: 1px;
  711. }
  712.  
  713. .topicinfo a {
  714. font-weight: 900;
  715. letter-spacing: .3px;
  716. font-size: 9px;
  717. color:#888!important;
  718. }
  719.  
  720. .topictitlearea {
  721. float: left;
  722. height: 70px;
  723. width: 500px;
  724. margin-top: 5px;
  725. background: #0f0f0f;
  726. font-family: quicksand;
  727. font-size: 16px;
  728. line-height: 65px;
  729. text-align: center;
  730. font-weight: 500;
  731. text-transform: lowercase;
  732. float: left;
  733.  
  734. }
  735.  
  736. .topictitlearea a {
  737. color:#999!important;
  738. }
  739.  
  740. .topicspan {
  741. float: left;
  742. font-family: material icons;
  743. margin-left: 20px;
  744. font-sizE: 19px;
  745. color:#999;
  746. }
  747.  
  748. .topicnums {
  749. float: left;
  750. height: 37px;
  751. margin-top: 5px;
  752. margin-left: 5px;
  753. width: 411px;
  754.  
  755. }
  756.  
  757. .topicnumin {
  758. margin-right: 5px;
  759. background: #0a0a0a;
  760.  
  761. float: left;
  762. width: 201px;
  763. height: 35px;
  764. line-height: 35px;
  765. text-align: center;
  766. font-family: quicksand;
  767. letter-spacing: 2px;
  768. font-size: 9px;
  769. color:#999;
  770. font-weight: 500;
  771. text-transform: uppercase;
  772. }
  773.  
  774. .topicnumin b {
  775. letter-spacing: 0px;
  776. }
  777.  
  778. .topicnum2 {
  779. margin-right: 0px;
  780. }
  781.  
  782. .topicinim {
  783. float: left;
  784. margin-left: 18px;
  785. font-family: material icons;
  786. font-size: 13px;
  787. color:#bbb;
  788. }
  789.  
  790. .topicdesc {
  791. background: #0e0e0e;
  792. padding: 8px;
  793. height: 10px;
  794. width: 395px;
  795. text-align: center;
  796. float: left;
  797. font-family: quicksand;
  798. font-size: 9px;
  799. font-weight: 900;
  800. color:#888;
  801. letter-spacing: .4px;
  802. margin-left: 5px;
  803. margin-top: 5px;
  804. text-right;
  805. text-transform: uppercase;
  806. }
  807.  
  808. /****************************************
  809. custom profile
  810. *****************************************/
  811.  
  812. #outerprofile {
  813. bordeR: 1px solid #222;
  814. margin:170px;
  815. margin-top: 50px;
  816. margin-bottom: 50px;
  817. background:#111;
  818. padding: 50px;
  819. }
  820.  
  821. .innerprofile {
  822. background: #000;
  823. padding: 20px;
  824. height: 520px;
  825. }
  826.  
  827. .prousername {
  828. background:#111010;
  829. padding: 20px;
  830. margin-bottom: 10px;
  831. font-family: arvo;
  832. font-size: 30px;
  833. color:#999;
  834. }
  835.  
  836. .proav {
  837. float: left;
  838. width: 200px;
  839. height: 400px;
  840. }
  841.  
  842. .proav img {
  843. width: 200px;
  844. }
  845.  
  846. .rightprofile {
  847. position: absolute;
  848. margin-left: 210px;
  849. width: 305px;
  850. height: 400px;
  851. }
  852.  
  853. .profilelinks {
  854. list-style: none;
  855. }
  856.  
  857. .profilelinks li {
  858. display: inline-block;
  859. background:#0f0f0f;
  860. width: 66px;
  861. height: 66px;
  862. margin-right: 5px;
  863. }
  864.  
  865. .profilelinks li span {
  866. font-family: material icons;
  867. font-size: 23px;
  868. text-align: center;
  869. display: block;
  870. height: 40px;
  871. line-height: 55px;
  872. }
  873.  
  874. .profilelinks li b {
  875. display: block;
  876. text-align: center;
  877. font-size: 9px;
  878. text-transform: uppercase;
  879. font-weight: 900;
  880. margin-top: 4px;
  881. color:#666!Important;
  882. letter-spacing: .5px;
  883. }
  884.  
  885. .profilelinks a {
  886. color:#bbb!important;
  887. }
  888.  
  889. .profilelist ul {
  890. list-style: none;
  891. margin: 0;
  892. margin-top: 8px;
  893. padding: 15px;;
  894. background:#0f0f0f;
  895. width: 256px;
  896. height: 294px;
  897. }
  898.  
  899. .profilelist li {
  900. display: block;
  901. margin-bottom: 11.5px;
  902. background:#000;
  903.  
  904. padding: 9px;
  905. height: 14px;
  906. line-height: 14px;
  907. text-align: right;
  908. font-size: 13px;
  909. font-family: arvo;
  910. text-transform:uppercase;
  911. color:#777;
  912. }
  913.  
  914. .profilelist b {
  915. float: left;
  916. font-size: 10px;
  917. font-family: quicksand;
  918. text-transform: uppercase;
  919. color:#555
  920. }
  921.  
  922. .profilealias {
  923. float: left;
  924. width: 475px;
  925. background:#0f0f0f;
  926. margin-top: 8px;
  927. padding: 10px;
  928. font-family: quicksand;
  929. text-transform: lowercase;
  930. font-size: 11px;
  931. font-weight: 500;
  932. color:#999;
  933. letter-spacing: 1px;
  934. text-align: center;
  935. margin-bottom:10px;
  936.  
  937. }
  938.  
  939. .profilealias span {
  940. font-family: material icons;
  941. positioN: relative;
  942. toP: 1px;
  943. font-size: 8px;
  944. margin-left: 10px;
  945. margin-right: 10px;
  946. color:#444;
  947. }
  948.  
  949. /****************************************
  950. custom post view
  951. *****************************************/
  952.  
  953. #outerpost {
  954. background:#0f0f0f;
  955. border: 1px solid #222;
  956. padding: 10px;
  957. margin-bottom: 20px;
  958. }
  959.  
  960. .toppost {
  961. height: 120px;
  962. background:#0f0f0f;
  963. position: relative;
  964. border: 1px solid #222;
  965.  
  966. }
  967.  
  968. .usernamepost {
  969. line-height: 120px;
  970. margin-left: 110px;
  971. font-size: 24px;
  972. font-family: arvo;
  973. letter-spacing:5px;
  974. }
  975.  
  976. .postgif {
  977. position: absolute;
  978. width: 40px;
  979. height: 40px;
  980. top: 0;
  981. bottom:0;
  982. margin: auto;
  983. margin-left: 40px;
  984. border-radius: 100%;
  985. border: 1px solid #f0f0f0;
  986. padding: 4px;
  987. }
  988.  
  989. .postgif img {
  990. width: 40px;
  991. height: 40px;
  992. border-radius:100px;
  993. }
  994.  
  995. .posthold {
  996. margin-top: 10px;
  997. background: #000;
  998. position: relative;
  999. }
  1000.  
  1001. .postcontainer {
  1002. width: 700px;
  1003. min-height: 240px;
  1004. background:#0f0f0f;
  1005. overflow: hidden;
  1006. text-align:justify;
  1007.  
  1008. }
  1009.  
  1010. .postinfo {
  1011. border:1px solid #222;
  1012. width:660px;
  1013. padding: 4px 10px;
  1014. height: 20px;
  1015. line-height: 20px;
  1016. font-family: quicksand;
  1017. font-weight: 900;
  1018. text-transform: uppercase;
  1019. text-align:justify;
  1020. font-size: 12px;
  1021. margin-bottom:10px;
  1022. color: 000;
  1023.  
  1024. }
  1025.  
  1026. .ip {
  1027. margin-left: 5px;;
  1028. }
  1029.  
  1030. .postedits {
  1031. float: right;
  1032. }
  1033.  
  1034. .modcheck {
  1035. float: right;
  1036. margin-left: 5px;
  1037. }
  1038.  
  1039. .insidepostarea {
  1040. margin-right:20px;
  1041. }
  1042.  
  1043. .miniprofilehold {
  1044. position: absolute;
  1045. width:250px;
  1046. margin-left:700px;
  1047. margin-top:-700px;
  1048.  
  1049. }
  1050.  
  1051. /****************************************
  1052. Link colors
  1053. *****************************************/
  1054.  
  1055. a:link, a:visited, a:active {
  1056. text-decoration: none; color: indigo;
  1057. }
  1058. b {font-weight:bold;color:indigo;}
  1059.  
  1060.  
  1061. /****************************************
  1062. Profile styles
  1063. *****************************************/
  1064.  
  1065. #profilename {
  1066. font-size:28px;
  1067. font-weight:bold;
  1068. }
  1069.  
  1070. #photowrap {
  1071. padding:6px;
  1072. }
  1073.  
  1074. #phototitle {
  1075. font-size:24px;
  1076. border-bottom:1px solid #f0f0f0;
  1077. }
  1078.  
  1079. #photoimg {
  1080. text-align:center; margin-top:15px;
  1081. }
  1082.  
  1083. /****************************************
  1084. UserCP/My Controls styles
  1085. *****************************************/
  1086.  
  1087. #ucpmenu {
  1088. line-height:150%;
  1089. width:22%;
  1090. background-color: #EFEFEF;
  1091. }
  1092.  
  1093. #ucpmenu p {
  1094. padding:2px 5px 6px 9px;
  1095. margin:0px;
  1096. }
  1097.  
  1098. #ucpcontent {
  1099. background-color: #EFEFEF;
  1100. line-height:150%; width:auto;
  1101. }
  1102.  
  1103. #ucpcontent p {
  1104. padding:10px;
  1105. margin:0px;
  1106. }
  1107.  
  1108. /****************************************
  1109. Logo Strip
  1110. *****************************************/
  1111.  
  1112. #logostrip {
  1113. display: none;
  1114. }
  1115.  
  1116. #logo {
  1117. min-height: 60px;
  1118. text-align: left;
  1119. margin-top: 5px;
  1120. padding: 20px 20px 5px;
  1121. }
  1122.  
  1123.  
  1124. #logo a, #logo a:hover {
  1125. font-size: 36px;
  1126. text-decoration: none;
  1127. font-weight: bold;
  1128. color: #800000;
  1129. }
  1130.  
  1131. /****************************************
  1132. Search Bar
  1133. *****************************************/
  1134.  
  1135. #searchbar {
  1136. display: block;
  1137. float: right;
  1138. position: relative;
  1139. right: 10px;
  1140. top: 8px;
  1141. }
  1142.  
  1143. #searchbar .search-container {
  1144. background-color: #FFFFFF;
  1145. box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
  1146. border: 1px solid #f0f0f0;
  1147. display: block;
  1148. height: 26px;
  1149. position: relative;
  1150. width: 200px;
  1151. }
  1152.  
  1153. #searchbar .search-input {
  1154. background: none repeat scroll 0 0 transparent;
  1155. border: 0;
  1156. color: #808080;
  1157. font-size: 12px;
  1158. width: 192px;
  1159. height: 26px;
  1160. font-family: Arial, sans-serif;
  1161. padding: 1px 0 0 8px;
  1162. }
  1163.  
  1164. #searchbar .search-input:focus {
  1165. color: #000000;
  1166. }
  1167.  
  1168. #searchbar .search-button {
  1169. background: #800000 url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
  1170. border: 0;
  1171. bottom: 0;
  1172. margin: 0;
  1173. border-radius: 0;
  1174. display: block;
  1175. height: 26px;
  1176. padding: 0;
  1177. position: absolute;
  1178. right: 0;
  1179. text-indent: -3000em;
  1180. top: 0;
  1181. width: 26px;
  1182. cursor: pointer;
  1183. box-shadow: none;
  1184. }
  1185.  
  1186. /****************************************
  1187. Navigation Bar / Submenu
  1188. *****************************************/
  1189.  
  1190. #submenu {display: none;
  1191. font-size: 13px;
  1192. border: solid #f0f0f0;
  1193. border-width: 1px 0;
  1194. background-color: #800000;
  1195. background-image: url(http://files.b1.jcink.com/themes/default/red-gradient-glass.png);
  1196. background-position: center center;
  1197. margin-bottom: 3px;
  1198. }
  1199.  
  1200. #submenu img {
  1201. display: none;
  1202. }
  1203.  
  1204. #submenu a:link, #submenu a:visited, #submenu a:active {
  1205. text-decoration: none;
  1206. color: #fff !important;
  1207. padding: 7px 7px;
  1208. font-weight: bold;
  1209. }
  1210.  
  1211. #submenu a:hover {
  1212. color: #fff !important;
  1213. text-decoration: underline;
  1214. }
  1215.  
  1216. #navi br {
  1217. display: none;
  1218. }
  1219.  
  1220.  
  1221. #navstrip {
  1222. width: 1000px;
  1223. margin: auto;
  1224. background:#000;
  1225. line-height: 23px;
  1226. height: 20px;
  1227. text-align: center;
  1228. font-size: 0px;
  1229. text-transform: uppercase;
  1230. font-family: josefin slab;
  1231. letter-spacing: 1px;
  1232. font-weight: 900;
  1233. }
  1234.  
  1235. #navstrip a {
  1236. font-size: 13px;
  1237. margin-right: 10px;
  1238. }
  1239.  
  1240. /****************************************
  1241. Calendar styling
  1242. *****************************************/
  1243.  
  1244. .caldate {
  1245. text-align:right;
  1246. font-weight:bold;
  1247. font-size:11px;
  1248. color:#555;
  1249. background-color:#F2F2F2;
  1250. padding:4px; margin:0px;
  1251. }
  1252.  
  1253. #calendarname {
  1254. font-size:22px;
  1255. font-weight:bold;
  1256. }
  1257.  
  1258. #padandcenter {
  1259. margin-left:auto;
  1260. margin-right:auto;
  1261. text-align:center;
  1262. padding:14px 0px 14px 0px;
  1263. }
  1264.  
  1265.  
  1266. /**************************************************
  1267. User Links Menu (Messages / View new posts / etc )
  1268. ***************************************************/
  1269.  
  1270. #userlinks { display: none;
  1271. border: 1px solid #f0f0f0;
  1272. background-color: #F2F2F2;
  1273. list-style: none;
  1274. width: 960px;
  1275. margin: 0 auto;
  1276. background-image:url(http://files.b1.jcink.com/themes/default/white-gradient.png);
  1277. }
  1278.  
  1279. #userlinks td {
  1280. color: #333;
  1281. }
  1282.  
  1283. #userlinks a {
  1284. text-decoration: underline; padding: 1px;
  1285. }
  1286.  
  1287. #userlinks a:hover {
  1288. text-decoration: none;
  1289. }
  1290.  
  1291.  
  1292. /****************************************
  1293. Topic View styles
  1294. *****************************************/
  1295.  
  1296. .activeuserstrip {
  1297. background-color: #0f0f0f;padding:6px
  1298. }
  1299.  
  1300. .normalname {
  1301. font-size: 12px;
  1302. font-weight: bold;
  1303. color: #000;
  1304. }
  1305.  
  1306. .normalname a {
  1307. font-size: 12px;
  1308. }
  1309.  
  1310. .unreg {
  1311. font-size: 11px;
  1312. font-weight: bold;
  1313. color: #900;
  1314. }
  1315.  
  1316. .post1 {
  1317. background-color: #f2f2f2;
  1318. }
  1319.  
  1320. .post2 {
  1321. background-color: #f2f2f2;
  1322. }
  1323.  
  1324. .postdetails {
  1325. font-size: 10px;
  1326. }
  1327.  
  1328. .postcolor {
  1329. font-size: 12px; line-height: 160%;
  1330. }
  1331.  
  1332. .postlinksbar {
  1333.  
  1334. padding:5px 10px;
  1335.  
  1336. font-size:10px;
  1337.  
  1338. }
  1339.  
  1340. .signature {
  1341. font-size: 10px;
  1342. color: #0f0f0f;
  1343. line-height:150%;
  1344. }
  1345.  
  1346.  
  1347. /*******************************
  1348. Pagination e.g. [1],2,3 ...
  1349. *******************************/
  1350.  
  1351. .pagination .pagination_current, .pagination a {
  1352. padding: 2px 5px;
  1353. }
  1354.  
  1355. .pagination a:link, .pagination a:visited, .pagination a:active {
  1356. border: 1px solid #f0f0f0;
  1357. border-radius:3px;
  1358. background-color:#740300;
  1359. padding-left:6px;
  1360. padding-right:6px;
  1361. color:#ffffff;
  1362. text-decoration:none;
  1363. box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
  1364. }
  1365.  
  1366. .pagination a:hover {
  1367. background: #EFEEEE;
  1368. text-decoration: none;
  1369. color:#000000;
  1370. box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
  1371. background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
  1372. }
  1373.  
  1374. .pagination .pagination_current {
  1375. background: none repeat scroll 0% 0% #000;
  1376. border: 1px solid #f0f0f0;
  1377. border-radius:3px;
  1378. padding-left:6px;
  1379. padding-right:6px;
  1380. background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
  1381. }
  1382.  
  1383. .pagination_first, .pagination_last, .pagination_page {
  1384. background: none repeat scroll 0% 0% #740300;
  1385. border: 1px solid #f0f0f0;
  1386. }
  1387.  
  1388. .pagination_pagetxt {
  1389. display:none;
  1390. }
  1391.  
  1392. /****************************************
  1393. Global general table/div row styles
  1394. *****************************************/
  1395.  
  1396. .row1,.row3,.row4,.row2 {
  1397. background-color: #EFEFEF;
  1398. padding: 5px;
  1399. }
  1400.  
  1401. #boardstats .row2 {
  1402. text-align: center;
  1403. }
  1404.  
  1405. .darkrow1 {
  1406.  
  1407. }
  1408.  
  1409. .darkrow2 {
  1410.  
  1411. }
  1412.  
  1413. td.darkrow2 {
  1414. display: none;
  1415. }
  1416.  
  1417. .darkrow3 {
  1418. background-color: #D6D6D6;
  1419. color: #000;
  1420. padding: 3px;
  1421. }
  1422.  
  1423. .hlight { background-color: #EFEFEF; }
  1424. .dlight { background-color: #EFEFEF; }
  1425.  
  1426. /****************************************
  1427. Top table bars / gradient holders
  1428. *****************************************/
  1429.  
  1430. .maintitle {
  1431. padding: 50px;
  1432. font-family: arvo;
  1433. text-transform: uppercase;
  1434. font-size: 50px;
  1435. background: #0f0f0f;
  1436. color:#fff;
  1437. bordeR:1px solid #222;
  1438. letter-spacing:12px
  1439. }
  1440.  
  1441. .maintitle a {
  1442. text-decoration: none;
  1443. color:#fff!Important;
  1444. }
  1445.  
  1446.  
  1447. /****************************************
  1448. Bar directly below the maintitles
  1449. *****************************************/
  1450.  
  1451. .titlemedium {
  1452. font-weight:bold; color:#222;
  1453. padding: 2px 6px; margin:0px;
  1454. background-color:#D8D8D8;
  1455. background-image: url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
  1456. }
  1457.  
  1458.  
  1459. /****************************************
  1460. Table & Div Borders
  1461. *****************************************/
  1462.  
  1463. .tableborder {
  1464. padding:0px; margin:0;
  1465. }
  1466.  
  1467. .tablefill {
  1468.  
  1469. padding:6px;
  1470. }
  1471.  
  1472. .tablepad {
  1473.  
  1474. padding:6px;
  1475. }
  1476.  
  1477. .tablebasic {
  1478. width:100%; padding:0; margin:0px; border:0px;
  1479. }
  1480.  
  1481. .plainborder {
  1482.  
  1483. }
  1484.  
  1485. /****************************************
  1486. QUOTE and CODE BBCode boxes
  1487. *****************************************/
  1488.  
  1489. #QUOTE {
  1490. white-space:normal;
  1491. font-family:gabriola, serif;
  1492. font-size: 11px;
  1493. color: #333;
  1494. border: 0px;
  1495. padding:2px;
  1496. border-left:2px solid #000;
  1497. margin-top:2px;
  1498. }
  1499.  
  1500. #CODE {
  1501. white-space:normal;
  1502. font-family: consolas;
  1503. font-size: 11px;
  1504. color: #333;
  1505. background-color: #EFEFEF;
  1506. border: 0px;
  1507. padding:2px;
  1508. border:1px solid #555;
  1509. margin-top:2px;
  1510. width:500px;
  1511. height:200px;
  1512. overflow:auto;
  1513. }
  1514.  
  1515.  
  1516. /**********************************************
  1517. Input buttons, e.g. submit, text input, etc
  1518. ***********************************************/
  1519.  
  1520. .button-large {
  1521. background: #ccc;
  1522. padding: 5px 12px;
  1523. text-align:center;
  1524. margin:0px 5px 0px 5px;
  1525. color: #FFFFFF;
  1526. font-weight: 500;
  1527. min-width: 75px;
  1528. font-family: quicksand;
  1529. text-transform: lowercase;
  1530. display: inline-block;
  1531. }
  1532.  
  1533.  
  1534. .button-small {
  1535. color: #FFFFFF;
  1536. font-size: 11px;
  1537. margin: 3px;
  1538. padding: 4px 7px;
  1539. min-width: 50px;
  1540. max-width: 80px;
  1541. }
  1542.  
  1543. .post-buttons-top { margin-top: 3px; }
  1544.  
  1545. .button-large.closed {
  1546. background: url(http://files.b1.jcink.com/themes/default/white-gradient.png);
  1547. padding: 7px 12px;
  1548. text-align:center;
  1549. margin:0px 5px 0px 5px;
  1550. border: 1px solid #f0f0f0;
  1551. color: #660000;
  1552. font-weight: bold;
  1553. }
  1554.  
  1555. .forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
  1556. border-radius: 0px;
  1557. background: #000;
  1558. border: none;
  1559. color: #666;
  1560. font-size: 11px;
  1561. padding: 2px;
  1562. vertical-align: middle;
  1563. outline: none;
  1564. }
  1565.  
  1566.  
  1567. input[type=submit], input[type=button], input[type=reset] {
  1568. background: #ccc;
  1569. box-shadow: none;
  1570. color: #FFFFFF;
  1571. font-size: 11px;
  1572. margin: 3px;
  1573. padding: 3px 6px;
  1574. text-decoration: none;
  1575. border: none;
  1576. outline: none;
  1577. }
  1578.  
  1579. .codebuttons {
  1580. font-size: 10px;
  1581. }
  1582.  
  1583.  
  1584. /****************************************
  1585. Form table cell styles, left/right/top
  1586. *****************************************/
  1587.  
  1588. .pformstrip {
  1589.  
  1590.  
  1591. padding: 2px 5px;
  1592. margin-top:1px
  1593. }
  1594.  
  1595. .pformleft {
  1596. background-color: #EFEFEF;
  1597. padding:6px;
  1598. margin-top:1px;width:25%;
  1599.  
  1600. }
  1601.  
  1602. .pformleftw {
  1603. background-color: #EFEFEF; padding:6px;
  1604. margin-top:1px;width:40%;
  1605.  
  1606. }
  1607.  
  1608. .pformright {
  1609. background-color: #EFEFEF;
  1610. padding:6px; margin-top:1px;
  1611.  
  1612. }
  1613.  
  1614.  
  1615. /****************************************
  1616. Tabs on the portal profiles + sections
  1617. *****************************************/
  1618.  
  1619. .opentab {
  1620. color: #FFF;
  1621. padding:8px;float: left; width: auto;
  1622. background-color: #800000;
  1623. background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png);
  1624. margin-top:3px;
  1625. margin-right:2px;
  1626. font-size:11px;
  1627. border: #f0f0f0 1px solid;
  1628. }
  1629.  
  1630. .closedtab {
  1631. color: #FFF;
  1632. padding:7px;float: left;width: auto;
  1633. background-color: #800000;
  1634. background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png);
  1635. margin-top:6px;
  1636. margin-right:2px;
  1637. font-size:11px;
  1638. border-top: #f0f0f0 1px solid;
  1639. border-right: #f0f0f0 1px solid;
  1640. border-left: #f0f0f0 1px solid;
  1641. }
  1642.  
  1643. .positiontab {
  1644. height: 34px; margin-left: 2px;
  1645. }
  1646.  
  1647. /****************************************
  1648. Delete all cookies / mark read
  1649. *****************************************/
  1650.  
  1651. #delcookiesrow, #mark-as-read-subto {
  1652. font-size: 10px;
  1653. padding: 5px;
  1654. width: 260px;
  1655. float: right;
  1656. margin-top:-3px;
  1657. padding-left:1px;
  1658. }
  1659.  
  1660. #mark-as-read-subto {
  1661. float: none;
  1662. padding-top: 3px;
  1663. }
  1664.  
  1665.  
  1666. /*******************************
  1667. Board Statistics Links
  1668. *******************************/
  1669.  
  1670. .toplinks a {
  1671. color: #ffffff;
  1672. font-size: 11px;
  1673. text-decoration: none;
  1674. }
  1675.  
  1676. .toplinks {
  1677. margin: 0 11px -37px 0;
  1678. text-align: right;
  1679. color: transparent;
  1680. }
  1681.  
  1682. /*******************************
  1683. Mini Profile Seperators
  1684. *******************************/
  1685.  
  1686. .postbit {
  1687. border-bottom: solid 1px #C0C0C0;
  1688. color: black;
  1689. background: #EFEFEF;
  1690. font-size: 11px;
  1691. padding: 6px 7px;
  1692. }
  1693.  
  1694. /********************************
  1695. Miscellaneous
  1696. ********************************/
  1697.  
  1698. /* image tag styles */
  1699. img { vertical-align:middle; border:0px }
  1700. img.attach { border:2px outset #f0f0f0;padding:2px }
  1701.  
  1702. /* Forum Descriptions */
  1703. .desc { font-size:11px; color: #000; }
  1704.  
  1705. /* Edited by text */
  1706. .edit { font-size: 9px }
  1707.  
  1708. /* Topic Macros */
  1709.  
  1710. .wrapmini { display: none;
  1711. float: left; }
  1712.  
  1713. /* Warning CSS */
  1714. .warngood { color:green }
  1715. .warnbad { color:red }
  1716.  
  1717. /* Skin selector dropdown */
  1718. #skin_selector {
  1719. margin: 10px 0;
  1720. }
  1721.  
  1722.  
  1723. /* Online users list row */
  1724. .thin {
  1725. padding:6px 0px 6px 0px;
  1726. line-height:140%;
  1727. margin:2px 0px 2px 0px;
  1728. border-top:1px solid #f0f0f0;
  1729. border-bottom:1px solid #f0f0f0;
  1730. }
  1731.  
  1732. /* Latest news area */
  1733. .newstext {
  1734. display: none;
  1735. background-color: #EFEFEF;
  1736. border: 1px solid #f0f0f0;
  1737. padding: 6px 6px 2px 6px;
  1738. margin-bottom: 10px;
  1739. }
  1740.  
  1741. /* Highlighted text in search */
  1742. .searchlite {
  1743. color:#F00;
  1744. font-weight:bold;
  1745. background-color:#FF0;
  1746. }
  1747.  
  1748. /****************************************
  1749. Mobile-specific Styles
  1750. *****************************************/
  1751.  
  1752. #mobile {
  1753. background-color: #0f0f0f;
  1754. }
  1755.  
  1756. /***********************************
  1757. Copyright: Removal is against Terms
  1758. ************************************/
  1759.  
  1760. .copyright {
  1761. font-size: 10px; line-height: 12px;
  1762. }
  1763.  
  1764. .credits {
  1765. text-align: center;
  1766. font-family: quicksand;
  1767. text-transform: uppercase;
  1768. font-size: 10px;
  1769. font-weight: 900;
  1770. letter-spacing: 2px;
  1771. margin-bottoM: 5px;
  1772. color:#ccc;
  1773. }
  1774.  
  1775. .credits a {
  1776. color:#999!important;
  1777. font-style: italic;
  1778. }
  1779.  
  1780. h1 {font-family:josefin slab;
  1781. font-size:20px;
  1782. letter-spacing:2px;
  1783. text-transform:upppercase;
  1784. text-align:center;}
  1785.  
  1786. /***********************************
  1787. boxes
  1788. ************************************/
  1789. .headbox {
  1790. width :900px;
  1791. height:200px;
  1792. margin:auto;
  1793. padding:50px;
  1794. background-color:#111010;}
  1795.  
  1796. .bhead {
  1797. font-family: quicksand;
  1798. font-size:11px;
  1799. color:#ffffff;
  1800. text-align:justify;
  1801. width:280px;
  1802. height:200px;
  1803. overflow:auto;
  1804. line-height:100%;
  1805. letter-spacing:1px;
  1806. float:left;
  1807. margin-left:20px;}
  1808.  
  1809.  
  1810. .blinks {
  1811. width: 105px;
  1812. padding:10px;
  1813. float:left;
  1814. font-family:quicksand;
  1815. font-size:11px;
  1816. letter-spacing:1px;
  1817. margin:5px;
  1818. border:1px solid #f0f0f0;}
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825. /*----------------------------------------
  1826. Savage Hearts
  1827. a template set by
  1828. widowspeak aka meg
  1829. -----------------------------------------*/
  1830.  
  1831. /* general template styles for ALL templates in set */
  1832.  
  1833. .savage {
  1834. /* for skins with fluid width layouts, change width to 100% or 90% */
  1835. width: 100%
  1836. box-sizing: border-box;
  1837. margin: 0 auto 10px;
  1838. padding: 25px;
  1839. position:relative;
  1840. color: #999;
  1841. letter-spacing: 1px;;
  1842. word-spacing: 10;
  1843. font: 13px/1.3em "quicksand", sans-serif;
  1844.  
  1845. /* uses two background images (a dark overlay + subtle repeating texture) so you can adjust overall container width */
  1846. background-image: url(http://imgur.com/eVRAd78.png), url(http://imgur.com/NeBH6bl.png);
  1847. background-position: left top, left top;
  1848. background-repeat: no-repeat, repeat;
  1849. background-color:#000;
  1850. }
  1851. .scontent {
  1852. padding: 20px;
  1853. text-align: justify;
  1854. background-color: #111;
  1855. box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.15);
  1856. }
  1857. .savage p {
  1858. padding: 0 16px;
  1859. text-align: justify;
  1860. }
  1861. .savage b {
  1862. color: indigo;
  1863. }
  1864. .savage h1, .savage h2, .savage h3, .savage h4 {
  1865. margin: 0;
  1866. padding: 0;
  1867. font-weight: normal;
  1868. line-height: 1em;
  1869. color:#999
  1870. }
  1871. .savage h1 {
  1872. font: 300 24px/1em 'arvo', sans-serif;
  1873. text-align: right;
  1874. letter-spacing: 5px;
  1875. text-transform: uppercase;
  1876. }
  1877. .savage h1:after {
  1878. content: "//";
  1879. font-weight: 400;
  1880. letter-spacing: 0;
  1881. padding-left: 5px;
  1882. color: indigo;
  1883. }
  1884. .savage h2 {
  1885. padding: 0 0 0 2px;
  1886. color: #E5E5E5;
  1887. height: 15px;
  1888. letter-spacing: 0.2em;
  1889. text-transform: uppercase;
  1890. font: 400 11px/15px arvo, sans-serif;
  1891. background-color: indigo;
  1892. }
  1893. .savage h3 {
  1894. padding: 0 0 0 2px;
  1895. color: #202020;
  1896. height: 15px;
  1897. letter-spacing: 0.2em;
  1898. text-transform: uppercase;
  1899. font: 400 10px/15px arvo, sans-serif;
  1900. background-color: indigo;
  1901. }
  1902. .savage h4 {
  1903. color: indigo;
  1904. text-align: left;
  1905. text-transform: uppercase;
  1906. font-weight:bold;
  1907. font: italic 400 13px/20px Oswald, sans-serif;
  1908. }
  1909. .savage h4:before {
  1910. content: "// ";
  1911. color: #indigo;
  1912. }
  1913. a.widowspeak {
  1914. position: absolute;
  1915. bottom: 8px;
  1916. right: 50%;
  1917. margin-right: -4px;
  1918. height: 8px;
  1919. width: 8px;
  1920. border-radius: 50%;
  1921. background-color: #757575;
  1922. }
  1923. /* directory styles, needed for directory and/or canon list template */
  1924.  
  1925. .savbox {
  1926. display: inline-block;
  1927. margin: 0 10px 20px;
  1928. overflow: hidden;
  1929. width: 175px;
  1930. position: relative;
  1931. }
  1932. .savbox b {
  1933. font-size: 0.9em;
  1934. text-transform: uppercase;
  1935. }
  1936. .savbox p {
  1937. font-size: 10px;
  1938. margin: 0.75em 0 0;
  1939. }
  1940. .savbox h2 {
  1941. position: absolute;
  1942. bottom: 30px;
  1943. left: 0;
  1944. right: 0;
  1945. }
  1946. .savbox h3 {
  1947. position: absolute;
  1948. bottom: 15px;
  1949. left: 0;
  1950. right: 0;
  1951. }
  1952. .savhov {
  1953. color: #E5E5E5;
  1954. padding: 10px;
  1955. height: 175px;
  1956. box-sizing: border-box;
  1957. overflow-y: auto;
  1958. position: absolute;
  1959. top: 0; right: 0; left: 0;
  1960. background-color: rgba(51, 51, 51, 0.9);
  1961.  
  1962. -moz-transform: scale(0) skewY(90deg);
  1963. -webkit-transform: scale(0) skewY(90deg);
  1964. -o-transform: scale(0) skewY(90deg);
  1965. -ms-transform: scale(0) skewY(90deg);
  1966. transform: scale(0) skewY(90deg);
  1967.  
  1968. -webkit-transition: all 0.26s linear;
  1969. -moz-transition: all 0.26s linear;
  1970. -ms-transition: all 0.26s linear;
  1971. -o-transition: all 0.26s linear;
  1972. transition: all 0.26s linear;
  1973. }
  1974. .savbox h2, .savbox h3 {
  1975. padding: 0 0 0 0;
  1976. text-align: center;
  1977.  
  1978. -webkit-transition: all 0.4s linear;
  1979. -moz-transition: all 0.4s linear;
  1980. -ms-transition: all 0.4s linear;
  1981. -o-transition: all 0.4s linear;
  1982. transition: all 0.4s linear;
  1983. }
  1984. .savbox:hover .savhov {
  1985. -webkit-transition-delay: 0.32s;
  1986. -moz-transition-delay: 0.32s;
  1987. -ms-transition-delay: 0.32s;
  1988. -o-transition-delay: 0.32s;
  1989. transition-delay: 0.32s;
  1990.  
  1991. -moz-transform: scale(1) skewY(0deg);
  1992. -webkit-transform: scale(1) skewY(0deg);
  1993. -o-transform: scale(1) skewY(0deg);
  1994. -ms-transform: scale(1) skewY(0deg);
  1995. transform: scale(1) skewY(0deg);
  1996. }
  1997. .savbox:hover h2 {
  1998. -moz-transform: translateX(-200px);
  1999. -webkit-transform: translateX(-200px);
  2000. -o-transform: translateX(-200px);
  2001. -ms-transform: translateX(-200px);
  2002. transform: translateX(-200px);
  2003. }
  2004. .savbox:hover h3 {
  2005. -moz-transform: translateX(200px);
  2006. -webkit-transform: translateX(200px);
  2007. -o-transform: translateX(200px);
  2008. -ms-transform: translateX(200px);
  2009. transform: translateX(200px);
  2010. }
  2011. .savbox p:first-of-type {
  2012. margin-top: 0;
  2013. }
  2014.  
  2015. /* split styles, needed for claim templates */
  2016.  
  2017. .scontent:after {
  2018. content: "";
  2019. display: block;
  2020. clear: both;
  2021. }
  2022. .sav-split {
  2023. width: 50%;
  2024. float: left;
  2025. }
  2026.  
  2027. /* misc list styles, needed for faq, rules, lists */
  2028.  
  2029. .scontent dl {
  2030. text-align: justify;
  2031. margin: 20px;
  2032. }
  2033. .scontent dt {
  2034. font: italic 400 15px/1em Oswald, sans-serif;
  2035. text-transform: uppercase;
  2036. padding-left: 15px;
  2037. }
  2038. .scontent dt:before {
  2039. content: "//";
  2040. font-weight: 400;
  2041. letter-spacing: 0;
  2042. padding-right: 5px;
  2043. color: indigo;
  2044. display: block;
  2045. float: left;
  2046. margin-left: -25px;
  2047. }
  2048. dl.numbered {
  2049. counter-reset: numbered-dl;
  2050. }
  2051. dl.numbered dt {
  2052. padding-left: 20px;
  2053. margin-top: 20px;
  2054. }
  2055. dl.numbered dt:before {
  2056. font-style: normal;
  2057. content: counter(numbered-dl, decimal-leading-zero) ".";
  2058. counter-increment: numbered-dl;
  2059. }
  2060. .scontent dd {
  2061. margin: 10px 0px 25px 18px;
  2062. }
  2063. dl.numbered dd {
  2064. margin-bottom: 5px;
  2065. }
  2066. .scontent ol, .scontent ul {
  2067. text-align: left;
  2068. list-style-type: none;
  2069. }
  2070. .scontent ul li:before {
  2071. display: block;
  2072. content: "";
  2073. float: left;
  2074. height: 10px;
  2075. width: 10px;
  2076. margin: 2px 0 0 -20px;
  2077. border-radius: 100%;
  2078. background-color: indigo;
  2079. border-bottom: 5px solid #888;
  2080. box-sizing: border-box;
  2081. }
  2082. .scontent ol {
  2083. counter-reset: numbered-list;
  2084. }
  2085. .scontent ol li:before {
  2086. content: counter(numbered-list, decimal-leading-zero) ".";
  2087. counter-increment: numbered-list;
  2088. display: block;
  2089. float: left;
  2090. margin-left: -20px;
  2091. padding-right: 10px;
  2092. color: indigo;
  2093. }
  2094.  
  2095.  
  2096. / ***** HOLD THE FLAME - MINI PROFILE *****/
  2097.  
  2098. #mihtf { background: black; width: 250px; height: 400px; }
  2099. .mi001 { width: 250px; height: 400px; }
  2100. .mi001 .mi003 { opacity: 0; transition: 2s; }
  2101. .mi001:hover .mi003 { opacity: 1; }
  2102. .mi002 { background: white; padding: 10px; width: 210px; height: 10px;
  2103. font: 8px calibri; text-transform: uppercase;
  2104. letter-spacing: 1px; color: black; margin-bottom: 2px; }
  2105. .mi003 { position: relative; top: 87px; }
  2106. .mi003:hover { padding-top: 20px; }
  2107.  
  2108. .minihtfav { margin-bottom: -400px }
  2109. #gmi2 .minihtfav {display:none}
  2110.  
  2111. .mi00a { background: black; margin-bottom: 5px; width: 210px; padding: 10px;
  2112. height: 60px; margin-top: 5px; }
  2113. .mi00b { background: white; height: 10px;
  2114. font: 8px calibri; text-transform: uppercase; display: inline-block;
  2115. width: 45.5%; padding: 10px 0px; margin-bottom: 2px;
  2116. letter-spacing: 1px; color: black; font-weight: bold; }
  2117.  
  2118. .mi004 { color: white; height: 40px; width: 250px; padding: 10px 0px;
  2119. background: black; line-height: 40px;
  2120. }
  2121. .mi004 a { color: #fff; text-decoration: none; letter-spacing: -3px;
  2122. font: 30px calibri; font-style: italic; line-height: 35px;
  2123. text-transform: lowercase; border-bottom: 1px solid #fff; transition: 2s; }
  2124. .mi004 a:hover { color: orange; border-bottom: 1px solid orange; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!