API tools faq
paste
laeverdeens

Theme 07

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