API tools faq
paste
Advertisement
cinnasownmockingjay

theme3

cinnasownmockingjay
Oct 1st, 2013
743
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.55 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6. </script><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!---- base theme by sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ, for public use --->
  13. <!-------------------------------------------------------------------------- theme made by CINNASOWNMOCKINGJAY.TUMBLR.COM
  14. do not steal. do not use as a base. do not remove credit or move it to another page. please enjoy!
  15. --------------------------------------------------------------------------->
  16. <!--variables-->
  17. <!--colors-->
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#838282"/>
  20. <meta name="color:Link" content="#b8b8b8"/>
  21. <meta name="color:hover" content="#b8b8b8"/>
  22. <meta name="color:Linksbg" content="#b8b8b8"/>
  23. <meta name="color:scrollbar" content="#4d4949">
  24. <meta name="color:scrollbarbg" content="#4d4949">
  25. <meta name="color:askBox" content="#4d4949">
  26. <meta name="color:sidebar hover" content="#4d4949">
  27.  
  28. <!--images-->
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:sidebar1" content=""/>
  31. <meta name="image:sidebar2" content=""/>
  32. <meta name="image:header" content=""/>
  33. <meta name="if:Show header" content="1" />
  34.  
  35. <!--links-->
  36. <meta name="text:Link 1" content="" />
  37. <meta name="text:Link 1 Text" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:Link 2 Text" content="" />
  40. <meta name="text:Link 3" content="" />
  41. <meta name="text:Link 3 Text" content="" />
  42. <meta name="text:Link 4" content="" />
  43. <meta name="text:Link 4 Text" content="" />
  44. <meta name="if:Show Link 1" content="1" />
  45. <meta name="if:Show Link 2" content="1" />
  46. <meta name="if:Show Link 3" content="1" />
  47. <meta name="if:Show Link 4" content="1" />
  48.  
  49. <!--text-->
  50. <meta name="text:watching" content="">
  51. <meta name="text:reading" content="">
  52. <meta name="if:Show watching" content="1" />
  53. <meta name="if:Show reading" content="1" />
  54.  
  55. <style type="text/css">
  56. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  58. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  59.  
  60. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  61.  
  62.  
  63. ::-webkit-scrollbar-track {background-color:#fff;}
  64. ::-webkit-scrollbar-thumb {background-color:#fafafa;}
  65. ::-webkit-scrollbar {width:5px;height:5px;}
  66.  
  67. body{
  68. background-color: {color:background};
  69. font-family:cambria;
  70. line-height:100%;
  71. color:{color:text};
  72. word-wrap: break-word;
  73. font-size:10px;
  74. text-align:justify;}
  75.  
  76. a { text-decoration:none;
  77. cursor:pointer;
  78. color:{color:link};}
  79.  
  80. a:link, a:active, a:visited {
  81. color: {color:link};}
  82.  
  83. a:hover {color:#000;}
  84.  
  85. b, strong {
  86. font-weight:heavy;
  87. color:{color:bold};}
  88.  
  89. i, em {
  90. font-weight:light;
  91. color:{color:italic};}
  92.  
  93. blockquote {
  94. margin: 5px;
  95. padding:0px 3px 0px 3px;
  96. line-height:90%;;
  97. border-left: 1px solid #ddd;}
  98.  
  99. pre, xmp, plaintext, listing {
  100. display: block;
  101. white-space: pre;
  102. padding: 5px;
  103. word-wrap: break-word;
  104. font-size: 10px;}
  105.  
  106. #header {
  107. width:100%;
  108. height:200px;
  109. margin-top:-10px;
  110. margin-left:-10px;
  111. }
  112.  
  113. #header img {
  114. width:auto;
  115. height:200px;
  116.  
  117. }
  118.  
  119. #navigation{
  120. display:inline-block;
  121. width: 150px;
  122. margin-top: -50px;
  123. margin-left: 43px;
  124. text-align:center;}
  125.  
  126. #navigation a.links {
  127. display:inline-block;
  128. width:50px;
  129. text-align:center;
  130. text-transform: uppercase;
  131. color: {color:link};
  132. font-size:9px;
  133. font-style: bold;
  134. padding:5px;
  135. margin:2px;
  136. font-family:calibri;
  137. letter-spacing:2px;
  138. background-color: {color:linksbg};
  139. opacity:0.5;
  140. box-shadow:0px 1px 1px rgba(0,0,0,.1);
  141. cursor:pointer;}
  142.  
  143. #navigation a.links:hover {color:#fff;}
  144.  
  145. #entry{
  146. padding:10px;
  147. width:500px;
  148. margin-left: auto;
  149. margin-right: auto;
  150. margin-top:0px;
  151. }
  152.  
  153. #posts{
  154. line-height:90%;
  155. background:#fff;
  156. width:500px;
  157. padding:20px;
  158. margin-bottom:20px;}
  159.  
  160. #sidebar {
  161. position: fixed;
  162. top: 240px;
  163. left: 30px;}
  164.  
  165. #sidebarimage {display: block;}
  166.  
  167. #sidebarimage img {
  168. width: 66px;
  169. padding:5px;
  170. background:#fff;
  171. margin-bottom: -11px;
  172. -moz-border-radius: 66px;
  173. -webkit-border-radius: 66px;
  174. border-radius: 66px;
  175. border:1px solid #e5e5e5;}
  176.  
  177. #sidebarimage1 {display: block;}
  178.  
  179. #sidebarimage1 img {
  180. width: 66px;
  181. padding:5px;
  182. background:#fff;
  183. margin-left:80px;
  184. margin-top: -68px;
  185. margin-bottom: 25px;
  186. -moz-border-radius: -66px;
  187. -webkit-border-radius: 66px;
  188. border-radius: 66px;
  189. border:1px solid #e5e5e5;}
  190.  
  191. #sidebarimage2 {display: block;}
  192.  
  193. #sidebarimage2 img {
  194. width: 66px;
  195. padding:5px;
  196. background:#fff;
  197. margin-left:160px;
  198. margin-top: -104px;
  199. margin-bottom: 55px;
  200. -moz-border-radius: 66px;
  201. -webkit-border-radius: 66px;
  202. border-radius: 66px;
  203. border:1px solid #e5e5e5;}
  204.  
  205. #sidebar .watching{
  206. font-size:10px;
  207. padding:3px;
  208. opacity: 0;
  209. padding-top:25px;
  210. padding-left:6px;
  211. background-color: {linksbg};
  212. width:66px; /*width of the image*/
  213. height:100%; /*height of the image*/
  214. position: absolute;
  215. text-align:center;
  216. background-color:transparent;
  217. color:{color:sidebar hover};
  218. overflow:auto;
  219. -webkit-transition: opacity 0.5s linear;
  220. -webkit-transition: all 0.5s linear;
  221. -moz-transition: all 0.5s linear;
  222. transition: all 0.5s linear;
  223. }
  224.  
  225. #sidebar:hover .watching{
  226. opacity:1.0;
  227. margin-left:0px;
  228. background-color: {linksbg};
  229. transition: all 0.5s linear;
  230. -webkit-transition: opacity 0.5s linear;
  231. -webkit-transition: all 0.5s linear;
  232. -moz-transition: all 0.5s linear;
  233. }
  234. .watching {
  235. font-family: cambria;
  236. font-size: 10px;
  237. text-transform: lowercase;
  238. background-color: {linksbg};
  239. text-align: center;
  240. margin-top: 10px;
  241. }
  242.  
  243. #sidebar .reading{
  244. font-size:10px;
  245. opacity:0;
  246. padding:3px;
  247. padding-top:15px;
  248. padding-left:0px;
  249. width:64px; /*width of the image*/
  250. height:100%; /*height of the image*/
  251. position: absolute;
  252. text-align:center;
  253. background-color:transparent;
  254. color:{color:sidebar hover};
  255. overflow:auto;
  256. -webkit-transition: opacity 0.5s linear;
  257. -webkit-transition: all 0.5s linear;
  258. -moz-transition: all 0.5s linear;
  259. transition: all 0.5s linear;
  260. }
  261.  
  262. #sidebar:hover .reading{
  263. opacity:1.0;
  264. margin-left:165px;
  265. transition: all 0.5s linear;
  266. -webkit-transition: opacity 0.5s linear;
  267. -webkit-transition: all 0.5s linear;
  268. -moz-transition: all 0.5s linear;
  269. }
  270. .reading {
  271. font-family: cambria;
  272. font-size: 10px;
  273. text-transform: lowercase;
  274. text-align: center;
  275. margin-top: 10px;
  276. }
  277.  
  278. #description {
  279. margin-left: 9px;
  280. margin-top: -5px;
  281. font-size:9px;
  282. letter-spacing:1px;
  283. text-align: center;
  284. color:{color:description};
  285. font-family:cambria;
  286. padding: 10px;
  287. width: 200px;
  288. line-height:110%;}
  289.  
  290.  
  291.  
  292.  
  293. #pagination {
  294. display:inline-block;
  295. margin-left: 55px;
  296. margin-top:-5px;
  297. width:25px;
  298. text-align:center;
  299. font-size:25px;
  300. font-weight:bold;
  301. font-family:consolas;
  302. color: {color:linksbg};
  303. opacity: 0.5;
  304. width:123px;
  305. padding:1px;}
  306.  
  307. #info {
  308. text-align:left;
  309. margin-bottom:0px;
  310. }
  311. #source {
  312. text-align:right;
  313. margin-top:-10px;
  314. }
  315.  
  316. #tags {
  317. text-align:center;
  318. font-style:italic;
  319. font-size: 9px;
  320. color: {color:link};
  321. background-color: {color:linksbg};
  322. padding: 2px;
  323. }
  324. #tags a {
  325. letter-spacing: 1px;
  326. opacity:1;
  327. text-align:center;
  328. text-decoration:none;
  329. display:inline-block;
  330. margin-top:-12px;
  331. background-color:{color:linksbg};
  332. display:inline-block;
  333. }
  334.  
  335. #tags a:hover {
  336. opacity:1;
  337. color:{color:Hover};
  338. background-color:{color:linksbg};
  339. }
  340.  
  341. img.avatar {
  342. vertical-align: -4px;
  343. width: 16px;
  344. height: 16px;
  345. padding: 1px;}
  346.  
  347. .posttitle{
  348. color:{color:posts title};
  349. font-family: cambria;
  350. font-style:oblique;
  351. line-height: 100%;
  352. font-size:25px;}
  353.  
  354. .ask {
  355. font-size: 10px
  356. text-transform: lowercase;
  357. text-align: center;
  358. font-style: italic;
  359. background-color: {color:askBox};
  360. padding: 10px;
  361. }
  362.  
  363. .ans {
  364. font-size: 10px
  365. text-transform: lowercase;
  366. text-align: center;
  367. font-style: italic;
  368. }
  369.  
  370.  
  371. #quote {
  372. font-family: cambria;
  373. font-style:oblique;
  374. font-size: 18px;
  375. letter-spacing:1px;
  376. line-height: 100%;
  377. padding: 10px;
  378. text-align:left;
  379. margin-bottom: 10px;}
  380.  
  381. .cred {
  382. position:fixed;
  383. font-size:8px;
  384. font-weight:normal;
  385. line-height:150%;
  386. letter-spacing:2px;
  387. right:10px;
  388. bottom:10px;
  389. text-transform:uppercase;
  390. text-align:center;
  391. }
  392.  
  393. .cred a {
  394. padding:3px;
  395. -moz-transition-duration:0.5s;
  396. -webkit-transition-duration:0.5s;
  397. -o-transition-duration:0.5s;
  398. }
  399.  
  400.  
  401. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  402. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  403. .chat li{
  404. list-style-type: none;
  405. margin-top:2px;
  406. padding:8px;}
  407.  
  408. .audio {height:47px;margin-bottom:10px;}
  409. .audio-player{height:26px;width:26px; margin-top: 7px; margin-left: 7px;overflow:hidden;opacity:0.6;border: 3px solid #f9f9f9; position:absolute; z-index:2; }
  410. .audio-album { position:absolute; width:32px; border: 7px solid #efefef;}
  411. .audio-info { height: 30px;margin-left:45px; padding:10px 10px 10px 10px;text-align:left; font-family:cambria;font-size:9px;line-height:110%;}
  412.  
  413.  
  414. </style>
  415.  
  416. </head>
  417. <body>
  418. {block:IfShowheader}<div id="header"><img src="{image:header}"/></div>{/block:IfShowheader}
  419.  
  420.  
  421. <div id="content">
  422. <div id="sidebar">
  423.  
  424. <div style="color:#f3f3f3">
  425. {block:IfShowwatching}
  426. <div class="watching">
  427. Watching: {text:watching}
  428. <br>
  429. </div>{/block:IfShowwatching}>
  430. {block:IfShowreading}
  431. <div class="reading">
  432. Reading: {text:reading}
  433. </div>
  434. {/block:IfShowreading}
  435. </div>
  436.  
  437. <div id="sidebarimage">
  438. <img src="{image:sidebar}">
  439. </div>
  440. <div id="sidebarimage1">
  441. <img src="{image:sidebar1}">
  442. </div>
  443. <div id="sidebarimage2">
  444. <img src="{image:sidebar2}">
  445. </div>
  446. <div id="navigation">
  447. <div class="links"><b>
  448. <a class="links" href="/">home</a>
  449. <a class="links" href="/ask">ask</a>
  450. {block:IfShowLink1}
  451. <a class="links" href="{text:Link 1}">{text:Link 1 Text}</a>
  452. {/block:IfShowLink1}
  453. {block:IfShowLink2}
  454. <a class="links" href="{text:Link 2}">{text:Link 2 Text}</a>
  455. {/block:IfShowLink2}
  456. {block:IfShowLink3}
  457. <a class="links" href="{text:Link 3}">{text:Link 3 Text}</a>
  458. {/block:IfShowLink3}
  459. {block:IfShowLink4}
  460. <a class="links" href="{text:Link 4}">{text:Link 4 Text}</a>
  461. {/block:IfShowLink4}
  462. </div></div></b>
  463. <div id="description">
  464. {block:Description}{Description}{/block:Description}
  465. </div>
  466. <div id="pagination">
  467. {block:Pagination}
  468. {block:PreviousPage}<a href="{PreviousPage}">◄ </a>{/block:PreviousPage}
  469. {block:NextPage}<a href="{NextPage}"> ►</a>{/block:NextPage}
  470. {/block:Pagination}
  471. </div>
  472. </div>
  473.  
  474.  
  475.  
  476. <div id="entry">{block:Posts}<div id="posts">
  477.  
  478. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  479.  
  480. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  481.  
  482. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  483.  
  484. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  485.  
  486. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  487.  
  488. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  489.  
  490. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  491.  
  492. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  493.  
  494. {block:Answer}
  495. <div class="ask">
  496. <img src="{AskerPortraitURL-24}" style=" border:10px solid #fff; width:30px;">
  497. <br>
  498. {Asker} asked:
  499. {Question}
  500. </div>
  501. <div class="ans">
  502. {Answer}
  503. </div>
  504. {/block:answer}
  505.  
  506. <div id="info">
  507. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  508. {NoteCountWithLabel}</a></div><div id="source">{block:RebloggedFrom}via:<a href="{ReblogParentURL}"
  509. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  510. </div><br>
  511. <div id="tags">
  512. {block:HasTags}sorted into:{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  513.  
  514. </div>
  515. {block:PostNotes}{PostNotes}{/block:PostNotes}
  516. {/block:Posts}</div>
  517. <div class="cred"> <a href="http://cinnasownmockingjay.tumblr.com/"><img src="http://static.tumblr.com/jlbayjt/bZams60kc/credit.png"></a></div>
  518. </body></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!