API tools faq
paste
Advertisement
ialkhachi

Theme 12 - Cherry Blossom

ialkhachi
Dec 17th, 2013
839
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- CODE BY CUMMANDS. -->
  11.  
  12. <!-- COLORS -->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#b6b5b5"/>
  16. <meta name="color:link" content="#b87889"/>
  17. <meta name="color:linkhover" content="#f0e7e1"/>
  18. <meta name="color:scrollbar" content="ececec"/>
  19.  
  20. <!-- FONTS -->
  21.  
  22. <meta name="font:title" content="Cambria" />
  23. <meta name="font:body" content="calibri" />
  24. <meta name="font:pagination" content="calibri" />
  25.  
  26. <!-- IMAGES -->
  27.  
  28. <meta name="image:sideimg" content=""/>
  29. <meta name="image:sideimg2" content=""/>
  30.  
  31.  
  32. <!-- LINKS -->
  33.  
  34. <meta name="text:link 1" content="link 1"/>
  35. <meta name="text:link 1 url" content="/" />
  36. <meta name="text:link 2" content="link 2"/>
  37. <meta name="text:link 2 url" content="/" />
  38. <meta name="text:link 3" content="link 3"/>
  39. <meta name="text:link 3 url" content="/" />
  40. <meta name="text:link 4" content="link 4"/>
  41. <meta name="text:link 4 url" content="/" />
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. ::-webkit-scrollbar {width: 9px; height: 3px; background: #fccff3;}
  47. ::-webkit-scrollbar-thumb {background-color:#b6b5b5;}
  48.  
  49.  
  50. ::selection {background: #fff; color:{color:selection};}
  51. ::-moz-selection {background: #fff; color:{color:selection};}
  52. ::-webkit-selection {background: #fff; color:{color:selection};}
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  55. height:100px;}
  56.  
  57. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  58.  
  59.  
  60. /* --- BODY ---*/
  61.  
  62. body {
  63. font-style:none;
  64. background:{color:background};
  65. margin:0px; color:{color:text};
  66. font-family:calibri;
  67. font-size:11px;
  68. line-height:100%;
  69.  
  70. }
  71.  
  72. blockquote {
  73. border-left:2px solid #ECECEC;
  74. padding-left:2px;
  75. margin:5px;
  76. }
  77.  
  78. a {
  79. color:{color:link}
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. -webkit-transition:all 0.5s ease-in-out;
  85. -moz-transition:all 0.5s ease-in-out;
  86. -o-transition:all 0.5s ease-in-out;
  87. -ms-transition:all 0.5s ease-in-out;
  88. transition:all 0.5s ease-in-out;
  89. }
  90.  
  91. a:hover {
  92. color:{color:linkhover}
  93. }
  94.  
  95. img {none;}
  96.  
  97. h1 , h2 {
  98. font-family:calibri;
  99. text-transform:none;
  100. font-size:14px;
  101. line-height:30px;
  102. letter-spacing:0px;
  103. text-align:center;
  104. font-style:none;
  105. }
  106.  
  107. #entries {
  108. padding:10px;
  109. width:500px;
  110. margin-left:600px;
  111. margin-top:50px;
  112. }
  113.  
  114. #post {
  115. width:500px;
  116. padding-bottom:100px;
  117. font-style:none;
  118. padding:15px;
  119. margin-bottom:10px;
  120. border:1px solid #b6b5b5;
  121. }
  122.  
  123. .bar {
  124. z-index:99999;
  125. width:542px;
  126. height:45px;
  127. margin-top:-470px;
  128. margin-left:450px;
  129. background:#707070;
  130. opacity:1;
  131. position:fixed;
  132. border-right:4px solid #fccff3;
  133. border-left:4px solid #fccff3;
  134. border-bottom:4px solid #fccff3;
  135. }
  136.  
  137. /* --- SIDEBAR ---*/
  138.  
  139. #sidebar
  140. {
  141. width:300px;
  142. position:fixed;
  143. margin-left:150px;
  144. margin-top:110px;
  145. }
  146.  
  147. .blogtitle {
  148. margin-left: 0px;
  149. margin-top: -20px;
  150. width: 350px;
  151. line-height: 100%;
  152. background-color:transparent;
  153. text-transform:none;
  154. text-align:center;
  155. font-family:calibri;
  156. font-size: 20px;
  157. font-style:none;
  158. -webkit-transition:all 0.5s ease-in-out;
  159. -moz-transition:all 0.5s ease-in-out;
  160. -o-transition:all 0.5s ease-in-out;
  161. -ms-transition:all 0.5s ease-in-out;
  162. transition:all 0.5s ease-in-out;
  163. }
  164.  
  165. .blogtitle:hover {
  166. letter-spacing:5px;
  167. -webkit-transition:all 0.5s ease-in-out;
  168. -moz-transition:all 0.5s ease-in-out;
  169. -o-transition:all 0.5s ease-in-out;
  170. -ms-transition:all 0.5s ease-in-out;
  171. transition:all 0.5s ease-in-out;
  172. }
  173.  
  174. #sidebar {width:100px;}
  175.  
  176. #sideimg img {
  177. margin-left:20px;
  178. width:125px;
  179. height:125px;
  180. margin-top:20px;
  181. padding:5px;
  182. padding-bottom:5px;
  183. border:1px solid #b6b5b5;
  184. }
  185.  
  186. #sideimg2 img {
  187. margin-left:156px;
  188. width:125px;
  189. height:125px;
  190. margin-top:-12px;
  191. padding:5px;
  192. padding-bottom:5px;
  193. border:1px solid #b6b5b5;
  194. }
  195.  
  196. #front {
  197. width:350px;
  198. height:350px;
  199. background:transparent;
  200. position:fixed;
  201. margin-left:0px;
  202. margin-top:0px;
  203. -webkit-transition:all 0.5s ease-in-out;
  204. -moz-transition:all 0.5s ease-in-out;
  205. -o-transition:all 0.5s ease-in-out;
  206. -ms-transition:all 0.5s ease-in-out;
  207. transition:all 0.5s ease-in-out;
  208. }
  209.  
  210. .tree img {
  211. position:fixed;
  212. margin-left:165px;
  213. width:150px;
  214. height:300px;
  215. margin-top:0px;
  216. padding:5px;
  217. padding-bottom:5px;
  218. -webkit-transition:all 0.5s ease-in-out;
  219. -moz-transition:all 0.5s ease-in-out;
  220. -o-transition:all 0.5s ease-in-out;
  221. -ms-transition:all 0.5s ease-in-out;
  222. transition:all 0.5s ease-in-out;
  223. }
  224.  
  225. .tree2 img {
  226. position:fixed;
  227. margin-left:15px;
  228. width:150px;
  229. height:300px;
  230. margin-top:0px;
  231. padding:5px;
  232. padding-bottom:5px;
  233. -webkit-transition:all 0.5s ease-in-out;
  234. -moz-transition:all 0.5s ease-in-out;
  235. -o-transition:all 0.5s ease-in-out;
  236. -ms-transition:all 0.5s ease-in-out;
  237. transition:all 0.5s ease-in-out;
  238. }
  239.  
  240. #front:hover .tree img {
  241. margin-left:265px;
  242. opacity:0;
  243. -webkit-transition:all 0.5s ease-in-out;
  244. -moz-transition:all 0.5s ease-in-out;
  245. -o-transition:all 0.5s ease-in-out;
  246. -ms-transition:all 0.5s ease-in-out;
  247. transition:all 0.5s ease-in-out;
  248. }
  249.  
  250. #front:hover .tree2 img {
  251. margin-left:-115px;
  252. opacity:0;
  253. -webkit-transition:all 0.5s ease-in-out;
  254. -moz-transition:all 0.5s ease-in-out;
  255. -o-transition:all 0.5s ease-in-out;
  256. -ms-transition:all 0.5s ease-in-out;
  257. transition:all 0.5s ease-in-out;
  258. }
  259.  
  260. #nav {
  261. position:fixed;
  262. overflow:hidden;
  263. margin-top:150px;
  264. margin-left:315px;
  265. }
  266.  
  267. #link1 a , #link2 a, #link3 a
  268.  
  269. #title
  270. {
  271. font-family:cambria;
  272. text-align:center;
  273. margin-top:-129px;
  274. padding-bottom:0px;
  275. text-transform:none;
  276. font-style:normal;
  277. font-size:10px;
  278. }
  279.  
  280. #description {
  281. margin-left: 156px;
  282. margin-top: -270px;
  283. width: 125px;
  284. line-height: 100%;
  285. background-color:transparent;
  286. text-transform:none;
  287. text-align:center;
  288. font-family:calibri;
  289. font-size: 10px;
  290. font-style:none;
  291. padding-bottom:0px;
  292. padding-top:5px;
  293. }
  294.  
  295. #links {
  296. position: fixed;
  297. font-family:calibri;
  298. padding-top: 0px;
  299. padding-bottom: 5px;
  300. margin-top: 20px;
  301. margin-left: 75px;
  302. padding-left: 0px;
  303. padding-right: 0px;
  304. letter-spacing: 1px;
  305. height: 10px;
  306. width: 300px;
  307. }
  308.  
  309. #links a {
  310. padding 5px;
  311. padding-top: 0px;
  312. padding-bottom: 1px;
  313. padding-right:2px;
  314. padding-left:2px;
  315. margin-bottom: 5px;
  316. font-size: 12px;
  317. font-style:normal;
  318. text-align:center;
  319. text-transform:none;
  320. width: 50px;
  321. }
  322.  
  323. #questions {
  324. background-color:#ffffff;
  325. color: {color:text};
  326. margin-left:0px;
  327. padding:5px;
  328. margin-top:5px;
  329. margin-bottom:5px;
  330. font-family:calibri;
  331. font-size:10px;
  332. font-style:normal;
  333. text-align:center;
  334. }
  335.  
  336. .note {
  337. padding:0px 20px 0px 20px;
  338. background-color:#FFFFFF;
  339. text-transform:lowercase;
  340. letter-spacing:0px;
  341. font-size: 11px;
  342. font-style:normal;
  343. text-align:left;
  344. line-height:120%;
  345. }
  346.  
  347. .note li {
  348. list-style-type:none;
  349. padding:5px 25px 5px 25px;
  350. text-align:left;
  351. margin-right:30px;
  352. margin-top:-50px;
  353. }
  354.  
  355. #info {
  356. font-family:calibri;
  357. text-align:center;
  358. margin-top:10px;
  359. padding-top:10px;
  360. padding:0px;
  361. padding-bottom:1px;
  362. text-transform:none;
  363. font-style:none;
  364. font-size:10px;
  365. line-height:100%;
  366. }
  367.  
  368. #rebloggedfrom {
  369. font-family:calibri;
  370. text-align:center;
  371. margin-top:-5px;
  372. padding-bottom:0px;
  373. text-transform:none;
  374. font-style:none;
  375. font-size:10px;
  376. }
  377.  
  378. #tags {
  379. font-family:calibri;
  380. text-align:center;
  381. margin-top:0px;
  382. padding-bottom:0px;
  383. text-transform:none;
  384. font-style:none;
  385. font-size:10px;
  386. }
  387.  
  388. #pagination
  389. {
  390. font-size:30px;
  391. margin-top:165px;
  392. margin-left:30px;
  393. font-family:arial;
  394. font-style:normal;
  395. text-align:center;
  396. width:50px
  397. text-transform:uppercase;
  398. letter-spacing:1px;
  399. }
  400.  
  401.  
  402.  
  403. #credit{
  404. right:8px;
  405. bottom:10px;
  406. position:fixed;
  407. padding:5px;
  408. }
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. {CustomCSS}</style></head><body>
  416.  
  417. <div id="sidebar">
  418. <a href="/"><div class="blogtitle">{Blogtitle}</div></a>
  419. <div id="front">
  420. <div class="tree"><img src="https://31.media.tumblr.com/bf9b748dccd1db3f460ec3b02436e135/tumblr_inline_mxxrd6IOXt1s7raez.jpg"/></div>
  421. <div class="tree2"><img src="https://31.media.tumblr.com/18f7a6ea9f835b89138c6cb60cd941d3/tumblr_inline_mxxrdcYoaH1s7raez.jpg"/></div>
  422. </div>
  423. <div id="sideimg"><img src="{image:sideimg}"/></div><br>
  424. <div id="sideimg2"><img src="{image:sideimg2}"/></div><br>
  425. <div id="links">
  426. <a href="{text:link 1 url}">{text:link 1}</a> •
  427. <a href="{text:link 2 url}">{text:link 2}</a> •
  428. <a href="{text:link 3 url}">{text:link 3}</a> •
  429. <a href="{text:link 4 url}">{text:link 4}</a>
  430. </div>
  431. <div class="bar">
  432. </div>
  433.  
  434.  
  435. <div id="description">{Description}</div>
  436.  
  437. <div id="scrollbar">{scrollbar}</div>
  438.  
  439.  
  440.  
  441. <div id="pagination">
  442. {block:Pagination}
  443. <div id="pagination">
  444. {block:PreviousPage}
  445. <a href="{PreviousPage}">←</a>
  446. {/block:PreviousPage}
  447. {block:NextPage}
  448. <a href="{NextPage}">→</a>
  449. {/block:NextPage}
  450. </div>
  451. {/block:Pagination}</div>
  452.  
  453.  
  454.  
  455. {block:HasPages}{block:Pages}
  456.  
  457. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  458.  
  459. </div></center>
  460.  
  461.  
  462. </div>
  463.  
  464. <div id="entries">{block:Posts}<div id="post">
  465.  
  466. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  467.  
  468. {block:blockquote}{/block:blockquote}
  469.  
  470.  
  471.  
  472. {block:Photo}
  473. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  474. {/block:Photo}
  475.  
  476. {block:Photoset}
  477. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  478. {/block:Photoset}
  479.  
  480. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  481.  
  482. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  483.  
  484. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  485.  
  486. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  487.  
  488. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  489.  
  490. {block:Answer}<div id="questions"<a href="{askerURL}"><b>{Asker}</b> asked: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  491.  
  492.  
  493. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date} </a>
  494. {block:NoteCount}<a href="{Permaink}"> {NoteCountWithLabel} </a>{/block:NoteCount}
  495. {block:RebloggedFrom}<a href="{ReblogParentURL}">({ReblogParentName})</a>{/block:RebloggedFrom}
  496. {block:ContentSource}<a hre="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}</div>
  497.  
  498. <div id="tags">
  499. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  500.  
  501. </div>
  502. {block:PostNotes}{PostNotes}{/block:PostNotes}
  503. {/block:Posts}</div>
  504.  
  505. <div id="credit" data="credit"> <a href="http://injured.tk">♕</a></div>
  506. </div>
  507. </body>
  508. </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!