API tools faq
paste
Advertisement
gimmelou

theme 08: don't let me go

gimmelou
Jun 13th, 2013
1,184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. theme 08: libra
  5. by gimmelou
  6. -->
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:border" content="f3f1f1"/>
  18. <meta name="color:text" content="#b6b5b5"/>
  19. <meta name="color:link" content="#a8a7a7"/>
  20. <meta name="color:linkhover" content="f1d65d"/>
  21. <meta name="color:scrollbar" content="ede7dc"/>
  22. <meta name="color:scrollbarbg" content="ffffff"/>
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content="" />
  25.  
  26. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  27.  
  28. <meta name="text:link 1" content="" />
  29. <meta name="text:link 1 url" content="" />
  30. <meta name="text:link 2" content="" />
  31. <meta name="text:link 2 url" content="" />
  32.  
  33. <style type="text/css">
  34.  
  35. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  36. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  37. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  38.  
  39.  
  40. body {background:{color:background}; margin:0px; color:{color:text}; font-family:calibri; font-size:10px; line-height:100%;}
  41.  
  42. blockquote {border-left:1px solid #f8f8f8;padding-left:2px;margin:5px;}
  43.  
  44. a {
  45. color:#b1b0b0;
  46. text-decoration:none;
  47. -webkit-transition:all 0.5s ease-in-out;
  48. -moz-transition:all 0.5s ease-in-out;
  49. -o-transition:all 0.5s ease-in-out;
  50. -ms-transition:all 0.5s ease-in-out;
  51. transition:all 0.5s ease-in-out;
  52. }
  53.  
  54. a:hover {
  55. text-decoration:none;
  56. color:#676767;
  57. }
  58.  
  59. h1 {
  60. font-family:consolas;
  61. font-size:13px;
  62. text-align:center;
  63. text-transform:uppercase;
  64. }
  65.  
  66. h2 {
  67. font-family:calibri;
  68. font-size:10px;
  69. font-style:italic;
  70. text-transform:none;
  71. font-weight:normal;
  72. }
  73.  
  74. #entries {
  75. padding:10px;
  76. width:500px;
  77. margin-left:470px;
  78. margin-top:0px;
  79. padding:15px;
  80. }
  81.  
  82. #post {
  83. padding-top:30px;
  84. margin-top:5px;
  85. width:500px;
  86. padding-bottom:30px;
  87. font-style:none;
  88. }
  89.  
  90.  
  91. .header {
  92. position:absolute;
  93. height: 55px;
  94. margin-top:-85px;
  95. width:480px;
  96. margin-left: 440px;
  97. border-bottom: solid 1px #a3a3a3;
  98. border-top: solid 1px #a3a3a3;
  99. margin-bottom:50px;
  100. font-family:'calibri';
  101. text-transform: uppercase;
  102. font-style:normal;
  103. padding:10px;
  104. line-height:110%;
  105. background-color: #fcfcfc;
  106. text-align:center;
  107. font-size: 8px;
  108. color:{color:text};
  109. }
  110.  
  111.  
  112. #sidebar {
  113. width:290px;
  114. height:100px;
  115. position:fixed;
  116. margin-left:180px;
  117. margin-top:50px;
  118. }
  119.  
  120. #sidebarimage {
  121. width:170px;
  122. height:220px;
  123. padding:7px;
  124.  
  125. }
  126.  
  127. #sidebarimage img {
  128. width:160px;
  129. height:220px;
  130. margin-left:73px;
  131. margin-top:115px;
  132. -webkit-transition: all 0.8s;
  133. -moz-transition: all 0.8s;
  134. transition: all 0.8s;
  135. padding:5px;
  136. border:1px solid #e6e6e6;
  137. background-color: #fff;
  138. -moz-transition-duration:1s;
  139. -webkit-transition-duration:1s;
  140. -o-transition-duration:1s;
  141. }
  142.  
  143. #pagination {
  144. position:fixed;
  145. width:160px;
  146. text-align:center;
  147. margin-top:-280px;
  148. margin-left:80px;
  149. font-family:calibri;
  150. font-size:10px;
  151. letter-spacing:4px;
  152. text-transform:uppercase;
  153. color:#a8a7a7;
  154. font-style:normal;
  155. z-index:100;
  156. padding:5px;
  157. }
  158.  
  159. #description {
  160. opacity:1.0;
  161. font-family:cambria;
  162. font-style:normal;
  163. text-align:center;
  164. font-size:10px;
  165. width:100px;
  166. background:#fff;
  167. color:#c2c2c2;
  168. padding:4px;
  169. position:fixed;
  170. margin-top:-180px;
  171. margin-left:110px
  172. }
  173.  
  174. #sidebar #description {
  175. opacity:0.0;
  176. -webkit-transition: all 0.8s;
  177. -moz-transition: all 0.8s;
  178. transition: all 0.8s;
  179. }
  180.  
  181. #sidebar:hover #description{
  182. opacity:1;
  183. -webkit-transition: all 0.5s;
  184. -moz-transition: all 0.5s;
  185. transition: all 0.5s;
  186. }
  187.  
  188. .desc {
  189. width:120px;
  190. height:0px;
  191. margin-left:65px;
  192. margin-top:-70px;
  193. text-align:center;
  194. font-weight:normal;
  195. line-height:120%;
  196. font-family:calibri;
  197. font-style:italic;
  198. font-size:10px;
  199. padding-top:65px;
  200. padding-left:-50px;
  201. }
  202.  
  203. #asks {
  204. background-color: #fcfcfc;
  205. color: {color:text};
  206. border-top: solid 1px #f8f8f8;
  207. margin-left:0px;
  208. padding:11px;
  209. margin-top: 5px;
  210. margin-bottom:5px;
  211. font-family:cambria;
  212. font-size:10px;
  213. font-style:italic;
  214. text-align:left;
  215. }
  216.  
  217. #menu {
  218. padding:5px;
  219. margin-top:115px;
  220. width:180px;
  221. margin-left:70px;
  222. letter-spacing:0px;
  223. text-align:center;
  224. }
  225.  
  226. #menu a {
  227. display:inline-block;
  228. font-family:calibri;
  229. margin-bottom:5px;
  230. background-color:#fff;
  231. padding:5px;
  232. font-size:8px;
  233. font-style:none;
  234. text-align:center;
  235. text-transform:uppercase;
  236. letter-spacing:1px;
  237. }
  238.  
  239. #menu a:hover {
  240. color:{color:linkhover};
  241. text-shadow: 0.1em 0.1em 0.2em black;
  242. -webkit-transition: all 0.3s;
  243. -moz-transition: all 0.3s;
  244. transition: all 0.3s;
  245. }
  246.  
  247. .notecount {
  248. width:150px;
  249. margin-left:350px;
  250. position:absolute;
  251. text-align:right;
  252. }
  253.  
  254. .note {
  255. padding:0px 20px 0px 20px;
  256. text-transform:uppercase;
  257. font-family:calibri;
  258. text-align:right;
  259. letter-spacing:0px;
  260. font-size: 8px;
  261. line-height:80%;
  262. color:{color:link};
  263. }
  264.  
  265. .note li {
  266. list-style-type:none;
  267. padding:5px 20px 5px 20px;
  268. text-align:right;
  269. margin-left:-80px;
  270. }
  271.  
  272. #info {
  273. font-family:calibri;
  274. text-align:right;
  275. margin-top:5px;
  276. padding-top:5px;
  277. padding:5px;
  278. text-transform:uppercase;
  279. font-style:none;
  280. font-size:10px;
  281. line-height:80%;
  282. border-top: 1px solid #f8f8f8;
  283. }
  284.  
  285. #info a:hover {
  286. font-style:italic;
  287. -webkit-transition: all 0.3s ease;
  288. -moz-transition: all 0.3s ease;
  289. -o-transition: all 0.3s ease;
  290. }
  291.  
  292. #tags {
  293. font-family:calibri;
  294. text-align:right;
  295. margin-top:-5px;
  296. padding-bottom:3px;
  297. text-transform:uppercase;
  298. font-style:none;
  299. font-size:8px;
  300. }
  301.  
  302. #tags a {
  303. display:inline;
  304. text-align:right;
  305. }
  306.  
  307. #tumblr_controls{
  308. top: 1px !important;
  309. margin: 0 0 0 0;
  310. right: 6px !important;
  311. position: fixed
  312. !important;-webkit-filter: invert(100%) ;
  313. important;}
  314.  
  315. #c {
  316. font-size:9px;
  317. font-family:cambria;
  318. font-style:italic;
  319. letter-spacing:1px;
  320. -moz-transition-duration:0.5s;
  321. -webkit-transition-duration:0.5s;
  322. -o-transition-duration:0.5s;
  323. }
  324.  
  325. #c a {
  326. background-color:#fff;
  327. padding:5px;
  328. border:1px solid #e9e9e9;
  329. position:fixed;
  330. right:15px;
  331. bottom:10px
  332. }
  333.  
  334. #c a:hover {
  335. color:#fff;
  336. background-color:#191919;
  337. }
  338.  
  339. {CustomCSS}</style></head><body>
  340.  
  341.  
  342. <div id="sidebar">
  343. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  344. <div id="menu">
  345. <a href="/">home</a>
  346. <a href="/ask">ask</a>
  347. <a href="{text:link 1 url}">{text:link 1}</a>
  348. <a href="{text:link 2 url}">{text:link 2}</a></div>
  349. <div id="description">{Description}</div>
  350. <div id="pagination">
  351. {block:Pagination}
  352. {block:PreviousPage}
  353. <a href="{PreviousPage}">←</a>
  354. {/block:PreviousPage}
  355. {block:JumpPagination length="5"}
  356. {block:CurrentPage}
  357. <span class="current_page">{PageNumber}</span>
  358. {/block:CurrentPage}
  359. {block:JumpPage}
  360. <a class="jump_page" href="{URL}">{PageNumber}</a>
  361. {/block:JumpPage}
  362. {/block:JumpPagination}
  363. {block:NextPage}
  364. <a href="{NextPage}">→</a>
  365. {/block:NextPage}
  366. </div>
  367. {/block:Pagination}</div>
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376. {block:HasPages}{block:Pages}
  377.  
  378. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  379.  
  380. </div></center></i>
  381.  
  382.  
  383.  
  384.  
  385.  
  386. </div>
  387.  
  388. <div id="entries">{block:Posts}<div id="post">
  389.  
  390. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><i>{Body}</i>{/block:Text}
  391.  
  392. {block:Photo}
  393. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  394. {/block:Photo}
  395.  
  396. {block:Photoset}
  397. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  398. {/block:Photoset}
  399.  
  400. {block:Quote}❝<i>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</i>
  401.  
  402. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<i>{Description}</i>{/block:Description}{/block:Link}
  403.  
  404. {block:Chat}<i>{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}</i>
  405.  
  406. {block:Audio}{AudioPlayerWhite}{block:Caption}<i>{Caption}</i>{/block:Caption}{/block:Audio}
  407.  
  408. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  409.  
  410. {block:Answer}<div id="asks">❝<b>{Asker}</b> sent: {Question}</div>
  411. <div id="answer">{Answer}</div>{/block:answer}
  412.  
  413. {block:Date}<div id="info">
  414. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  415. {block:ContentSource} ( source <a href="{SourceURL}">{SourceLink} )</a>{/block:ContentSource}{/block:Date} {block:NoteCount} with <font color=#e9aeca>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  416. {block:HasTags}
  417. <div class="tags">
  418. {block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>
  419. {/block:HasTags}
  420.  
  421. <div class="note">
  422. {block:PostNotes}{PostNotes}{/block:PostNotes}
  423. </div>
  424. </div>
  425. {block:Posts}
  426.  
  427. </div>
  428.  
  429. <div id="c"><a href="http://caramelfringe.tumblr.com">CF</div>
  430.  
  431.  
  432. </body>
  433.  
  434. </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!