Advertisement
Guest User

Untitled

a guest
Dec 22nd, 2014
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.42 KB | None | 0 0
  1. <!--theme by lukestop, be real don't steal-->
  2.  
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8.  
  9. <meta name="color:links" content="#000000"/>
  10. <meta name="color:linkshover" content="#e4e2e2"/>
  11. <meta name="color:text" content="#000000"/>
  12. <meta name="color:border" content="#eeeeee"/>
  13. <meta name="color:background" content="#ffffff"/>
  14.  
  15. <meta name="image:sidebar" content=""/>
  16.  
  17.  
  18. <meta name="text:Link 1 URL" content="/"/>
  19. <meta name="text:Link 1 Name" content=""/>
  20. <meta name="text:Link 2 URL" content="/"/>
  21. <meta name="text:Link 2 Name" content=""/>
  22. <meta name="text:Link 3 URL" content="/"/>
  23. <meta name="text:Link 3 Name" content=""/>
  24. <meta name="text:Link 4 URL" content="/"/>
  25. <meta name="text:Link 4 Name" content=""/>
  26.  
  27.  
  28.  
  29. <div id="credit"><a href="http://lukestop.tumblr.com/">THEME</a></div>
  30.  
  31. <style type="text/css">
  32. /*General Body and theme settings*/
  33.  
  34. ::-webkit-scrollbar {width: 1px; height: 10px; background: #fff;}
  35. ::-webkit-scrollbar-thumb {background-color:{color:background}; border: 1px solid black;}
  36.  
  37. body
  38. {font-family:helvetica;
  39. font-size:10px;
  40. color:{color:text};
  41. background-color:{color:background};
  42. }
  43.  
  44. a
  45. {text-decoration:none;
  46. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  47. color:{color:links};
  48. }
  49.  
  50. a:hover
  51. {text-decoration:none;
  52. opacity:1;
  53. color:{color:linkshover};
  54. }
  55. /*ignore this stuff here*/
  56.  
  57. #container {
  58. width:400px;
  59. }
  60.  
  61. #content {
  62. width:400px;
  63. margin: 0 auto -12px auto;
  64. text-align: center;
  65. }
  66.  
  67. /*everything in the sidebar*/
  68.  
  69. #sidebar {
  70. margin-top:80px;
  71. margin-left:280px;
  72. width:120px;
  73. height:286px;
  74. border:1px solid #000;
  75. position:fixed;
  76. }
  77.  
  78. #sidebarimg {
  79. padding:px;
  80. margin-left:00px;
  81. margin-top:34px;
  82.  
  83.  
  84. }
  85.  
  86. #description {
  87. font-size:8px;
  88. font-family:helvetica;
  89. line-height:140%;
  90. position:fixed;
  91. margin-left:-1px;
  92. width:100px;
  93. height:32px;
  94. padding:10px;
  95. font-weight:lighter;
  96. margin-top:-3px;
  97. text-align:justify;
  98. border:1px solid #000;
  99. overflow:scroll;
  100. opacity:1;
  101. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  102.  
  103. }
  104.  
  105. #title {
  106. font-family:helvetica;
  107. text-transform:uppercase;
  108. position:fixed;
  109. letter-spacing:2px;
  110. font-size:8px;
  111. margin-top:-1px;
  112. height:20px;
  113. margin-left:-1px;
  114. width:106px;
  115. text-align:center;
  116. color:#000;
  117. padding:7px;
  118. padding-top:12px;
  119. padding-bottom:1px;
  120. color:#000;
  121. border:1px solid #000;
  122. font-style:bold;}
  123.  
  124.  
  125. /*all of the links together*/
  126. .links {
  127. position:fixed;
  128. font-size:8px;
  129. font-family:helvetica;
  130. color:{color:links};
  131. width:103px;
  132. text-align:center;
  133. margin-top: ;
  134. opacity:1;
  135. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  136. }
  137.  
  138.  
  139. .links a{
  140. font-size:8px;
  141. text-align:center;
  142. line-height:120%;
  143. text-decoration:none;
  144. padding:5px;
  145. color:{color:links};
  146. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  147. }
  148.  
  149. /*link hover*/
  150.  
  151. .links a:hover{
  152. color:{color:linkshover};
  153. -moz-transition-duration:0.5s;
  154. -webkit-transition-duration:0.5s;
  155. -o-transition-duration:0.5s;
  156.  
  157. }
  158.  
  159. #posts {
  160. margin-left:430px;
  161. width:400px;
  162. font-size:10px;
  163. margin-top:40px;
  164. }
  165.  
  166.  
  167. #info {
  168. font-family:helvetica;
  169. font-size: 9px;
  170. margin-top:10px;
  171. padding-top:px;
  172. width:400px;
  173. padding-left:10px;
  174. height:10px;
  175. border-left:10px solid #000;
  176. text-transform:lowercase;
  177. opacity:1;
  178. -moz-transition-duration:0.9s;
  179. -webkit-transition-duration:0.9s;
  180. -o-transition-duration:0.9s;
  181. }
  182.  
  183. #info:hover {
  184. border-left:30px solid #000;
  185. -moz-transition-duration:0.5s;
  186. -webkit-transition-duration:0.5s;
  187. -o-transition-duration:0.5s;
  188. }
  189. /*audio posts*/
  190.  
  191. #audioplayer {
  192. width:27px;
  193. height:27px;
  194. overflow:hidden;
  195. position:absolute;
  196. margin-top:38px;
  197. margin-left:36px;
  198. opacity:1;
  199. }
  200.  
  201. #audioplayer:hover {
  202. opacity:1;
  203. }
  204.  
  205. .caption {
  206. margin-left:px;
  207. font-weight:lighter;
  208. font-size:9px;
  209. margin-top:0px;
  210. }
  211.  
  212. /*asks*/
  213.  
  214. #asker {
  215. padding:5px;
  216. }
  217.  
  218. #question {
  219. padding:5px;
  220. }
  221.  
  222. /*link posts*/
  223.  
  224. #linkage {
  225. font-size:12px;
  226. text-align:center;
  227. }
  228.  
  229. /*chat posts*/
  230.  
  231. #chat {
  232. padding:3px;
  233. border-bottom:1px solid #eee;
  234. }
  235.  
  236. #credit {
  237. font-family:helvetica;
  238. text-transform:uppercase;
  239. font-size:10px;
  240. padding-left:1px;
  241. padding-top:1px;
  242. letter-spacing:2px;
  243. border-left:10px solid #000;
  244. text-align:left;
  245. height:12px;
  246. float: right; position: fixed; bottom: 10px; right: 10px;
  247. -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. }
  251.  
  252. #credit:hover {
  253. color:#00ffff;
  254. border-left:50px solid #d2ffdd;
  255. -moz-transition-duration:0.5s;
  256. -webkit-transition-duration:0.5s;
  257. -o-transition-duration:0.5s;
  258. }
  259.  
  260. #credit a:hover {
  261. color:#d2ffdd;
  262. -moz-transition-duration:0.2s;
  263. -webkit-transition-duration:0.2s;
  264. -o-transition-duration:0.2s;
  265. }
  266.  
  267.  
  268.  
  269. </style>
  270. </head>
  271. <body>
  272.  
  273. <div id="container">
  274. <div id="content">
  275.  
  276.  
  277. <div id="sidebar">
  278. <div id="title"><b>{title}</b></div>
  279. <!--change the width of the sidebar img here!-->
  280. <div id="sidebarimg"><img src="{image:sidebar}" width="120px;" height="120px";></div>
  281. <div id="title" style="margin-top:50px;height:50px;border-bottom:none;padding-top:18x;">NAVIGATION
  282. <div class="links">
  283. <p>
  284. <select onchange='location=this.options[this.selectedIndex].value;' style='width:70px;font-family:helvetica; font-size:10px; color:#000; background:#fff;'>
  285. <p><option>links</option></p>
  286. <p><option value="{text:Link 1 URL}">{text:Link 1 Name}</option></p>
  287. <p><option value="{text:Link 2 URL}">{text:Link 2 Name}</option></p>
  288. <p><option value="{text:Link 3 URL}">{text:Link 3 Name}</option></p>
  289. <p><option value="{text:Link 4 URL}">{text:Link 4 Name}</option></p>
  290. <p></select></p>
  291.  
  292. <div style="margin-top:10px">
  293. {block:PreviousPage}<a href="{PreviousPage}"><b>-back </b></a>{/block:PreviousPage}
  294. {block:NextPage}<a href="{NextPage}"><b>+next</b></a>{/block:NextPage}
  295. </div>
  296.  
  297.  
  298. </div></div>
  299.  
  300. <div id="description">{Description}<br>
  301.  
  302. </div>
  303.  
  304. </div>
  305. </div>
  306.  
  307. {block:Posts}<div id="posts">
  308.  
  309.  
  310. {block:Text}
  311. {block:Title}
  312. <h3><a href="{Permalink}">{Title}</a></h3>
  313. {/block:Title}
  314.  
  315.  
  316. {Body}
  317.  
  318. {/block:Text}
  319.  
  320. {block:Photo}<img src="{PhotoURL-400}">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  321.  
  322. {block:Photoset}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  323.  
  324.  
  325. {block:Quote}
  326. "{Quote}"
  327.  
  328. {block:Source}
  329. <div class="source"><i>quoted from </i>{Source}</div>
  330. {/block:Source}
  331.  
  332. {/block:Quote}
  333.  
  334. {block:Link}<div id="linkage">
  335. <a href="{URL}" class="link" {Target}>{Name}</a>
  336. </div>
  337. {block:Description}
  338. <div class="description">{Description}</div>
  339. {/block:Description}
  340.  
  341. {/block:Link}
  342.  
  343. {block:Chat}
  344. {block:Title}
  345. <h3><a href="{Permalink}">{Title}</a></h3>
  346. {/block:Title}
  347.  
  348. {block:Lines}
  349. {block:Label}
  350. <span class="label">{Label}</span>
  351. {/block:Label}
  352.  
  353. <div id="chat"> {Line}<br></div>
  354. {/block:Lines}
  355.  
  356. {/block:Chat}
  357.  
  358. {block:Video}
  359. {Video-400}
  360. {block:Caption}
  361. <div class="caption">{Caption}</div>
  362. {/block:Caption}
  363. {/block:Video}
  364.  
  365. {block:Answer}<div id="asker"><b>{Asker} asks:</b><br> </div><div id="question">"{Question}"</div>
  366. {Answer}{/block:answer}
  367.  
  368.  
  369. {block:Audio}<div id="audioplayer" style="border-radius:100px;">
  370. {AudioPlayerGrey}</div>
  371.  
  372. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  373. <div class="caption">
  374. {block:TrackName}
  375. + {TrackName}
  376. {/block:TrackName}<br>
  377. {block:Artist}
  378. + by {Artist}
  379. {/block:Artist} <br>
  380. {block:PlayCount} {PlayCount} Plays {/block:PlayCount}</div><br>
  381. <div style="margin-top:65px;">
  382. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  383. </div>
  384.  
  385. {/block:Audio}
  386.  
  387. <div id="info">
  388. {block:IndexPage}
  389.  
  390. <a href="{Permalink}"> {TimeAgo}</a>
  391. //
  392. <a href="{Permalink}">{NoteCountwithlabel} </a>
  393. //
  394. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"> via </a> // <a href="{ReblogRootURL}" target="_blank"> origin </a> {/block:RebloggedFrom}
  395.  
  396. <br>
  397. {block:HasTags}
  398. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  399. {/block:Tags}
  400. {/block:HasTags}
  401. </center> </div>
  402. {block:ContentSource}
  403. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  404. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  405. {/block:SourceLogo}
  406. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  407. {/block:ContentSource}
  408. {/block:IndexPage}
  409.  
  410. {block:PermalinkPage}
  411. {block:Date}
  412. {TimeAgo} on
  413. {ShortMonth} {DayofMonth},{Year}
  414. {/block:Date}
  415. {block:NoteCount} {NoteCountWithLabel}
  416. {/block:NoteCount}<br>
  417. {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a>
  418. {/block:Tags}
  419. {/block:HasTags}
  420. <br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" > {ReblogParentName}</a> ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  421. </center>
  422. {/block:PermalinkPage}
  423.  
  424. {block:PostNotes}
  425. {PostNotes}
  426. {/block:PostNotes}
  427.  
  428.  
  429. </div>
  430. {/block:Posts}
  431. </body>
  432.  
  433. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement