API tools faq
paste
d-esumana

Theme 12

d-esumana
Oct 6th, 2012
495
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.14 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. THEME BY D-ESUMANA .tumbr.com
  6. - if there are any complications let me know.
  7. - don't remove the credit.
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:Posts" content="#ffffff" />
  18. <meta name="color:Sidebar" content="#fafafa" />
  19. <meta name="color:Text" content="#d7d7d7" />
  20. <meta name="color:Border" content="#b6c788" />
  21. <meta name="color:Linkhover" content="#ffffff"/>
  22. <meta name="color:Link" content="#b6c788" />
  23. <meta name="color:Scrollbar" content="#b6c788" />
  24. <meta name="color:QuestionBg" content="#f8f8f8" />
  25. <meta name="color:bglinks" content="#f8f8f8" />
  26. <meta name="color:linkmenu" content="#f8f8f8" />
  27. <meta name="color:menuhover" content="#f8f8f8" />
  28. <meta name="text:frase" content="" />
  29.  
  30.  
  31.  
  32. <meta name="text:Link1" content="" />
  33. <meta name="text:Link1 Title" content="Link 1" />
  34. <meta name="text:Link2" content="" />
  35. <meta name="text:Link2 Title" content="Link 2" />
  36. <meta name="text:Link3" content="" />
  37. <meta name="text:Link3 Title" content="Link 3" />
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="Link 4" />
  40.  
  41. <meta name="image:Sidebar" content="" />
  42. <meta name="image:Background" content="" />
  43.  
  44. <meta name="if:ShadowLinks" content="1" />
  45. <meta name="if:RotationLinks" content="1" />
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}
  51. <meta name="description" content="{MetaDescription}" />
  52. {/block:Description}
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  55.  
  56. </head>
  57.  
  58. <style type="text/css">
  59.  
  60. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  61.  
  62. a {color: {color:link}; text-decoration: none; text-transform: none;}
  63. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
  64.  
  65. p {margin: 6px 0 0 0}
  66.  
  67. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  68. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  69. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  70. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  71.  
  72. blockquote img{max-width: 470px!important}
  73. blockquote blockquote img{max-width: 450px!important}
  74. blockquote blockquote blockquote img{max-width: 430px!important}
  75. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  76.  
  77. #container {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  78.  
  79. #entry {float: left; margin-left: 375px; margin-top: -5px;}
  80.  
  81. .posts {width: 400px; background-color: {color:posts}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  82.  
  83. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  84. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  85. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  86.  
  87. .image {text-align: center; border: 0px}
  88. .image img {max-width: 400px; margin-bottom: 2px }
  89.  
  90. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  91. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  92. .pquotesource a, a:hover{text-transform: none;}
  93.  
  94. .chat {line-height: 13px; list-style: none }
  95. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  96. .person1 {color: {color:text}; padding: 2px; }
  97. .person1 .label {font-weight: bold; color:{color:text}}
  98. .person2 {color: {color:text}; padding: 2px; }
  99. .person2 .label {font-weight: bold; color:{color:text}}
  100.  
  101. .player {background-color: #000; text-align: left; display:block;}
  102.  
  103. .question {
  104. color:{color:text};
  105. font-size: 11px;
  106. font-weight: normal;
  107. font-family: verdana;
  108. line-height:95%;
  109. background: {color:background};
  110. position: relative;
  111. min-height:70px;
  112. padding:10px 15px;
  113. margin-bottom:2px;
  114. margin-right:-10px;}
  115.  
  116. .questionarrow {
  117. font-size:30px;
  118. color:{color:background};
  119. vertical-align:middle;
  120. margin-left:-5px!important;}
  121.  
  122.  
  123. .asker {width:400px; text-align:right; text-transform:lowercase; color:{color:text};}
  124. .asker a {color:{color:text};}
  125. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  126.  
  127. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  128. .asking a{color:{color:text};}
  129. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  130.  
  131. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  132.  
  133.  
  134. .answer {color:{color:answer};}
  135.  
  136. .creditoaokaique {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  137. .creditoaokaique:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  138.  
  139. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  140. #info a {font-size: 10px; text-transform: uppercase;}
  141.  
  142. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  143. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  144.  
  145. #cap {width: 400px; margin-top: -2px;}
  146. .source {display: none;}
  147.  
  148. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  149. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  150. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  151. .notes img{display: none; border:0px}
  152.  
  153. ::-webkit-scrollbar{width:7px;height:7px;}
  154. ::-webkit-scrollbar-button:start:decrement
  155. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  156. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  157. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  158. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  159.  
  160. /* SIDEBAR */
  161.  
  162. #sidebar {
  163. position:fixed;
  164. margin-top:150px;
  165. margin-left:150px;
  166. padding: 5px;
  167. background-color:{color:Sidebar};
  168. text-align:center;
  169. }
  170.  
  171. #sidebar:hover .links {
  172. margin-top:130px;
  173. filter:alpha(opacity=100);
  174. -moz-opacity:1;
  175. -khtml-opacity: 1;
  176. opacity: 1;
  177. -webkit-transition:all 0.8s ease-out;
  178. -moz-transition:all 0.8s ease-out;
  179. transition:all 0.8s ease-out;}
  180.  
  181. .links {
  182. width:225px;
  183. margin-top:-10px;
  184. padding:10px;
  185. text-align: center;
  186. margin-left:-15px;
  187. display:block;
  188. font-size:10px;
  189. font-family:georgia;
  190. line-spacing:6px;
  191. background-color:tansparent;
  192. letter-spacing: 1px;
  193. position:fixed;
  194. overflow: visible;
  195. border-radius: 0px;
  196. filter:alpha(opacity=0);
  197. -moz-opacity:0.;
  198. -khtml-opacity: 0;
  199. opacity: 0;
  200. text-align:center;
  201. -webkit-transition:all 0.9s ease-out;
  202. -moz-transition:all 0.9s ease-out;
  203. transition:all 0.9s ease-out;
  204. {block:ifShadowLinks}
  205. text-shadow:2px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);
  206. {/block:ifShadowLinks}}
  207.  
  208. .links a {
  209. display:inline-block;
  210. width: 45px;
  211. height: 10px;
  212. background-color: {color:bglinks};
  213. color:{color:linkmenu};
  214. margin-top: 0px;
  215. text-transform: lowercase;
  216. font-weight: none;
  217. margin-bottom: 2px;
  218. -webkit-transition: all 0.8s ease-in-out;
  219. -moz-transition: all 0.8s ease-in-out;
  220. text-position: middle;
  221. -o-transition: all 0.8s ease-in-out;
  222. -ms-transition: all 0.8s ease-in-out;
  223. transition: all 0.8s ease-in-out;
  224. text-decoration: none;
  225. border-radius: 1px;
  226. opacity:0.9;
  227. text-align: center;
  228. padding:5px;}
  229.  
  230. .links a:hover {
  231. color:{color:linkhover};
  232. background-color: {color:menuhover};
  233. border-radius: 1px;
  234. opacity: 1;
  235. -o-transition: all 0.3s ease-in-out;
  236. -ms-transition: all 0.3s ease-in-out;
  237. transition: all 0.3s ease-in-out;
  238. {block:ifRotationLinks}
  239. -webkit-transition: all 0.6s ease-in-out;
  240. -moz-transition: all 0.6s ease-in-out;
  241. -webkit-transform: rotate(360deg);
  242. -moz-transform: rotate(360deg);
  243. {/block:ifRotationLinks}}
  244.  
  245. #sidebarpic img {
  246. margin-top:5px;
  247. width:200px;
  248. max-height:280;
  249. text-align:center;
  250. border-radius: 0px 0px 0px 0px;border: 3px solid {color:border}}
  251.  
  252. #description {
  253. margin-top:5px;
  254. width: 200px;
  255. padding: 05px;
  256. font-size:09px;
  257. text-align:none;
  258. color:{color:text};
  259. font-family:verdana;
  260. border-top:2px solid;
  261. border-bottom:2px solid;
  262. border-color:{color:border};
  263. font-style: italic;text-transform: lowercase;}
  264.  
  265.  
  266.  
  267.  
  268.  
  269. /* CONTROLS */
  270.  
  271. iframe#tumblr_controls {
  272. right:3px !important;
  273. position: fixed !important;
  274. -webkit-transition: opacity 0.7s linear;
  275. opacity: 0.2;
  276. -webkit-transition: all 0.8s ease-out;
  277. -moz-transition: all 0.8s ease-out;
  278. transition: all 0.8s ease-out;}
  279.  
  280. iframe#tumblr_controls:hover{
  281. -webkit-transition: opacity 0.7s linear;
  282. opacity: 1;
  283. -webkit-transition: all 0.4s ease-out;
  284. -moz-transition: all 0.4s ease-out;
  285. transition: all 0.4s ease-out;}
  286.  
  287. iframe#tumblr_controls {
  288. top: 0% !important;
  289. right:0% !important;
  290. position: fixed !important;}
  291.  
  292. /* PAGINATION */
  293.  
  294. .tititica3 {color:{color:text}; background-color:#trans; height:12px; font-size:09px; width: 214px; font-family:georgia; text-align:center; font-style:none;letter-spacing:0px; margin-top:120px; margin-left: 220px; position: absolute; line-height:12px; text-transform: lowercase; padding:3px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;font-style:none; position:fixed;}
  295.  
  296. /* CREDIT */
  297.  
  298. .credit {background-color: #trans; font-size: 12px; color: {color:text}; text-align: center; width: 180px; height: 16px; position: fixed; padding: 2px 5px; text-transform: uppercase; margin-left: 800px; font-family: calibri; margin-top: 580px; overflow: hidden; -webkit-transform: rotate(deg); z-index:10;opacity:0.8;border-top-left-radius:10px;opacity:0.5;
  299.  
  300.  
  301. /* FIM CREDIT */
  302.  
  303. /* FRASE */
  304.  
  305. #ccfrase {float: left; width: 140px; height:25px; top: 0px; left:0px; padding:px; text-align: center; position: fixed; background: {color:sidebar};opacity:;}
  306. .cfrase {clear: both; margin-top: -3px; background-color: transparent; padding: px; letter-spacing: px; font-size: 18px; font-family: georgia; color: {color:frase};line-height:30px;text-transform:lowercase; font-style: italic;}
  307.  
  308. /* FIM FRASE */
  309.  
  310. /* SCROLLBAR */
  311.  
  312. ::-webkit-scrollbar-thumb:vertical {
  313. background-color:{color:scrollbar};
  314. height:30px;}
  315.  
  316. ::-webkit-scrollbar-thumb:horizontal {
  317. background-color:{color:scrollbar};
  318. height:10px!important;}
  319.  
  320. ::-webkit-scrollbar {
  321. background-color:{color:background};
  322. height:10px;width:08px;}
  323.  
  324.  
  325. {CustomCSS}
  326. </style>
  327.  
  328. <body>
  329.  
  330. <div id="container">
  331.  
  332. <div id="sidebar">
  333.  
  334. <div class="links">
  335. <a href="/">refresh</a>
  336. <a href="/ask">askbox</a>
  337. <a href="{text:Link1}">{text:Link1 Title}</a><br>
  338. <a href="{text:Link2}">{text:Link2 Title}</a>
  339. <a href="{text:Link3}">{text:Link3 Title}</a>
  340. <a href="{text:Link4}">{text:Link4 Title}</a>
  341. </div>
  342.  
  343. <div id="sidebarpic">
  344. <a href="/"><img src="{image:Sidebar}"/></a>
  345. </div>
  346.  
  347. <div id="description">
  348. {block:Description}{Description}{/block:Description}
  349. </div>
  350. {block:Pagination}
  351. {block:PreviousPage}<a href="{PreviousPage}">&lsaquo;</a>{/block:PreviousPage} {CurrentPage} of {TotalPages}
  352. {block:NextPage}<a href="{NextPage}">&rsaquo;</a>{/block:NextPage}
  353. {/block:Pagination}
  354. </div>
  355.  
  356. <div class="tititica3">{block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  357.  
  358.  
  359. <div class="credit"><a href="http://d-esumana.tumblr.com/">THEME </a> </div>
  360.  
  361. <div id="ccfrase"><div class="cfrase">{text:frase}</div>
  362.  
  363. <div id="entry">
  364.  
  365. {block:Posts}
  366. <div class="posts">
  367.  
  368. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  369.  
  370. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  371.  
  372. {block:Photoset}{Photoset-400}{/block:Photoset}
  373.  
  374. {block:Quote}
  375. <div class="pquote">“{Quote}”</div>
  376. {block:Source}<div class="pquotesource"> ~ {Source}</div>
  377. {/block:Source}
  378. {/block:Quote}
  379.  
  380. {block:Link}
  381. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  382. {block:Description}{Description}{/block:Description}
  383. {/block:Link}
  384.  
  385. {block:Chat}
  386. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  387. <div class="chat"><ul>{block:Lines}
  388. <li class="person{UserNumber}">{block:Label}
  389. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  390. {/block:Chat}
  391.  
  392. {block:Audio}
  393. <div class="player">{AudioPlayerBlack}</div>
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Audio}
  396.  
  397. {block:Video}{Video-400}{/block:Video}
  398.  
  399.  
  400. {block:Answer}
  401. <table width="400px" cellspacing="0" cellpadding="0">
  402. <tr>
  403. <td width="415px" class="question">{Question}</td>
  404. <td width="30px"><span class="questionarrow">◤</span></td>
  405. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  406. </tr>
  407. </table>
  408. <div class="answer">{Answer}</div>
  409. {/block:answer}
  410.  
  411.  
  412.  
  413. <div id="cap">
  414. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  415. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  416. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  417.  
  418. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  419. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  420. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  421. {/block:ContentSource}</div></div>
  422. <br>
  423.  
  424. <div class="creditoaokaique">
  425. {block:Date}<div id="info">
  426. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} • <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} • <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} • <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}• <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  427. </div></center>{/block:IfShowTags}{/block:Date}</div>
  428. </div>
  429.  
  430.  
  431. {/block:Posts}
  432. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  433.  
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438.  
  439.  
  440. </body>
  441.  
  442. </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!