API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 14th, 2023
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.19 KB | None | 0 0
raw download clone embed print report
  1. /*-- Vintage Punk by http://cymbeline.insanejournal.com --*/
  2. /*-- Header image by Patrick Fore on Unsplash --*/
  3. /*-- CLEANED S2 COMPLETE STYLE CSS BY TESSISAMESS --*/
  4.  
  5. /* GENERAL CLASSES */
  6.  
  7. @font-face{font-family:VintagePunk;src:url(https://dl.dropbox.com/s/junny6zch1azqe5/Ginny-Regular.ttf);}
  8.  
  9. @font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}
  10.  
  11. body{margin:0;padding:0;background:#999;font-family:helvetica,arial,sans-serif;font-size:15px;color:#000;}
  12.  
  13. blockquote{font-style:italic;
  14. border 2px #ffffff;
  15. border-style: dashed;
  16. padding: 19px;
  17. margin: 3px;
  18. }
  19.  
  20. h1,h2,h3,h4,h5,h6{font-family: 'Victorian';
  21. letter-spacing: 3px;
  22. font-size: 30px;}
  23. a, a:visited, a:active{color:#999;text-decoration:none;}
  24. a:hover{text-decoration:underline;color:#f000;}
  25.  
  26.  
  27. /* WHOLE PAGE CONTAINERS */
  28.  
  29. #container{background:url(https://i.imgur.com/w7FzSE5.jpg)no-repeat fixed;
  30. background-size:100%;}
  31. #container-inner{}
  32.  
  33. .layout-one-column{}
  34. .layout-one-column #alpha{margin:0 50px;}
  35.  
  36. .layout-two-column-left{}
  37. .layout-two-column-left #alpha{margin:0 0 0 290px;}
  38. .layout-two-column-left #beta{float:left;width:250px;}
  39.  
  40. .layout-two-column-right{}
  41. .layout-two-column-right #alpha{margin:0 290px 0 0;}
  42. .layout-two-column-right #beta{float:right;width:250px;}
  43.  
  44. .layout-three-column-middle{}
  45. .layout-three-column-middle #alpha{margin:0 290px;}
  46. .layout-three-column-middle #beta{float:left;width:250px;}
  47. .layout-three-column-middle #gamma{float:right;width:250px;}
  48.  
  49. .layout-three-column-right{}
  50. .layout-three-column-right #alpha{margin:0 540px 0 0;}
  51. .layout-three-column-right #beta{float:right;width:250px;}
  52. .layout-three-column-right #gamma{float:right;width:250px;}
  53.  
  54. .layout-three-column-left{}
  55. .layout-three-column-left #alpha{margin:0 0 0 540px;}
  56. .layout-three-column-left #beta{float:left;width:250px;}
  57. .layout-three-column-left #gamma{float:left;width:250px;}
  58.  
  59. /* HEADER */
  60.  
  61. #header{
  62. color:#999;
  63. text-transform:uppercase;
  64. height:100vh;
  65. text-align:center;
  66. }
  67.  
  68. #header-inner{}
  69.  
  70. #banner{}
  71. #banner-inner{}
  72.  
  73. #banner-text{}
  74.  
  75. #nav-above {display: none;
  76. }
  77.  
  78. #nav-below{color: #999;
  79. display: initial;
  80. padding: 0;
  81. }
  82.  
  83.  
  84. .banner-viewlinks{display:inline;padding:0 .5em;border-left:1px solid;}
  85. .first{border-left:none;}
  86.  
  87. .current{}
  88. .current a{color:#9999;}
  89.  
  90. #header-text{background:transparent;border:none;margin:0;padding:0;
  91. color: #ffffff;}
  92. #header-text a{color:#ffffff;
  93. }
  94. #banner-header{font-family: 'VintagePunk', cursive;text-align:center;font-size:150px;
  95. margin: 300px 0 0 0;
  96. }
  97. #banner-description{font-family: 'VintagePunk', cursive;text-align:center;font-size:large;margin: 0;}
  98.  
  99.  
  100. /* BODY OF PAGE */
  101.  
  102. #pagebody{
  103. width:80%;
  104. margin: 0 auto;
  105. }
  106. #pagebody-inner{
  107. }
  108.  
  109.  
  110. /* MAIN COLUMN */
  111.  
  112. #alpha{background:transparent;border:none;padding:0;
  113. margin-top: 200px;
  114. width: 70%;
  115. }
  116. #alpha-inner{}
  117.  
  118. #alpha a, #alpha a:visited{color:#999;}
  119. #alpha a:hover{text-decoration:underline;}
  120.  
  121. .content-nav{margin:.5em 1em;}
  122. .nav-top{display: none !important;
  123. }
  124.  
  125. .nav-bottom{text-align:right;}
  126. .entrypage{text-align:center;}
  127.  
  128. #tagpage-header{text-align:center;}
  129. #tagpage-header h2{}
  130.  
  131. .date-header{display:none;}
  132. .date-header h2{}
  133.  
  134. #column-footer{clear:both;}
  135.  
  136.  
  137. /* STICKY NOTE */
  138.  
  139. #sticky-note{}
  140. #sticky-note .entry{}
  141. #sticky-note .entry-inner{padding:20px;
  142. font-style:italic;
  143. border 2px #ffffff;
  144. border-style: dashed;
  145. margin: 3px;
  146. }
  147.  
  148. #sticky-note .entry-header{text-align:center;color:#000;}
  149. #sticky-note .entry-header h2{margin:0;padding:0;}
  150.  
  151. #sticky-note .entry-body{}
  152. #sticky-note .entry-content{}
  153. #sticky-note .entry-text{min-height:0;padding:0;}
  154.  
  155. #sticky-note .entry-footer{display:none;}
  156.  
  157.  
  158. /* ENTRIES */
  159.  
  160. .entry{margin 0 auto;padding:30px;background:#ffffcd;border-radius: 25px;}
  161. .entry-inner{}
  162.  
  163. .entry-header{background:transparent;border:none;padding:0;}
  164. .entry-header-inner{}
  165.  
  166. .entry-header h3{margin:0;padding:0;}
  167. #alpha .entry-header a, #alpha .entry-header a:visited{color:#000;}
  168.  
  169. .entry-datetime{font-size:small;color:#000;}
  170.  
  171. .inner-entry-userpic{display: none !important;}
  172.  
  173. .inner-entry-userpic{float:right;text-align:center;padding:.5em 0 .5em 1em;}
  174. .inner-entry-userpic img{}
  175.  
  176. .entry-content{margin-top:1em;}
  177. .entry-body{}
  178. .entry-text{min-height:100px;overflow:auto;}
  179.  
  180. .ljtags{margin:1em 0;}
  181. #alpha .ljtags a, #alpha .ljtags a:visited{color:#999;}
  182.  
  183. .entry-metadata .metadata{}
  184. .entry-metadata strong{}
  185.  
  186. .entry-linkbar{font-size:small;}
  187. .entry-linkbar ul{list-style:none;padding-left:0;margin-left:0;}
  188. .entry-linkbar li{display:inline;border-left:1px solid #000;padding:2px .5em;margin:.15em 0;}
  189. li.first-el{border-left:none;padding-left:0;}
  190. .entry-linkbar li a{}
  191.  
  192. .entry-footer{}
  193.  
  194.  
  195. /* COMMENTS */
  196.  
  197. #comments{margin:0 1em;}
  198. #comments-inner{}
  199.  
  200. .comments-header{}
  201. .comments-header h2{}
  202.  
  203. .comments-nav{text-align:center;margin:2em;}
  204. .comments-nav a{}
  205.  
  206. .comments-list{}
  207. .comment{}
  208. .comment-each{margin:20px 0 0 0;padding:1px;min-height:100px;}
  209. .comment-even{}
  210.  
  211. .comment-header{border:1px solid #aaa;background:#eee;padding:2px 5px;}
  212.  
  213. .comment-userpic{float:right;margin:5px;}
  214. .comment-userpic img{}
  215.  
  216. .comment-by{}
  217. .poster{}
  218. .metadata{font-size:small;}
  219.  
  220. .comment-date{font-size:small;color:#000;}
  221.  
  222. .comment-subject{}
  223. .comment-subject h3{margin:0;padding:.15em 0;font-weight:normal;}
  224.  
  225. .comment-content{padding-top:1em;}
  226.  
  227. .comment-footer{}
  228. .comment-linkbar{}
  229. .comment-linkbar ul{list-style:none;margin-left:0;padding-left:0;}
  230. .comment-linkbar li{display:inline;padding:0 .5em;border-left:1px solid #000;}
  231. li.first-cl{border-left:none;}
  232.  
  233. .comment-replies{margin-left:35px;}
  234.  
  235. .collapsed-comment{}
  236. .collapsed-comment .comment-footer{margin-bottom:1em;}
  237. .collapsed-comment-link{}
  238.  
  239. .replyform{}
  240. .quickreply_comment{}
  241. #commenttext{width:100%;}
  242.  
  243.  
  244. /* ARCHIVE VIEW */
  245.  
  246. .yearlinks{}
  247. .year{list-style:none;}
  248. .year li{display:inline;padding:.5em;}
  249. .active{}
  250.  
  251. .yeartable{border-collapse:collapse;border:1px solid #000;}
  252. td.monthlable{text-align:left;}
  253. td.viewmonth{text-align:right;}
  254. .yeartable td{border:1px solid #000;}
  255. .dayname{}
  256. .emptyday{}
  257.  
  258.  
  259. /* MONTH VIEW */
  260.  
  261. .lj-view-month form{}
  262. .lj-view-month dl{margin:.5em 1em;}
  263. .lj-view-month dt{}
  264. .lj-view-month dd{}
  265.  
  266.  
  267. /* DAY VIEW */
  268.  
  269. .day{}
  270.  
  271.  
  272. /* TAGS VIEW */
  273.  
  274. .lj-view-tags #alpha h2{}
  275. .lj-view-tags #alpha{padding:1em;}
  276.  
  277. .ljtaglist{}
  278. .ljtaglist li{}
  279. .ljtaglist a{}
  280.  
  281.  
  282. /* SIDEBAR(S) */
  283.  
  284. #beta{}
  285. #beta-inner{font-size:small;color:#000;border-radius: 25px;}
  286.  
  287. #gamma{}
  288. #gamma-inner{font-size:small;color:#000;}
  289.  
  290. .module{display: none !important;}
  291.  
  292. .module-pagesummary{display: none !important;}
  293.  
  294. .module-calendar{display: none !important;}
  295.  
  296. .module-categories{color:#000;}
  297.  
  298. #tag-hierarchy{font-size:10px;}
  299. #tag-hierarchy ul{padding:0;margin:0;list-style:none;}
  300. #tag-hierarchy li ul{margin-left:30px;list-style:circle;}
  301. .tag-count{font-size:x-small;color:#999;}
  302.  
  303.  
  304. #tag-cloud{}
  305. #tag-cloud ul{list-style:none;padding-left:0;margin-left:0;}
  306. #tag-cloud li{float:left;padding:2px 4px;}
  307. #tagclear{clear:both;}
  308.  
  309. .all-link{}
  310. .all-link p{}
  311. .all-link a{}
  312.  
  313. .module-layoutcredit{
  314. display:none;}
  315.  
  316. .module-syndicate, .module-powered, .module-ads{display:none;}
  317.  
  318. /* icon replacement code by tessisamess */
  319.  
  320. img[src*="img/userinfo.gif"]{width:0!important;height:0!important;background:transparent url(https://i.imgur.com/U4HT6qe.png)center left no-repeat!important;background-size:16px auto!important;padding:16px 0 0 18px!important;margin-bottom:3px!important;}
  321.  
  322. img[src*="img/community.gif"]{width:0!important;height:0!important;background:transparent url(https://i.imgur.com/xNfNHz2.png)center left no-repeat!important;background-size:16px auto!important;padding:16px 0 0 18px!important;margin-bottom:3px!important;}
  323.  
  324. img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;background:transparent url(https://i.imgur.com/rUUyIBX.png)center left no-repeat!important;padding:24px 0 0 27px!important;margin-bottom:-1px!important;}
  325.  
  326. img[src*="img/icon_private.gif"]{width:0!important;height:0!important;background:transparent url(https://i.imgur.com/tw0YABx.png)center left no-repeat!important;padding:24px 0 0 27px!important;margin-bottom:-1px!important;}
  327.  
  328.  
  329. /* CONTENT FOOTER */
  330.  
  331. #content-footer{clear:both;height:10px;}
  332.  
  333. /* Splash */
  334.  
  335. .mask{position:fixed;
  336. z-index:5;
  337. left:0;
  338. right:0;
  339. bottom:0;
  340. top:0;
  341. display:flex;
  342. align-items:center;
  343. justify-content:center;
  344. text-align:center;
  345. background:url(https://i.imgur.com/w7FzSE5.jpg);
  346. background-size:100%;}
  347.  
  348. .mask .header{
  349. color:#999;
  350. text-transform:uppercase;
  351. height:100vh;
  352. text-align:center;
  353. }
  354.  
  355. .mask .nav-below{color: #999;
  356. display: initial;
  357. padding: 0;
  358. }
  359.  
  360.  
  361. .mask .banner-viewlinks{display:inline;padding:0 .5em;border-left:1px solid;}
  362. .first{border-left:none;}
  363.  
  364. .mask .current a{color:#9999;}
  365.  
  366. .mask .header-text{background:transparent;border:none;margin:0;padding:0;
  367. color: #ffffff;}
  368. .mask .header-text a{color:#ffffff;
  369. }
  370. .mask .banner-header{font-family: 'VintagePunk', cursive;text-align:center;font-size:150px;
  371. margin: 300px 0 0 0;
  372. }
  373. .mask .banner-description{font-family: 'VintagePunk', cursive;text-align:center;font-size:large;margin: 0;}
  374.  
  375.  
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!