API tools faq
paste
Advertisement
ErisNotEros

Theme: LCARS

ErisNotEros
Nov 20th, 2014
4,402
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17. <meta name="color:Header Background" content="#ff9900" />
  18. <meta name="color:Header Title" content="#9999ff" />
  19.  
  20. <meta name="color:Sidebar Top" content="#99ccff" />
  21. <meta name="color:Sidebar Bottom" content="#cc6666"/>
  22. <meta name="color:Sidebar Right Border" content="#ffcc99" />
  23. <meta name="color:Sidebar Description Links" content="#cc6666" />
  24.  
  25. <meta name="color:Sidebar Link First" content="#9999ff" />
  26. <meta name="color:Sidebar Link Second" content="#ffcc99" />
  27. <meta name="color:Sidebar Link Third" content="#99ccff" />
  28. <meta name="color:Sidebar Link Fourth" content="#cc99cc" />
  29. <meta name="color:Sidebar Link Fifth" content="#ccccff" />
  30. <meta name="color:Sidebar Link Sixth" content="#ffcc66" />
  31.  
  32. <meta name="color:Content Top" content="#cc6666" />
  33. <meta name="color:Content Bottom" content="#99ccff" />
  34.  
  35. <meta name="color:Post Info Notes" content="#ff9966" />
  36. <meta name="color:Post Info Source" content="#cc99cc" />
  37. <meta name="color:Post Info Via" content="#9999ff" />
  38. <meta name="color:Post Info Tags" content="#ffcc99" />
  39.  
  40. <meta name="color:Post Header" content="#9999ff" />
  41. <meta name="color:Post Titles" content="#ff9900" />
  42. <meta name="color:Post Links" content="#cc6666" />
  43.  
  44.  
  45. <meta name="select:Sidebar Links Format" content="none" title="No changes" />
  46. <meta name="select:Sidebar Links Format" content="uppercase" title="UPPERCASE" />
  47. <meta name="select:Sidebar Links Format" content="capitalize" title="Capitalized" />
  48. <meta name="select:Sidebar Links Format" content="lowercase" title="lowercase" />
  49.  
  50. <meta name="select:Date Format" content="mdy" title="MM.DD.YY" />
  51. <meta name="select:Date Format" content="dmy" title="DD.MM.YY" />
  52. <meta name="select:Date Format" content="ymd" title="YY.MM.DD" />
  53. <meta name="select:Date Format" content="timeago" title="Time Ago" />
  54.  
  55. <meta name="select:Year Format" content="short" title="Short Format" />
  56. <meta name="select:Year Format" content="long" title="Long Format" />
  57.  
  58. <meta name="select:Post Info Format" content="none" title="No changes" />
  59. <meta name="select:Post Info Format" content="uppercase" title="UPPERCASE" />
  60. <meta name="select:Post Info Format" content="capitalize" title="Capitalized" />
  61. <meta name="select:Post Info Format" content="lowercase" title="lowercase" />
  62.  
  63. <meta name="select:All these color options make me anxious pick something for me" content="custom" title="Select One" />
  64. <meta name="select:All these color options make me anxious pick something for me" content="mixed" title="Mixed" />
  65. <meta name="select:All these color options make me anxious pick something for me" content="reds" title="Reds" />
  66. <meta name="select:All these color options make me anxious pick something for me" content="yellows" title="Yellows" />
  67. <meta name="select:All these color options make me anxious pick something for me" content="blues" title="Blues" />
  68.  
  69.  
  70.  
  71. <meta name="if:Infinite Scroll" content="0" />
  72. <meta name="if:Like Button" content="1" />
  73. <meta name="if:Reblog Button" content="1" />
  74. <meta name="if:Show Index Link" content="1" />
  75. <meta name="if:Show RSS Link" content="1" />
  76. <meta name="if:Show Archive Link" content="1" />
  77. <meta name="if:Map Standard Colours" content="0" />
  78. <meta name="if:Show labels when hovering on sidebar links" content="1" />
  79.  
  80. <meta name="text:Sidebar Label Index" content="Index" />
  81. <meta name="text:Sidebar Label Ask" content="Comm" />
  82. <meta name="text:Sidebar Label Submit" content="Transfer Data" />
  83. <meta name="text:Sidebar Label RSS" content="Broadcast Signal" />
  84. <meta name="text:Sidebar Label Archive" content="Ship's Log" />
  85.  
  86.  
  87.  
  88. <title>{Title}</title>
  89. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  90. <link rel="shortcut icon" href="{Favicon}" />
  91. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  92. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  93. <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
  94.  
  95. <style type="text/css">
  96.  
  97. body {background-color:#000000; color:#ffffff; font-family:Arial,sans-serif; font-size:16px; font-weight:bold; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; letter-spacing:-1px;}
  98.  
  99. img {max-width:100%; border:0;}
  100. a {text-decoration:none;}
  101. a:hover {opacity:0.5;}
  102. h1 {font-size:30px; margin:0 0 5px; text-transform:uppercase; letter-spacing:-2px;}
  103. ol, ul {margin:3px 0 3px -10px;}
  104. blockquote {margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 3px #ffffff;}
  105. .clear {clear:both;}
  106.  
  107. ::-webkit-scrollbar {width:10px;}
  108. ::-webkit-scrollbar-track {background-color:black;}
  109. ::-webkit-scrollbar-thumb {background-color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
  110.  
  111. #header {height:45px; width:100%; position:fixed; top:35px; z-index:6;}
  112. #header .inner {height:45px; margin:25px; padding:0 55px; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; position:relative;}
  113. #header .stripe {display:block; width:5px; height:100%; background-color:#000000; float:left;}
  114. #header a.title {display:block; height:100%; background-color:#000000; font-size:60px; text-transform:uppercase; float:right; padding:0 4px 0 2px; letter-spacing:-2px; line-height:50px;}
  115. #header a.title:hover {opacity:1;}
  116.  
  117.  
  118.  
  119. #sidebar {width:35%; position:fixed; bottom:80px; overflow:hidden; z-index:5;}
  120.  
  121. #sidebar .top, #sidebar .bottom {display:block; height:15px; position:relative; margin-left:50px;}
  122. #sidebar .top span, #sidebar .bottom span {display:block;}
  123. #sidebar .top .one, #sidebar .bottom .one {height:15px; margin-right:90px; -webkit-border-radius:8px 0 0 8px / 8px; -moz-border-radius:8px 0 0 8px / 8px; border-radius:8px 0 0 8px / 8px;}
  124. #sidebar .top .one span, #sidebar .bottom .one span {background-color:#000000; width:5px; height:100%; float:left;}
  125. #sidebar .top .one .a, #sidebar .bottom .one .a {margin-left:20px;}
  126. #sidebar .top .one .b, #sidebar .bottom .one .b {margin-left:10px;}
  127. #sidebar .top .two, #sidebar .bottom .two {width:105px; height:55px; position:absolute; right:0;}
  128. #sidebar .top .two .a, #sidebar .bottom .two .a {background-color:#000000; width:10px; height:40px; position:absolute; right:95px;}
  129. #sidebar .top {z-index:2;}
  130. #sidebar .top .two {-webkit-border-radius:0 55px 0 0 / 55px; -moz-border-radius:0 55px 0 0 / 55px; border-radius:0 55px 0 0 / 55px; top:0;}
  131. #sidebar .top .two .a {top:15px; -webkit-border-radius:0 10px 0 0 / 10px; -moz-border-radius:0 10px 0 0 / 10px; border-radius:0 10px 0 0 / 10px;}
  132. #sidebar .top .three {width:95px; height:60px; background-color:#000000; position:absolute; top:0; right:0; z-index:-1;}
  133. #sidebar .bottom {z-index:1;}
  134. #sidebar .bottom .one {margin-top:10px;}
  135. #sidebar .bottom .two {-webkit-border-radius:0 0 55px 0 / 55px; -moz-border-radius:0 0 55px 0 / 55px; border-radius:0 0 55px 0 / 55px; bottom:0;}
  136. #sidebar .bottom .two .a {bottom:15px; -webkit-border-radius:0 0 10px 0 / 10px; -moz-border-radius:0 0 10px 0 / 10px; border-radius:0 0 10px 0 / 10px;}
  137. #sidebar .bottom .three {width:95px; height:1000px; position:absolute; bottom:60px; right:0;}
  138.  
  139. #sidebar #description {padding:10px 10px 10px 25px; margin:10px 95px 0 50px; float:left; position:relative; z-index:4; overflow:auto;}
  140.  
  141. #sidebar .links {width:95px; float:right; margin:45px 0 30px -100px; position:relative; z-index:3;}
  142. #sidebar .links a {display:block; border-bottom:solid 5px #000000; padding:5px 10px; color:#000000; text-transform:{select:Sidebar Links Format};}
  143. #sidebar .links a:hover {opacity:1; color:rgba(0,0,0,0.5);}
  144.  
  145.  
  146.  
  147. #contenttop {height:210px; width:100%; position:fixed; left:0; top:0; background-color:#000000; z-index:3;}
  148. #contenttop span {display:block;}
  149. #contenttop .top {height:35px; margin:155px 0 0 35%; position:relative;}
  150. #contenttop .top .one {height:35px; margin:0 60px 0 190px; -webkit-border-radius:0 18px 18px 0 / 18px; -moz-border-radius:0 18px 18px 0 / 18px; border-radius:0 18px 18px 0 / 18px;}
  151. #contenttop .top .one .a {background-color:#000000; height:100%; width:5px; float:right; margin-right:55px;}
  152. #contenttop .top .two {height:55px; width:185px; position:absolute; top:0; left:30px; -webkit-border-radius:55px 0 0 0 / 55px; -moz-border-radius:55px 0 0 0 / 55px; border-radius:55px 0 0 0 / 55px; border-bottom:solid 5px #000000;}
  153. #contenttop .top .two .a {background-color:#000000; width:15px; height:20px; position:absolute; bottom:0; right:0; -webkit-border-radius:15px 0 0 0 / 15px; -moz-border-radius:15px 0 0 0 / 15px; border-radius:15px 0 0 0 / 15px;}
  154.  
  155. #contentbottom {height:60px; width:100%; position:fixed; left:0; bottom:0; background-color:#000000; z-index:2;}
  156. #contentbottom span {display:block;}
  157.  
  158. #contentbottom .bottom {height:15px; margin:10px 0 0 35%; position:relative;}
  159.  
  160. #contentbottom .bottom .one {height:15px; margin:0 60px 0 190px; -webkit-border-radius:0 8px 8px 0 / 8px; -moz-border-radius:0 8px 8px 0 / 8px; border-radius:0 8px 8px 0 / 8px;}
  161. #contentbottom .bottom .one .a {width:5px; height:100%; background-color:#000000; float:right; margin-right:55px;}
  162. #contentbottom .bottom .two {background-color:#000000; height:80px; width:185px; position:absolute; bottom:0; left:30px;}
  163. #contentbottom .bottom .two .a {height:75px; width:185px; position:absolute; bottom:0; left:0; -webkit-border-radius:0 0 0 55px / 55px; -moz-border-radius:0 0 0 55px / 55px; border-radius:0 0 0 55px / 55px;}
  164. #contentbottom .bottom .two .b {background-color:#000000; width:15px; height:60px; position:absolute; top:5px; right:0; -webkit-border-radius:0 0 0 15px / 15px; -moz-border-radius:0 0 0 15px / 15px; border-radius:0 0 0 15px / 15px;}
  165.  
  166.  
  167.  
  168. #content {margin:215px 120px 35px 35%; background-size:200px 1px; background-position:0 0; background-repeat:repeat-y;}
  169.  
  170.  
  171.  
  172. #post {margin:0 0 80px 30px;}
  173. #post .postinner {margin-left:200px;}
  174.  
  175. #post .topper {height:30px; margin:0 -35px 30px 0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
  176. #post .topper a.date {display:inline-block; padding:0 5px; background-color:#000000; font-size:34px; line-height:30px; height:30px; text-transform:uppercase; margin-left:30px; white-space:nowrap;}
  177. #post .topper a.date:hover {opacity:1;}
  178. #post .topper a.date span {display:none;}
  179. #post .topper a.dmy span.dmy,
  180. #post .topper a.mdy span.mdy,
  181. #post .topper a.ymd span.ymd,
  182. #post .topper a.timeago span.timeago,
  183. #post .topper a.short span.short,
  184. #post .topper a.long span.long {display:inline;}
  185. #post .topper span.buttons {display:block; height:30px; float:right; margin-right:30px; padding-right:5px; border-right:solid 5px #000000;}
  186. #post .topper span.buttons span {display:block; float:right; height:20px; width:20px; padding:5px 5px;}
  187. #post .topper span.buttons span a:hover {opacity:1;}
  188.  
  189.  
  190.  
  191. #post a.tumblr_blog {font-weight:bold;}
  192. #post iframe {width:100%;}
  193. #post span.photo img {display:block; width:100%; height:auto;}
  194. #post span.photo a:hover {opacity:1;}
  195. #post .photoset {display:block; max-width:700px; margin:auto;}
  196. #post .question {padding:20px; background-color:#2e2e2e;}
  197. #post .question h1 {color:white;}
  198. #post h1.quote {display:inline-block;}
  199. #post span.link {display:block; text-align:center;}
  200. #post span.link h1 {margin:0;}
  201. #post span.link a:hover h1 {opacity:0.5;}
  202. #post ul.chat {list-style-type:none; margin:0 0 0 -40px;}
  203. #post ul.chat li {padding:5px 0;}
  204. #post ul.chat li strong {padding-right:5px;}
  205. #post .audio .albumart {display:block; width:256px; height:256px; background-color:#2e2e2e; float:left;}
  206. #post .audio .albumart img {display:block; width:256px; height:256px;}
  207. #post .audio .info {display:block; margin-left:276px;}
  208. #post .audio ul {list-style-type:none; margin:0 0 0 -40px;}
  209. #post .audio ul li {padding:5px 0;}
  210. #post .audio ul li strong {padding-right:5px;}
  211.  
  212.  
  213.  
  214. #colourmap {margin:0 0 80px 230px;}
  215. #colourmap span {display:block; text-transform:uppercase;}
  216. #colourmap .column {width:33%; float:left;}
  217. #colourmap .column span {color:#000000; padding:22px 20px 4px; text-align:right; margin:5px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px;}
  218. #colourmap .column h1 {display:block; height:191px; padding:0; text-align:left;}
  219.  
  220.  
  221.  
  222. #footer {margin-top:-5px; width:170px; float:left;}
  223. #footer span {display:block; padding:5px 10px; border-bottom:solid 5px #000000; color:#000000; text-align:right; line-height:20px; text-transform:{select:Post Info Format};}
  224. #footer span a {display:block; color:#000000;}
  225. #footer span.notes {border-top:solid 5px #000000;}
  226. #footer span.tags {background-color:transparent; text-align:left; border-bottom:0;}
  227.  
  228. #pagination {margin:0 0 0 230px; text-align:center; padding-bottom:30px;}
  229. #pagination a {display:inline-block; color:black; padding:8px 12px; margin:0 1px;}
  230. #pagination a:first-child {padding-left:22px; -webkit-border-top-left-radius:17px; -webkit-border-bottom-left-radius:17px; -moz-border-radius-topleft:17px; -moz-border-radius-bottomleft:17px; border-top-left-radius:17px; border-bottom-left-radius:17px;}
  231. #pagination a:last-child {padding-right:22px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-right-radius:17px; -moz-border-radius-topright:17px; -moz-border-radius-bottomright:17px; border-top-right-radius:17px; border-bottom-right-radius:17px;}
  232. #pagination a:hover {opacity:1;}
  233. #pagination a.current {color:black;}
  234.  
  235.  
  236.  
  237. #notecontainer {padding:80px 0 0;}
  238. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  239. #notecontainer ol:before {content:"NOTES:"; font-size:30px; margin:0 0 5px; letter-spacing:-2px;}
  240. #notecontainer li {padding:10px 0}
  241. #notecontainer img.avatar {display:none;}
  242. #notecontainer blockquote {margin:5px 0 0 0; border:0; background-color:#2e2e2e; padding:5px 20px;}
  243. #notecontainer blockquote a {color:white;}
  244.  
  245.  
  246. /***************************COLOURS***************************/
  247.  
  248. /***Custom***/
  249.  
  250. a {color:{color:Post Links};}
  251. h1 {color:{color:Post Titles};}
  252.  
  253. #header .inner {background-color:{color:Header Background};}
  254. #header a.title {color:{color:Header Title};}
  255.  
  256. #sidebar .top .one,
  257. #sidebar .top .two {background-color:{color:Sidebar Top};}
  258. #sidebar .bottom .one,
  259. #sidebar .bottom .two {background-color:{color:Sidebar Bottom};}
  260. #sidebar .bottom .three {background-color:{color:Sidebar Right Border};}
  261. #sidebar #description a {color:{color:Sidebar Description Links};}
  262. #sidebar .links a:nth-child(6n-5) {background-color:{color:Sidebar Link First};}
  263. #sidebar .links a:nth-child(6n-4) {background-color:{color:Sidebar Link Second};}
  264. #sidebar .links a:nth-child(6n-3) {background-color:{color:Sidebar Link Third};}
  265. #sidebar .links a:nth-child(6n-2) {background-color:{color:Sidebar Link Fourth};}
  266. #sidebar .links a:nth-child(6n-1) {background-color:{color:Sidebar Link Fifth};}
  267. #sidebar .links a:nth-child(6n) {background-color:{color:Sidebar Link Sixth};}
  268.  
  269. #contenttop .top .one,
  270. #contenttop .top .two {background-color:{color:Content Top};}
  271. #contentbottom .bottom .one,
  272. #contentbottom .bottom .two .a {background-color:{color:Content Bottom};}
  273.  
  274. #content {background-image: -ms-linear-gradient(left, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, {color:Post Info Tags} 100%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, {color:Post Info Tags} 100%); background-image: -o-linear-gradient(left, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, {color:Post Info Tags} 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.15, transparent), color-stop(0.15, {color:Post Info Tags}), color-stop(1, {color:Post Info Tags})); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, {color:Post Info Tags} 100%); background-image: linear-gradient(to right, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, {color:Post Info Tags} 100%);}
  275.  
  276. #post .topper {background-color:{color:Post Header};}
  277. #post .topper a.date {color:{color:Post Header};}
  278. #post span.link h1 {color:{color:Post Links};}
  279. #post ul.chat li strong,
  280. #post .audio ul li strong {color:{color:Post Titles};}
  281.  
  282. #footer span.notes {background-color:{color:Post Info Notes};}
  283. #footer span.source {background-color:{color:Post Info Source};}
  284. #footer span.via {background-color:{color:Post Info Via};}
  285.  
  286. #pagination a {background-color:{color:Post Links};}
  287. #pagination a.current {background-color:rgba({RGBcolor:Post Links},0.5);}
  288.  
  289. #notecontainer ol:before {color:{color:Post Titles};}
  290.  
  291.  
  292.  
  293. /***Mixed***/
  294.  
  295. #sidebar.mixed .links a:nth-child(6n-1) {background-color:#ccccff;}
  296. .mixed h1, #content.mixed #post ul.chat li strong, #content.mixed #post .audio ul li strong, #notecontainer ol:before {color:#ff9900;}
  297. #header.mixed .inner {background-color:#ff9900;}
  298. #sidebar.mixed .links a:nth-child(6n-2), #content.mixed #footer span.source {background-color:#cc99cc;}
  299. .mixed a, #sidebar.mixed #description a, #content.mixed #post span.link h1 {color:#cc6666;}
  300. #sidebar.mixed .bottom .one, #sidebar.mixed .bottom .two, #contenttop.mixed .top .one, #contenttop.mixed .top .two, #content.mixed #pagination a {background-color:#cc6666;}
  301. #content.mixed #pagination a.current {background-color:rgba(204,102,102,0.5);}
  302. #sidebar.mixed .top .one, #sidebar.mixed .top .two, #sidebar.mixed .links a:nth-child(6n-3), #contentbottom.mixed .bottom .one, #contentbottom.mixed .bottom .two .a {background-color:#99ccff;}
  303. #content.mixed #footer span.notes {background-color:#ff9966;}
  304. #sidebar.mixed .bottom .three, #sidebar.mixed .links a:nth-child(6n-4) {background-color:#ffcc99;}
  305. #content.mixed {background-image: -ms-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -o-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.15, transparent), color-stop(0.15, #ffcc99), color-stop(1, #ffcc99)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: linear-gradient(to right, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%);}
  306. #header.mixed a.title, #content.mixed #post .topper a.date {color:#9999ff;}
  307. #sidebar.mixed .links a:nth-child(6n-5), #content.mixed #post .topper, #content.mixed #footer span.via {background-color:#9999ff;}
  308. #sidebar.mixed .links a:nth-child(6n) {background-color:#ffcc66;}
  309.  
  310.  
  311.  
  312. /***Reds***/
  313.  
  314. #content.reds #post .topper a.date {color:#ff3300;}
  315. #header.reds .inner, #content.reds #post .topper, #content.reds #footer span.notes {background-color:#ff3300;}
  316. #sidebar.reds .top .one, #sidebar.reds .top .two, #sidebar.reds .links a:nth-child(6n-4), #sidebar.reds .links a:nth-child(6n-1), #contentbottom.reds .bottom .one, #contentbottom.reds .bottom .two .a {background-color:#cc3300;}
  317. .reds h1, #content.reds #post ul.chat li strong, #content.reds #post .audio ul li strong, #notecontainer ol:before {color:#cc6666;}
  318. #sidebar.reds .links a:nth-child(6n-5), #sidebar.reds .links a:nth-child(6n-2), #contenttop.reds .top .one, #contenttop.reds .top .two {background-color:#cc6666;}
  319. #sidebar.reds .bottom .one, #sidebar.reds .bottom .two {background-color:#cc6666;}
  320. .reds a {color:#cc9966;}
  321. #content.reds #footer span.source, #content.reds #footer span.via, #content.reds #pagination a {background-color:#cc9966;}
  322. #content.reds #pagination a.current {background-color:rgba(204,153,102,0.5);}
  323. #sidebar.reds .bottom .three {background-color:#ffcc99;}
  324. #content.reds {background-image: -ms-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 15%, {color:Post Info Tags} 15%, #ffcc99 100%); background-image: -o-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.15, transparent), color-stop(0.15, #ffcc99), color-stop(1, #ffcc99)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: linear-gradient(to right, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%);}
  325. #header.reds a.title, #sidebar.reds #description a, #content.reds #post span.link h1 {color:#cc9966;}
  326. #sidebar.reds .links a:nth-child(6n-3), #sidebar.reds .links a:nth-child(6n) {background-color:#cc9966;}
  327.  
  328.  
  329.  
  330. /***Yellows***/
  331.  
  332. .yellows h1, #content.yellows #post ul.chat li strong, #content.yellows #post .audio ul li strong, #notecontainer ol:before {color:#ff9900;}
  333. #header.yellows .inner, #sidebar.yellows .links a:nth-child(6n-5), #sidebar.yellows .links a:nth-child(6n-2) {background-color:#ff9900;}
  334. #sidebar.yellows .links a:nth-child(6n-4), #sidebar.yellows .links a:nth-child(6n-1), #content.yellows #footer span.via {background-color:#ff9966;}
  335. #sidebar.yellows .bottom .three {background-color:#ffcc99;}
  336. #content.yellows {background-image: -ms-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -o-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.15, transparent), color-stop(0.15, #ffcc99), color-stop(1, #ffcc99)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%); background-image: linear-gradient(to right, transparent 0%, transparent 15%, #ffcc99 15%, #ffcc99 100%);}
  337. .yellows a, #header.yellows a.title, #sidebar.yellows #description a, #content.yellows #post span.link h1 {color:#cc9966;}
  338. #sidebar.yellows .bottom .one, #sidebar.yellows .bottom .two, #contenttop.yellows .top .one, #contenttop.yellows .top .two, #content.yellows #footer span.source, #content.yellows #pagination a {background-color:#cc9966;}
  339. #content.yellows #pagination a.current {background-color:rgba(204,153,102,0.5);}
  340. #content.yellows #post .topper a.date {color:#ffcc66;}
  341. #sidebar.yellows .top .one, #sidebar.yellows .top .two, #sidebar.yellows .links a:nth-child(6n-3), #sidebar.yellows .links a:nth-child(6n), #contentbottom.yellows .bottom .one, #contentbottom.yellows .bottom .two .a, #content.yellows #post .topper, #content.yellows #footer span.notes {background-color:#ffcc66;}
  342.  
  343.  
  344.  
  345. /***Blues***/
  346.  
  347. #sidebar.blues .bottom .three {background-color:#ccccff;}
  348. #content.blues {background-image: -ms-linear-gradient(left, transparent 0%, transparent 15%, #ccccff 15%, #ccccff 100%); background-image: -moz-linear-gradient(left, transparent 0%, transparent 15%, #ccccff 15%, #ccccff 100%); background-image: -o-linear-gradient(left, transparent 0%, transparent 15%, #ccccff15%, #ccccff 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.15, transparent), color-stop(0.15, #ccccff), color-stop(1, #ccccff)); background-image: -webkit-linear-gradient(left, transparent 0%, transparent 15%, #ccccff 15%, #ccccff 100%); background-image: linear-gradient(to right, transparent 0%, transparent 15%, #ccccff 15%, #ccccff 100%);}
  349. #sidebar.blues .links a:nth-child(6n-1), #content.blues #footer span.source {background-color:#cc99cc;}
  350. .blues a, #sidebar.blues #description a, #content.blues #post span.link h1 {color:#99ccff;}
  351. #header.blues .inner, #sidebar.blues .top .one, #sidebar.blues .top .two, #contentbottom.blues .bottom .one, #contentbottom.blues .bottom .two .a, #content.blues #pagination a {background-color:#99ccff;}
  352. #content.blues #pagination a.current {background-color:rgba(153,204,255,0.5);}
  353. #sidebar.blues .bottom .one, #sidebar.blues .bottom .two, #sidebar.blues .links a:nth-child(6n-5), #contenttop.blues .top .one, #contenttop.blues .top .two {background-color:#6666ff;}
  354. .blues h1, #header.blues a.title, #content.blues #post ul.chat li strong, #content.blues #post .audio ul li strong, #notecontainer ol:before {color:#6699cc;}
  355. #sidebar.blues .links a:nth-child(6n-4), #content.blues #footer span.via {background-color:#6699cc;}
  356. #content.blues #post .topper a.date {color:#9966ff;}
  357. #content.blues #post .topper {background-color:#9966ff;}
  358. #sidebar.blues .links a:nth-child(6n-3), #sidebar.blues .links a:nth-child(6n), #content.blues #footer span.notes {background-color:#9999ff;}
  359. #sidebar.blues .links a:nth-child(6n-2) {background-color:#666699;}
  360.  
  361.  
  362.  
  363. /*********END*********/
  364.  
  365. a.credit {display:block; width:24px; height:24px; position:fixed; bottom:5px; right:5px; z-index:99; background:url(https://static.tumblr.com/1b424551fa0cf765c96000625d8333e7/ar04e8q/IXcpog6eu/tumblr_static_72okfia78oowwkwww8wswk0oc.png) no-repeat; opacity:0.2;}
  366. a.credit:hover {opacity:0.4;}
  367.  
  368.  
  369. {CustomCSS}
  370.  
  371. </style>
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  379.  
  380. </head>
  381. <body>
  382. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  383. <!-- Do not remove the credit -->
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390. <div id="header" class="{select:All these color options make me anxious pick something for me}"><div class="inner">
  391. <span class="stripe"></span>
  392. <a class="title" href="/">{Title}</a>
  393. </div></div>
  394.  
  395.  
  396.  
  397. <div id="sidebar" class="{select:All these color options make me anxious pick something for me}">
  398. <span class="top">
  399. <span class="one">
  400. <span class="a"></span>
  401. <span class="b"></span>
  402. </span>
  403. <span class="two">
  404. <span class="a"></span>
  405. </span>
  406. <span class="three"></span>
  407. </span>
  408.  
  409. <span id="description">
  410. {Description}
  411. </span>
  412.  
  413. <span class="links">
  414. {block:IfShowIndexLink}
  415. <a href="/"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="Index"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{text:Sidebar Label Index}</a>
  416. {/block:IfShowIndexLink}
  417. {block:AskEnabled}
  418. <a href="/ask"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="Ask"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{text:Sidebar Label Ask}</a>
  419. {/block:AskEnabled}
  420. {block:SubmissionsEnabled}
  421. <a href="/submit"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="Submit"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{text:Sidebar Label Submit}</a>
  422. {/block:SubmissionsEnabled}
  423. {block:HasPages}
  424. {block:Pages}<a href="{URL}"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="{URL}"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{Label}</a>{/block:Pages}
  425. {/block:HasPages}
  426. {block:IfShowRSSLink}
  427. <a href="/rss"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="RSS"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{text:Sidebar Label RSS}</a>
  428. {block:IfShowRSSLink}
  429. {block:IfShowArchiveLink}
  430. <a href="/archive"{block:IfShowLabelsWhenHoveringOnSidebarLinks} title="Archive"{/block:IfShowLabelsWhenHoveringOnSidebarLinks}>{text:Sidebar Label Archive}</a>
  431. {/block:IfShowArchiveLink}
  432. </span>
  433.  
  434. <br class="clear" />
  435.  
  436. <span class="bottom">
  437. <span class="one">
  438. <span class="a"></span>
  439. <span class="b"></span>
  440. </span>
  441. <span class="two">
  442. <span class="a"></span>
  443. </span>
  444. <span class="three"></span>
  445. </span>
  446.  
  447. </div>
  448.  
  449.  
  450.  
  451.  
  452. <div id="contenttop" class="{select:All these color options make me anxious pick something for me}">
  453. <span class="top">
  454. <span class="one">
  455. <span class="a"></span>
  456. </span>
  457. <span class="two">
  458. <span class="a"></span>
  459. </span>
  460. </span>
  461. </div>
  462.  
  463. <div id="contentbottom" class="{select:All these color options make me anxious pick something for me}">
  464. <span class="bottom">
  465. <span class="one">
  466. <span class="a"></span>
  467. </span>
  468. <span class="two">
  469. <span class="a"></span>
  470. <span class="b"></span>
  471. </span>
  472. </span>
  473. </div>
  474.  
  475.  
  476.  
  477. <div id="content" class="{select:All these color options make me anxious pick something for me}">
  478.  
  479.  
  480. {block:IfMapStandardColours}
  481. <div id="colourmap">
  482. <span class="column">
  483. <h1>Standard LCARS GUI Colors</h1>
  484. <span style="background-color:#ccccff;">#ccccff</span>
  485. <span style="background-color:#ff3300;">#ff3300</span>
  486. <span style="background-color:#cc3300;">#cc3300</span>
  487. </span>
  488. <span class="column">
  489. <span style="background-color:#ff9900;">#ff9900</span>
  490. <span style="background-color:#cc99cc;">#cc99cc</span>
  491. <span style="background-color:#cc6666;">#cc6666</span>
  492. <span style="background-color:#99ccff;">#99ccff</span>
  493. <span style="background-color:#6666ff;">#6666ff</span>
  494. <span style="background-color:#6699cc;">#6699cc</span>
  495. <span style="background-color:#9966ff;">#9966ff</span>
  496. </span>
  497. <span class="column">
  498. <span style="background-color:#ff9966;">#ff9966</span>
  499. <span style="background-color:#cc6699;">#cc6699</span>
  500. <span style="background-color:#ffcc99;">#ffcc99</span>
  501. <span style="background-color:#9999ff;">#9999ff</span>
  502. <span style="background-color:#cc9966;">#cc9966</span>
  503. <span style="background-color:#ffcc66;">#ffcc66</span>
  504. <span style="background-color:#666699;">#666699</span>
  505. </span>
  506. <br class="clear" />
  507. </div>
  508. {block:IfMapStandardColours}
  509.  
  510.  
  511. <div class="autopagerize_page_element">
  512. {block:Posts}
  513. <div id="post">
  514.  
  515. {block:Date}
  516. <div id="footer">
  517.  
  518. <span class="notes">
  519. <a href="{Permalink}">
  520. {lang:Notes}:<br />
  521. {FormattedNoteCount}
  522. </a>
  523. </span>
  524. {block:ContentSource}
  525. <span class="source">
  526. {lang:Source}:<br />
  527. <a href="{SourceURL}">{SourceTitle}</a>
  528. </span>
  529. {/block:ContentSource}
  530. {block:RebloggedFrom}
  531. <span class="via">
  532. {lang:Via}:<br />
  533. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  534. </span>
  535. {/block:RebloggedFrom}
  536. <span class="tags">
  537. {block:HasTags}
  538. {lang:Tags}:
  539. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  540. {/block:HasTags}
  541. </span>
  542.  
  543. </div> <!--footer-->
  544. {/block:Date}
  545.  
  546. <div class="postinner">
  547.  
  548. {block:Date}
  549. <div class="topper">
  550. <a class="date {select:Date Format} {select:Year Format}" href="{Permalink}">
  551. <span class="dmy">
  552. {DayOfMonthWithZero}.{MonthNumberWithZero}.<span class="short">{ShortYear}</span><span class="long">{Year}</span>
  553. </span>
  554. <span class="mdy">
  555. {MonthNumberWithZero}.{DayOfMonthWithZero}.<span class="short">{ShortYear}</span><span class="long">{Year}</span>
  556. </span>
  557. <span class="ymd">
  558. <span class="short">{ShortYear}</span><span class="long">{Year}</span>.{MonthNumberWithZero}.{DayOfMonthWithZero}
  559. </span>
  560. <span class="timeago">{TimeAgo}</span>
  561. </a>
  562. <span class="buttons">
  563. {block:IfLikeButton}
  564. <span>{LikeButton color="black" size="20"}</span>
  565. {/block:IfLikeButton}
  566. {block:IfReblogButton}
  567. <span>{ReblogButton color="black" size="20"}</span>
  568. {/block:IfReblogButton}
  569. </span>
  570. </div>
  571. {/block:Date}
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578. {block:Photo}
  579. <span class="photo">
  580. {LinkOpenTag}<img src="{PhotoURL-HighRes}" />{LinkCloseTag}
  581. </span>
  582. {block:Caption}{Caption}{/block:Caption}
  583. {/block:Photo}
  584.  
  585. {block:Photoset}
  586. <span class="photoset">{Photoset}</span>
  587. {block:Caption}{Caption}{/block:Caption}
  588. {/block:Photoset}
  589.  
  590. {block:Video}
  591. {Video-500}
  592. {block:Caption}{Caption}{/block:Caption}
  593. {/block:Video}
  594.  
  595. {block:Audio}
  596. <div class="audio">
  597. <span class="albumart">
  598. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  599. </span>
  600. <span class="info">
  601. <ul>
  602. <li>{AudioPlayerWhite}</li>
  603. {block:PlayCount}
  604. <li><strong>{lang:Plays}:</strong>{PlayCount}</li>
  605. {block:PlayCount}
  606. {block:TrackName}
  607. <li><strong>Track Name:</strong>{TrackName}</li>
  608. {/block:TrackName}
  609. {block:Album}
  610. <li><strong>Album:</strong>{Album}</li>
  611. {/block:Album}
  612. {block:Artist}
  613. <li><strong>Artist:</strong>{Artist}</li>
  614. {/block:Artist}
  615. </ul>
  616. </span>
  617. <br class="clear" />
  618. </div>
  619. {block:Caption}{Caption}{/block:Caption}
  620. {/block:Audio}
  621.  
  622. {block:Quote}
  623. <h1 class="quote">“{Quote}”</h1>
  624. {block:Source}—&nbsp;{Source}{/block:Source}
  625. {/block:Quote}
  626.  
  627. {block:Text}
  628. {block:Title}<h1>{Title}</h1>{/block:Title}
  629. {Body}
  630. {/block:Text}
  631.  
  632. {block:Answer}
  633. <div class="question">
  634. <h1>{lang:Asker asked 2}:</h1>
  635. {Question}
  636. </div>
  637. {Answer}
  638. {block:Answer}
  639.  
  640. {block:Chat}
  641. {block:Title}<h1>{Title}</h1>{/block:Title}
  642. <ul class="chat">
  643. {block:Lines}
  644. <li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>
  645. {/block:Lines}
  646. </ul>
  647. {/block:Chat}
  648.  
  649. {block:Link}
  650. <span class="link">
  651. <a href="{URL}">
  652. <h1>{Name}</h1>
  653. {URL}
  654. </a>
  655. </span>
  656. {block:Description}{Description}{/block:Description}
  657. {/block:Link}
  658.  
  659.  
  660.  
  661. {block:PostNotes}
  662. <div id="notecontainer">{PostNotes}</div>
  663. {/block:PostNotes}
  664.  
  665. </div>
  666. <br class="clear" />
  667. </div> <!--post-->
  668. {/block:Posts}
  669. </div> <!--autopagerize_page_element-->
  670.  
  671.  
  672.  
  673.  
  674. {block:IfNotInfiniteScroll}
  675. {block:Pagination}
  676. <div id="pagination">
  677. <a href="/">FIRST</a>
  678. {block:JumpPagination length="5"}
  679. {block:JumpPage}
  680. <a href="{URL}">{PageNumber}</a>
  681. {/block:JumpPage}
  682. {block:CurrentPage}
  683. <a class="current">{PageNumber}</a>
  684. {/block:CurrentPage}
  685. {/block:JumpPagination}
  686. <a href="/page/{TotalPages}">LAST</a>
  687. </div>
  688. {/block:Pagination}
  689. {/block:IfNotInfiniteScroll}
  690.  
  691. </div> <!--content-->
  692.  
  693.  
  694. <script type="text/javascript">
  695.  
  696.  
  697.  
  698.  
  699. window.onload = function() {
  700.  
  701. //get window height (WinY)
  702. //modified from Andy Langton's script: http://bit.ly/uhVzr5
  703.  
  704. var WinY;
  705. var SideY;
  706.  
  707. if (typeof window.innerWidth != 'undefined') {WinY = window.innerHeight}
  708. else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {WinY = document.documentElement.clientHeight}
  709. else {WinY = document.getElementsByTagName('body')[0].clientHeight}
  710.  
  711. SideY = WinY-400;
  712.  
  713. document.getElementById("description").style.maxHeight = SideY+"px";
  714.  
  715.  
  716.  
  717. //Resizes videos
  718. //modified from Oscar Godson's script: http://bit.ly/AsAKI6
  719.  
  720. var VidX = (document.getElementById("content").offsetWidth)-360;
  721.  
  722. (function(){
  723. var iframes = document.body.getElementsByTagName('iframe')
  724. , newVimeoWidth = VidX
  725. , newVimeoHeight = 'auto';
  726. for(x in iframes){
  727. if(iframes[x].src && iframes[x].src.indexOf('player.vimeo.com') > -1 ||
  728. iframes[x].src && iframes[x].src.indexOf('youtube.com') > -1){
  729. if(newVimeoHeight == 'auto'){
  730. newVimeoHeight = ( newVimeoWidth * 9 ) / 16;
  731. }
  732. iframes[x].width = newVimeoWidth;
  733. iframes[x].height = newVimeoHeight
  734. }
  735. }
  736. })();
  737.  
  738.  
  739. }
  740.  
  741.  
  742. </script>
  743.  
  744. </body>
  745. </html>
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!