API tools faq
paste
laeverdeens

Theme 01

laeverdeens
Jan 12th, 2013
3,626
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. THEME BY HOLLANDLERODEN
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="color:Text" content="#d7d7d7" />
  16. <meta name="color:Linkhover" content="#ffffff"/>
  17. <meta name="color:Link" content="#cc9999" />
  18. <meta name="color:Linkbg" content="#ffffff" />
  19. <meta name="color:Scrollbar" content="#cc9999" />
  20. <meta name="color:QuestionBg" content="#f8f8f8" />
  21. <meta name="color:SidebarBg" content="#000000" />
  22.  
  23. <meta name="text:Link 1 URL" content="">
  24. <meta name="text:Link 1" content="">
  25. <meta name="text:Link 2 URL" content="">
  26. <meta name="text:Link 2" content="">
  27. <meta name="text:Link 3 URL" content="">
  28. <meta name="text:Link 3" content="">
  29. <meta name="text:Link 4 URL" content="">
  30. <meta name="text:Link 4" content="">
  31.  
  32.  
  33. <meta name="image:Sidebar" content="" />
  34. <meta name="image:Background" content="" />
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pontano Sans|Oranienbaum' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46.  
  47. </head>
  48.  
  49. <style type="text/css">
  50.  
  51. body {
  52. line-height:140%;
  53. font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  54. font-size:10px;
  55. text-align:justify;
  56. background-color:{color:background};
  57. color:{color:text}; }
  58.  
  59. a, a:active, a:visited{
  60. text-decoration: none;
  61. color: {color:link};}
  62.  
  63.  
  64. a:hover{
  65. color: {color:linkhover};
  66. -webkit-transition: all 0.3s ease-in-out;
  67. -moz-transition: all 0.3s ease-in-out;
  68. opacity: 1;
  69. -o-transition: all 0.3s ease-in-out;
  70. -ms-transition: all 0.3s ease-in-out;
  71. transition: all 0.3s ease-in-out;}
  72.  
  73.  
  74.  
  75. big { font-size: 12px; }
  76.  
  77.  
  78.  
  79. blockquote {text-align:left;padding-left:10px; border-color:{color:border}; border-left:2px solid #d6d4ce;}
  80. blockquote img{max-width:485px;}
  81.  
  82. /* POSTS */
  83.  
  84. #container {
  85. width: 850px;
  86. margin-left: 300px; margin-top: 50px;
  87. margin-bottom: 50px;
  88. }
  89.  
  90.  
  91. .quote {
  92. color: #aaa;
  93. display: block;
  94. background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px; font-size: 15px;
  95. font-style: italic; font-family: georgia;
  96. padding: 16px 18px 10px 32px; }
  97.  
  98. #pagey { font-size: 6px; }
  99. #pagey:a { font-size: 6px; }
  100.  
  101. h1{ font-weight: 500;
  102. font-size: 18px!important; font-family:times new roman;text-transform: lowercase;font-style:italic;
  103. }
  104.  
  105.  
  106. #post {
  107. font-size:10px;
  108. padding: 10px; margin-bottom: 20px;
  109. width: 500px;
  110. background-color:#fff;
  111. color:#797979;
  112. text-align: justify;
  113. }
  114.  
  115.  
  116. #post:hover .iuu { opacity: 1; -webkit-transition: 1s ease-out;
  117. -moz-transition: 1s ease-out;
  118. -o-transition: 1s ease-out;
  119. transition: 1s ease-out; margin-bottom: -8px;}
  120.  
  121.  
  122.  
  123. #sidey { opacity:0;
  124. text-transform:uppercase;
  125. font-family:calibri;
  126. letter-spacing:1px;
  127. line-height:13px;
  128. font-size:8px;
  129. display:block; color: #ababab;
  130. width:100px;
  131. margin-top:7px;
  132. position:absolute;
  133. margin-left:505px;
  134. text-align: left;
  135. padding-left:3px;
  136. -webkit-transition: all 0.7s ease;
  137. -moz-transition: all 0.7s ease;
  138. -o-transition: all 0.7s ease;
  139. }
  140.  
  141. .iuu { opacity: 0; color: #bbb; margin-bottom: -25px;}
  142.  
  143. .iuu a { color: #b1b1b1; }
  144.  
  145. small { font-size: 10px; font-family: cambria; }
  146.  
  147. .credit {right: 1px;bottom: 5px;text-transform: uppercase; position: fixed; font-size: 11px; right: 7px;}
  148.  
  149.  
  150. /* SIDEBAR */
  151.  
  152.  
  153.  
  154. #title {background-color: transparent; margin-top:5px; height:auto; padding:4px; font-family:Calibri; font-size:15px; text-transform:lowercase; font-style:none; width:200px; margin-left:0px;}
  155. #title a {padding:2px; color: #bfbfbf; font-size:15px; font-style:italic; font-family: georgia;}
  156.  
  157. /* AUDIO */
  158.  
  159. .audio {
  160. position:relative;
  161. overflow:hidden;
  162. min-height:100px;
  163. }
  164.  
  165. .player {
  166. position:absolute;
  167. z-index:3;
  168. background:#FFFFFF;
  169. margin-top:63px;
  170. margin-left:63px;
  171. opacity:0.75;
  172. filter:alpha(opacity=75);
  173. border:2px {color:Accent} solid;
  174. }
  175.  
  176. .audioplayer {
  177. width:15px;
  178. height:25px;
  179. overflow:hidden;
  180. padding:3px;
  181. margin-right:11px
  182. }
  183.  
  184. .audioinfo {
  185. margin-left:112px;
  186. font-size:10px!important;
  187. }
  188.  
  189. .audiocaption {
  190. margin-left:112px;
  191. }
  192.  
  193. .audiocaption img {
  194. max-width:270px!important
  195. }
  196.  
  197. .audiocaption blockquote img {
  198. max-width:260px!important
  199. }
  200.  
  201. .audiocaption blockquote blockquote img {
  202. max-width:250px!important
  203. }
  204.  
  205.  
  206.  
  207. /* ANSWERS */
  208.  
  209. #question {padding:10px;background-color: #f2f2f2;position: relative;border: 4px solid #f2f2f2;}
  210. #question:after, #demo:before {border: solid transparent;content: ' ';height: 0;left: 100%;position: absolute;width: 0;}
  211. #question:after {border-width: 9px;border-left-color: #f2f2f2;top: 15px;}
  212. #question:before {border-width: 14px;border-left-color: #f2f2f2;top: 10px;}
  213.  
  214.  
  215. .la { opacity: 0; margin-top: -10px; }
  216.  
  217. /* INFO */
  218.  
  219.  
  220. /* ANSWERS */
  221. .askbg {
  222. background: #f4f4f4;
  223. padding: 35px;
  224. color: #a6a6a6; }
  225.  
  226. .asker {
  227. text-transform: uppercase;
  228. text-align: center;
  229. font-family: Oranienbaum, serif;
  230. font-size: 10px;
  231. text-transform: uppercase;
  232. letter-spacing: 2px;
  233. font-weight: normal;
  234. margin-bottom: 0px;
  235. color: #a6a6a6; }
  236.  
  237. .asker a:link, .asker a:visited, .asker a:active {
  238. text-transform: uppercase;
  239. text-align: center;
  240. font-family: Oranienbaum, serif;
  241. font-size: 10px;
  242. text-transform: uppercase;
  243. letter-spacing: 2px;
  244. font-weight: normal;
  245. margin-bottom: 5px;
  246. color: #a6a6a6; }
  247.  
  248.  
  249.  
  250. /* CONTROLS */
  251.  
  252. iframe#tumblr_controls {
  253. right:3px !important;
  254. position: fixed !important;
  255. -webkit-transition: opacity 0.7s linear;
  256. opacity: 0.2;
  257. -webkit-transition: all 0.8s ease-out;
  258. -moz-transition: all 0.8s ease-out;
  259. transition: all 0.8s ease-out;}
  260.  
  261. iframe#tumblr_controls:hover{
  262. -webkit-transition: opacity 0.7s linear;
  263. opacity: 1;
  264. -webkit-transition: all 0.4s ease-out;
  265. -moz-transition: all 0.4s ease-out;
  266. transition: all 0.4s ease-out;}
  267.  
  268. iframe#tumblr_controls {
  269. top: 0% !important;
  270. right:0% !important;
  271. position: fixed !important;}
  272.  
  273. /* PAGINATION */
  274.  
  275. #pagination {
  276. width:200px; padding-top: 240px;
  277. font-size:10px;
  278. word-spacing:7px; }
  279.  
  280. .jump_page {
  281. padding:3px;
  282. background-color:#transparent; }
  283.  
  284. .current_page {
  285. padding:3px;
  286. background-color:#transparent;
  287. color:{color:text};}
  288.  
  289. #leftcolumn {
  290. position:fixed;
  291. width:130px;
  292. padding:10px;
  293. margin-left:0px;
  294. text-align:right;
  295. }
  296.  
  297.  
  298.  
  299. /* SCROLLBAR */
  300.  
  301. ::-webkit-scrollbar-thumb:vertical {
  302. background-color:{color:scrollbar};
  303. height:30px;}
  304.  
  305. ::-webkit-scrollbar-thumb:horizontal {
  306. background-color:{color:scrollbar};
  307. height:10px!important;}
  308.  
  309. ::-webkit-scrollbar {
  310. background-color:{color:background};
  311. height:10px;width:08px;}
  312.  
  313. #sidebar {
  314. width:160px;
  315. height:100%;
  316. padding:50px; padding-top: 150px;
  317. margin-left:-10px;
  318. margin-top:-50px; color: bfbfbf;
  319. position:fixed;
  320. color:#bfbfbf;
  321. background-color:{color:sidebarbg};
  322. z-index:99;
  323. }
  324.  
  325.  
  326. #sidebar:hover .links { opacity: 1; -webkit-transition: 1s ease-out;
  327. -moz-transition: 1s ease-out;
  328. -o-transition: 1s ease-out;
  329. transition: 1s ease-out; margin-left: -40px; margin-top: 0px; margin-bottom: -5px;}
  330.  
  331. #sidebar img {
  332. width:160px;
  333. height:auto;
  334. margin-bottom:2px;
  335. }
  336.  
  337. .titl {
  338. font-family:old standard tt;
  339. font-size:16px; font-weight: 500;
  340. text-transform:lowercase; font-style: italic; text-align: center;
  341. }
  342.  
  343. .links a {
  344. width:160px;
  345. display:block;
  346. padding:5px 0px 5px;
  347. margin-bottom:-10px;
  348. background-color:{color:linkbg}; font-size: 11px;
  349. color:{color:link};
  350. border-bottom:1px solid #F2F2F2;
  351. z-index:-2;
  352. -moz-transition-duration:0.4s;
  353. -webkit-transition-duration:0.4s;
  354. -o-transition-duration:0.4s;
  355. }
  356.  
  357. .links a:hover {
  358. color:{color:link hover};
  359. letter-spacing:2px;
  360. -webkit-transition: all 0.3s linear;
  361. -moz-transition: all 0.3s linear;
  362. -o-transition: all 0.3s linear;
  363. transition: all 0.3s linear;
  364. }
  365.  
  366.  
  367. .links {
  368. color:{color:link};
  369. margin-top:5px; opacity: 0;
  370. height:auto; font-style: italic; line-height: 180%:
  371. padding-top:5px; padding-bottom: 5px;
  372. width:220px;
  373. margin-top: -175px; margin-left:-40px;
  374. }
  375.  
  376. .desc {
  377. width:190px;
  378. margin-left:5px;
  379. margin-top:5px; color: #bfbfbf;
  380. }
  381.  
  382. .pages {
  383. font-size:10px;
  384. color:{color:link};
  385. margin-top:5px;
  386. }
  387.  
  388. .tags {
  389. margin-left: 0; opacity: 1;
  390. padding-left: 5px; padding-top: 5px; text-transform: lowercase;}
  391.  
  392. .tags a {
  393. padding:1px; color: #9c9c9c;
  394. margin-left:-2px;
  395. }
  396. {CustomCSS}
  397. </style>
  398.  
  399. <body>
  400.  
  401.  
  402. <div id="sidebar">
  403.  
  404. <a href="/"><img src="{image:sidebar}"></a>
  405.  
  406. <div class="desc" style="padding-top: 5px; color:bfbfbf;">
  407. <center><div class="links">
  408. <a href="/">home</a> <br>
  409. <a href="/ask">mail</a> <br>
  410. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  411. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  412. <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  413. <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  414.  
  415. </center><br></div><div class="titl" style="padding-bottom: 5px;">{Title}</div>
  416. {Description}
  417.  
  418. <center>
  419. <div class="pages">
  420. {block:Pagination}
  421. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;
  422. {/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}
  423. <a href="{NextPage}">&raquo;</a>{/block:NextPage}
  424. {/block:Pagination}
  425. </div>
  426.  
  427.  
  428.  
  429.  
  430.  
  431. </div>
  432.  
  433.  
  434. <div id="container">
  435.  
  436.  
  437.  
  438. <div id="entry">
  439. {block:Posts}
  440. <div id="post">
  441.  
  442.  
  443.  
  444. {block:ContentSource}
  445. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  446. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  447. {/block:SourceLogo}
  448. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  449. {/block:ContentSource}
  450.  
  451.  
  452. {block:Text}
  453. {block:Title}<h1>{Title}</h1>{/block:Title}
  454. {Body}
  455. {/block:Text}
  456.  
  457. {block:Photo}
  458. {LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}
  459. {Caption}
  460. {/block:Photo}
  461.  
  462. {block:Photoset}
  463. {Photoset-500}
  464. {Caption}
  465. {/block:Photoset}
  466.  
  467. {block:Quote}
  468. <div class="quote">{Quote}</div>
  469. {block:Source}<div style="text-align: left; padding-left: 35px; text-transform: lowercase;">- {Source};</div>{/block:Source}
  470. {/block:Quote}
  471.  
  472. {block:Link}
  473. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  474. {block:Description}{Description}{/block:Description}
  475. {/block:Link}
  476.  
  477.  
  478. {block:Video}
  479. {Video-500}
  480. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  481. {/block:Video}
  482.  
  483.  
  484. {block:Chat}
  485. {block:Title}<h1>{Title}</h1>{/block:Title}
  486. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  487. {/block:Chat}
  488.  
  489.  
  490. {block:Answer}
  491. <div style="border-bottom: 1px solid #f1f1f1; padding-bottom: 7px; "><img src="{AskerPortraitURL-48}" style="float:left; margin-right: 10px; border: 5px solid #f1f1f1; ">{Asker} whispered: {Question}</div>
  492. <p><div style="padding-bottom:1px;"{Answer}</div></p>{/block:Answer}
  493.  
  494.  
  495. {block:Audio}<div class="audio"><span style="background-color:{color:background}; position:bottom-left; width:100px; height:100px; margin-right:12px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:12px;" />{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div></span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  496.  
  497.  
  498. <div style="">
  499.  
  500. <div class="iuu"><div style="font-size: 8px;
  501. text-transform: uppercase;
  502. letter-spacing: 1px;
  503. width: 500px;
  504. font-family:calibri;
  505. padding: 5px 0px;
  506. color: #bbbbbb;
  507.  
  508. line-height: 100%;"> <a href="{Permalink}"> {TimeAgo} {block:NoteCount} · {NoteCount}{/block:NoteCount} </a> <div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> · <a href="{ReblogRootURL}"title="{ReblogRoottitle}">SOURCE</a>{/block:RebloggedFrom} </div></div></div>
  509.  
  510.  
  511. <div class="tags" style="text-transform: uppercase; font-family:cambria; text-align: left; width: 500px; margin-bottom: 0px; font-size:8px; margin-top: 10px; border-top: 1px solid #f1f1f1;
  512. padding:2px;">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} &emsp;</a>
  513. {/block:Tags}{/block:HasTags}</div>
  514. </div></div>
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522. {block:PermalinkPage}{block:PostNotes}<div style="width:500px;">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  523.  
  524. {/block:Posts}
  525.  
  526.  
  527. </div>
  528. </div>
  529. <a href="{ReblogRootURL}" title="{ReblogRootName}"></a>
  530. <div style="float: center;">{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}" title="{ReblogRootName}">{ReblogRootName}</a>) {/block:RebloggedFrom}</div>
  531.  
  532. <div class="credit" style="font-family: calibri; font-size: 9px;"><a href="http://claraosmin.tumblr.com/">CLARAOSMIN</a></div>
  533. </body>
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!