Advertisement
Guest User

Untitled

a guest
Mar 23rd, 2019
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.50 KB | None | 0 0
  1. /*-- WOODLANDS - TESSISAMESS - 2017 --*/
  2. /*-- Credit me in profile if removing my credit link from main block --*/
  3. /*-- Find more fun stuff at:tessisamess.insanejournal.com --*/
  4.  
  5. /* GENERAL CLASSES */
  6.  
  7. @font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
  8.  
  9. @font-face{font-family: 'Saira Extra Condensed';font-style: normal;font-weight: 400;src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(https://fonts.gstatic.com/s/sairaextracondensed/v3/3XMbuc1UIdE_Bo4eJ-H3G8BvcTyoFVl2hWxSOgahpEY.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
  10.  
  11. body{color:#111;background:#000 url(BGIMAGE)center fixed;background-size:cover;margin:0;padding:0;font-family:Lato,helvetica,arial,sans-serif;font-size:13px;}
  12.  
  13. h1,h2,h3,h4{font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;margin:0;font-weight:normal;}
  14.  
  15. blockquote:before{content:'';width:15px;height:15px;display:block;background:#487B99;border-radius:15px;margin-left:-20px;}
  16. blockquote{font-style:normal;font-family:Saira Extra Condensed,arial black,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:10px;border-left:5px solid #ddd;padding-left:10px;margin:0 10%;}
  17.  
  18. a, a:visited, a:active{color:#487B99;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  19. a:hover{text-decoration:none;color:#999;}
  20.  
  21.  
  22. /* MEDIA QUERIES */
  23.  
  24. @media only screen and (max-width:950px){
  25. #pagebody{margin:0 5%;}
  26. .layout-two-column-left #alpha{margin:0 0 0 350px;}
  27. .layout-two-column-left #beta{float:left;width:200px;}
  28. .module-customtext .module-inner{height:150px;}
  29. .module-customtext h1{padding-top:40px;}
  30. .entry{padding:30px;}
  31. }
  32.  
  33. @media only screen and (max-width:600px){
  34. #pagebody{margin:0 1%;}
  35. .layout-two-column-left #alpha{margin:0 0 0 300px;}
  36. .layout-two-column-left #beta{float:left;width:150px;}
  37. .module-customtext .module-inner{height:130px;}
  38. .module-customtext h1{padding-top:30px;}
  39. .entry{padding:20px;}
  40. }
  41.  
  42.  
  43. /* WHOLE PAGE CONTAINERS */
  44.  
  45. .layout-two-column-left #alpha{margin:0 0 0 400px;}
  46. .layout-two-column-left #beta{float:left;width:250px;}
  47.  
  48. #container{background:transparent;}
  49.  
  50.  
  51. /* HEADER */
  52.  
  53. #header{position:fixed;right:0;left:0;padding:10px 0 0 0;color:#fff;margin:0 10%;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;letter-spacing:3px;}
  54. #header-inner{margin:0 auto;max-width:1200px;}
  55.  
  56. #nav-above:before{content:'NUMBER SEVEN';float:left;}
  57. #nav-above{list-style:none;margin:0;padding:0;font-size:small;text-align:right;}
  58. #nav-above li:last-of-type{display:none;}
  59. .banner-viewlinks{display:inline;padding:0 .5em;border:none;}
  60. .banner-viewlinks a{color:rgba(255,255,255,0.5);text-shadow:0 0 0 rgba(255,255,255,0);}
  61. .banner-viewlinks a:hover{text-shadow:8px 5px 1px rgba(255,255,255,0.5);}
  62. .current a, .banner-viewlinks a:hover{color:rgba(255,255,255,0.8);}
  63.  
  64. #header-text, #nav-below{display:none;}
  65.  
  66.  
  67. /* BODY OF PAGE */
  68.  
  69. #pagebody{margin:0 10%;}
  70. #pagebody-inner{margin:0 auto;max-width:1200px;}
  71.  
  72.  
  73. /* MAIN COLUMN */
  74.  
  75. #alpha{background:transparent;border:none;}
  76.  
  77. #alpha a, #alpha a:visited{color:#487B99;}
  78. #alpha a:hover{color:#999;}
  79.  
  80. .content-nav{margin:0;}
  81. .nav-bottom, .entrypage, #tagpage-header{text-align:center;color:rgba(255,255,255,0.5);margin-bottom:20px;}
  82. .nav-bottom{margin-top:20px;}
  83. #tagpage-header{margin-bottom:20px;}
  84.  
  85. .nav-top, .date-header{display:none;}
  86. #column-footer{clear:both;}
  87.  
  88.  
  89.  
  90. /* ENTRIES */
  91.  
  92. #sticky-note .entry{margin:5vh 0 0 0;padding:0;background:transparent;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;font-size:19px;letter-spacing:3px;color:#fff;font-style:italic;height:95vh;}
  93. #sticky-note .entry-inner{border:none;position:absolute;top:50%;transform:translateY(-50%);}
  94. #sticky-note .entry-header, #sticky-note .entry-footer{display:none;}
  95. #sticky-note .entry-text{padding:0;,min-height:10px;text-align:center;}
  96. #sticky-note a{text-shadow:0 0 0 rgba(255,255,255,0);}
  97. #sticky-note a:hover{color:#fff;text-shadow:8px 5px 1px rgba(255,255,255,0.5);}
  98. #sticky-note #invis{font-size:0!important;color:transparent!important;}
  99.  
  100. .entry{position:relative;margin:0 0 50px 0;padding:50px;background:#fff;}
  101.  
  102. .entry-header{background:transparent;border:none;padding:0;}
  103. .entry-header h3, .entry-header h2{margin:0;padding:0;color:#000;letter-spacing:2px;}
  104. #alpha .entry-header a, #alpha .entry-header a:visited{color:#000;}
  105. .entry-datetime{font-size:10px;color:#999;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;letter-spacing:2px;}
  106.  
  107. .entry-content{margin-top:1em;}
  108. .entry-body{}
  109. .entry-text{min-height:100px;overflow:auto;text-align:justify;line-height:160%;}
  110. .entry-text a{font-weight:bold;}
  111.  
  112. .inner-entry-userpic{position:absolute;top:10px;right:-27px;text-align:center;padding:0;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;font-size:10px;}
  113. .inner-entry-userpic img{width:48px;height:48px;border-radius:60px;border:4px solid #fff;margin-bottom:5px;}
  114. .inner-entry-userpic:hover .pic-poster{opacity:1;}
  115. .pic-poster{background:#fff;padding:0 5px;opacity:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  116. .pic-poster img{display:none;}
  117. .ljuser{font-family:Saira Extra Condensed,arial black,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:10px;}
  118.  
  119. .entry-metadata{display:none;}
  120. .ljtags{margin:20px 0 0 0;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;font-size:0;}
  121. #alpha .ljtags a, #alpha .ljtags a:visited{color:#999;font-size:10px;display:inline-block;margin-right:10px;letter-spacing:1px;font-weight:normal;}
  122. #alpha .ljtags a:before{content:'#';}
  123.  
  124. .entry-linkbar{font-size:10px;font-family:Saira Extra Condensed,arial black,sans-serif;text-transform:uppercase;text-align:center;position:absolute;left:-17px;bottom:5px;}
  125. .entry-linkbar ul{list-style:none;padding:0;margin:0;}
  126. .entry-linkbar li{display:inline;border:none;padding:0;margin:0;}
  127.  
  128. .entry-linkbar li a{display:block;padding:0;line-height:29px;width:28px;height:28px;border-radius:50px;border:4px solid #fff;margin-bottom:5px;background:#487B99;color:#fff!important;}
  129. .entry-linkbar li a:hover{background:#eee;color:#487B99!important;}
  130.  
  131. .entry-linkbar li a[href*=reply]{font-size:12px;line-height:26px;}
  132. .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=subscriptions], .entry-linkbar li a[href$=html]{display:none;width:0;padding:0;margin:0;}
  133.  
  134. .outer-entry-userpic, .mid-entry-userpic, .header-poster{display:none;}
  135.  
  136.  
  137. /* ALTERNATE PAGES RESET */
  138.  
  139. .lj-view-tags #alpha, .lj-view-archive #alpha, .lj-view-friends #alpha,
  140. .lj-view-month #alpha, .lj-view-day #alpha{padding:100px 0 0 0;}
  141. .lj-view-tags #alpha-inner, .lj-view-archive #alpha-inner,
  142. .lj-view-month #alpha-inner{background:#fff;padding:50px;}
  143.  
  144.  
  145.  
  146. /* SIDEBAR */
  147.  
  148. #beta{position:fixed;top:50%;transform:translateY(-50%);text-transform:uppercase;font-family:Saira Extra Condensed,arial black,sans-serif;}
  149. #beta-inner{font-size:10px;color:#fff;}
  150.  
  151. .module{padding:0;background:transparent;margin:0;border:none;}
  152.  
  153. .module-customtext{text-align:center;border-radius:250px;border:2px solid #fff;padding:10px;}
  154. .module-customtext .module-inner{background: url(http://i63.tinypic.com/hx20yp.png) center;background-size:cover;border-radius:250px;height:230px;}
  155. .module-customtext h1{padding-top:90px;letter-spacing:3px;}
  156. .module-customtext h2{letter-spacing:2px;}
  157. .module-customtext .module-content{padding:0;}
  158.  
  159. .module-customtext2{text-align:justify;letter-spacing:1px;line-height:150%;margin-top:20px;}
  160.  
  161. .module-typelist:before{content:'';display:block;height:2px;width:55px;background:rgba(255,255,255,0.7);position:absolute;right:17px;}
  162. .module-typelist{position:fixed;right:-70px;top:120px;text-align:center;background:linear-gradient(to left,rgba(255,255,255,0.7),rgba(255,255,255,0.7) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0))center no-repeat;background-size:5px 100%;}
  163. .module-typelist ul{list-style:none;margin:14px 0 0 0;padding:0;}
  164. .module-typelist li a{display:block;line-height:29px;width:28px;height:28px;border-radius:50px;border:2px solid #fff;margin:0 0 14px 4px;background:#487B99;color:#fff;}
  165. .module-typelist li a:hover{background:#eee;color:#487B99!important;}
  166.  
  167. .module-layoutcredit{text-align:center;letter-spacing:3px;}
  168. .module-layoutcredit p{padding:0;margin:10px 0 0 0;}
  169.  
  170. .module-categories, .module-viewlinks, .module-header, .module-pagesummary, .module-calendar, .module-about, .module-syndicate, .module-powered, .module-ads{display:none;}
  171.  
  172.  
  173. /* CONTENT FOOTER */
  174.  
  175. #content-footer{clear:both;height:10px;}
  176.  
  177.  
  178. /* ICON REPLACEMENTS */
  179.  
  180. img[src*="img/userinfo.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"], img[src*="img/community.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;background:transparent url(http://i67.tinypic.com/15368o8.png)center left no-repeat!important;padding:16px 0 0 18px!important;margin-bottom:2px!important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement