API tools faq
paste
Advertisement
chenellestheme

Theme 04

chenellestheme
Feb 24th, 2015
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. [[♥ ♥ ♥ ♥ ♥ chenelle's themes ♥ ♥ ♥ ♥ ♥]]
  4.  
  5. Theme 04: Sick
  6.  
  7. http://chenellestheme.tumblr.com
  8. http://elghteens.tumblr.com
  9.  
  10. don't remove the credit
  11. don't use as your base code
  12. don't claim it as your own
  13.  
  14. [[♥ ♥ ♥ thank you ♥ ♥ ♥]]
  15.  
  16.  
  17. -->
  18.  
  19. <!DOCTYPE html><html><head>
  20.  
  21.  
  22. <meta name="if:400pxPost" content="1"/>
  23. <meta name="if:ShowTitle" content="1"/>
  24. <meta name="color:background" content="#ffffff">
  25. <meta name="color:posts background" content="#ffffff">
  26. <meta name="color:title" content="#bdbdbd">
  27. <meta name="color:description" content="#585858">
  28. <meta name="color:sidebarimg border" content="#848484">
  29. <meta name="color:links" content="#c2c2c2">
  30. <meta name="color:links hover" content="#E6E6E6">
  31. <meta name="color:text" content="#8b8b8b">
  32. <meta name="color:sidebar background" content="#ffffff">
  33.  
  34.  
  35. <meta name="text:Link 1 Title" content="" />
  36. <meta name="text:Link 1 Url" content="" />
  37. <meta name="text:Link 2 Title" content="" />
  38. <meta name="text:Link 2 Url" content="" />
  39. <meta name="text:Link 3 Title" content="" />
  40. <meta name="text:Link 3 Url" content="" />
  41. <meta name="text:Link 4 Title" content="" />
  42. <meta name="text:Link 4 Url" content="" />
  43. <meta name="text:Link 5 Title" content="" />
  44. <meta name="text:Link 5 Url" content="" />
  45.  
  46.  
  47. <meta name="image:sidebar" content="">
  48.  
  49.  
  50. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | {Tag}{/block:TagPage}</title>
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. body {
  59. background-color:{color:background};
  60. font-family:Times New Roman;
  61. font-weight:normal;
  62. margin:0px;
  63. top:0;
  64. left:0;
  65. word-wrap:break-word;
  66. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  67. }
  68.  
  69.  
  70. ::-webkit-scrollbar-thumb {
  71. height:auto;
  72. background-color: {color:text};
  73. border:2px solid {color:background};
  74. }
  75. ::-webkit-scrollbar {
  76. height:9px;
  77. width:9px;
  78. background-color: {color:background};
  79. }
  80.  
  81. a {
  82. color:{color:links};
  83. text-decoration:none;
  84. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  85. -moz-transition-duration:0.5s;
  86. -webkit-transition-duration:0.5s;
  87. -o-transition-duration:0.5s;
  88. }
  89.  
  90. a:hover {
  91. color:{color:links hover};
  92. text-decoration:none;
  93. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  94. -moz-transition-duration:0.5s;
  95. -webkit-transition-duration:0.5s;
  96. -o-transition-duration:0.5s;
  97. }
  98.  
  99. h1, h2, h3, h4 {
  100. font-size:16px;
  101. font-weight:normal;
  102. letter-spacing:0px;
  103. line-height:120%;
  104. }
  105.  
  106. blockquote {
  107. border-left:2px solid {color:text};
  108. padding-left:5px;
  109. margin:5px;
  110. padding-top:2px;
  111. padding-bottom:2px;
  112. }
  113.  
  114.  
  115. #theme {
  116. margin:auto;
  117. width:875px;
  118. height:100%;
  119. text-align: center;
  120. background-color:{color:background};
  121. z-index:9990;
  122. position:relative;
  123. }
  124.  
  125. {block:IfShowTitle}
  126.  
  127. #fresh {
  128. margin-left:-380px;
  129. font-family:Helvetica;
  130. font-size:15px;
  131. color:{color:title};
  132. letter-spacing:1px;
  133. text-transform:lowercase;
  134. -webkit-transition-duration:0.6s;
  135. -moz-transition-duration:0.6s;
  136. -o-transition-duration:0.6s;
  137. }
  138.  
  139. #fresh a {
  140. color:{color:title};
  141. letter-spacing:2px;
  142. -webkit-transition-duration:0.6s;
  143. -moz-transition-duration:0.6s;
  144. -o-transition-duration:0.6s;
  145. }
  146.  
  147. #fresh a:hover {
  148. color:{color:links hover};
  149. letter-spacing:3px;
  150. -webkit-transition-duration:0.6s;
  151. -moz-transition-duration:0.6s;
  152. -o-transition-duration:0.6s;
  153. }
  154. {/block:IfShowTitle}
  155. {block:IfNotShowTitle}
  156.  
  157. #fresh {
  158. margin-left:-380px;
  159. font-family:Helvetica;
  160. font-size:15px;
  161. color:#fff;
  162. letter-spacing:1px;
  163. text-transform:lowercase;
  164. -webkit-transition-duration:0.6s;
  165. -moz-transition-duration:0.6s;
  166. -o-transition-duration:0.6s;
  167. }
  168.  
  169. #fresh a {
  170. color:#fff;
  171. }
  172.  
  173. {block:IfNotShowTitle}
  174. #sidebar {
  175. width:300px;
  176. height:200px;
  177. right:-150px;
  178. margin-top:120px;
  179. position:fixed;
  180. }
  181.  
  182. #sidebarimage {
  183. width:230px;
  184. height:240px;
  185. margin-left:-100px;
  186. border-top:1px solid #d8d8d8;
  187. border-right:1px solid #d8d8d8;
  188.  
  189. }
  190.  
  191. #sidebarimage img {
  192. width:60px;
  193. height:60px;
  194. border:8px solid {color:sidebarimg border};
  195. margin-top:-20px;
  196. margin-left:160px;
  197. }
  198.  
  199. #desc {
  200.  
  201. width:120px;
  202. margin-top:-230px;
  203. margin-left:-80px;
  204. color:{color:description};
  205. text-align:justify;
  206. font-family:Helvetica;
  207. font-size:8px;
  208. font-weight:bold;
  209. }
  210.  
  211. #links {
  212. display:table;
  213. width:150px;
  214. position:fixed;
  215. line-height:2px;
  216. font-size:8px;
  217. margin-top:60px;
  218. margin-left:-30px;
  219. text-align:right;
  220. letter-spacing:2px;
  221. text-transform: uppercase;
  222. font-style:Helvetica;
  223. font-size:9px;
  224. z-index:500;
  225. }
  226.  
  227. #links a {
  228. display:inline-block;
  229. padding:1px 3px 1px 40px;
  230. font-size:7px;
  231. font-family:Helvetica;
  232. margin-left:2px;
  233. border:2px solid transparent;
  234. height:20px;
  235. text-align:right;
  236. color:#6e6e6e;
  237. -moz-transition-duration:0.5s;
  238. -webkit-transition-duration:0.5s;
  239. -o-transition-duration:0.5s;
  240. }
  241. #links a:hover {
  242. padding:5px 3px 3px 30px;
  243. letter-spacing:2px;
  244. border:4px solid {color:background};
  245. height:9px;
  246. color:{color:links hover};
  247. -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. }
  251.  
  252.  
  253. #pagi {
  254. font-size:16px;
  255. width:500px;
  256. font-weight:normal;
  257. font-style:normal;
  258. text-align:center;
  259. margin-bottom:50px;
  260. color:{color:links};
  261. letter-spacing:0px;
  262. }
  263.  
  264. #pagi a {
  265. display:inline-block;
  266. color:{color:links};
  267. }
  268.  
  269. #pagi a:hover {
  270. color:{color:links hover};
  271. }
  272.  
  273. #postscontainer {
  274. top:50px;
  275. right:-40px;
  276. padding:10px;
  277. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  278. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  279. position:relative;
  280. text-align:justify;
  281. background-color:transparent;
  282. color:{color:text};
  283. z-index:999;
  284. }
  285.  
  286.  
  287. .posts {
  288. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  289. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  290. background-color:transparent;
  291. padding:15px 0px 15px 0px;
  292. margin-bottom:70px;
  293. text-align:justify;
  294. font-size:11px;
  295. line-height:100%;
  296. letter-spacing:0px;
  297. color:{color:text};
  298. }
  299.  
  300.  
  301. .caption {
  302. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  303. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  304. text-align:justify;
  305. line-height:120%;
  306. }
  307.  
  308.  
  309. .postinfo {
  310. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  311. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  312. margin-top:0px;
  313. padding:0px 0px 5px 10px;
  314. text-align:left;
  315. line-height:100%;
  316. display:inline-block;
  317. background-color:transparent;
  318. }
  319.  
  320. .postinfo a {
  321. font-style:normal;
  322. }
  323.  
  324. .postinfo a:hover {
  325. color:{color:links hover};
  326. }
  327.  
  328.  
  329.  
  330. .notesetc {
  331. margin-top:8px;
  332. display:inline-block;
  333. }
  334.  
  335. .tags {
  336. text-transform:none;
  337. font-size:10px;
  338. text-align:left;
  339. margin-top:2px;
  340. }
  341.  
  342. .chat ol {
  343. line-height:170%;
  344. list-style:none;
  345. width:500px;
  346. margin-left:-40px;
  347. }
  348.  
  349. .line.odd {
  350. background:#f6f6f6;
  351. margin-bottom:0px;
  352. padding:4px;
  353. }
  354.  
  355. .line.even {
  356. background:#fafafa;
  357. margin-bottom:0px;
  358. padding:4px;
  359. }
  360.  
  361. .label {
  362. padding-right:2px;
  363. text-transform:normal;
  364. font-weight:bold;
  365. color:{color:link};
  366. }
  367.  
  368.  
  369. .note {
  370. text-transform:uppercase;
  371. font-style:normal;
  372. letter-spacing:0px;
  373. font-size: 9px;
  374. text-align:left;
  375. line-height:90%;
  376. margin-left:-40px;
  377. }
  378.  
  379. .note li {
  380. list-style-type:none;
  381. padding:10px 25px 10px 25px;
  382. text-align:left;
  383. margin:0px;
  384. -moz-transition-duration:0.5s;
  385. -webkit-transition-duration:0.5s;
  386. -o-transition-duration:0.5s;
  387. }
  388.  
  389.  
  390. .ask {
  391. padding:10px;
  392. position:relative;
  393. text-align:left;
  394. }
  395.  
  396. .ask question{
  397. font-family:Helvetica;
  398. text-align:left;
  399. font-size:14px;
  400. padding:10px;
  401. }
  402.  
  403. .ask asker{
  404. font-size:10px;
  405. font-family:Georgia;
  406. font-style:italic;
  407. letter-spacing:0px;
  408. margin-left:10px;
  409. }
  410.  
  411. .askicon{
  412. float:left;
  413. padding-right:10px;
  414. }
  415.  
  416. .askicon img{
  417. width:30px;
  418. height:30px;
  419. border:5px solid #ccc;
  420. padding:0px;
  421. }
  422.  
  423.  
  424. #audiopost {
  425. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  426. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  427. margin-bottom:5px;
  428. height:80px
  429. }
  430.  
  431. .albumart {
  432. width:80px;
  433. height:80px;
  434. position:absolute;
  435. }
  436.  
  437. .albumart img {
  438. width:80px;
  439. height:80px;
  440. float:left;
  441. }
  442.  
  443. .player {
  444. opacity: 0.5;
  445. position:absolute;
  446. z-index:1;
  447. width:80px;
  448. height:80px;
  449. display:block;
  450. -webkit-transition: all 0.7s ease;
  451. -moz-transition: all 0.7s ease;
  452. -o-transition: all 0.7s ease;
  453. }
  454.  
  455. .player:hover {
  456. opacity:1;
  457. }
  458.  
  459. .playerr {
  460. width:25px;
  461. height:25px;
  462. margin-top:24px;
  463. margin-left:24px;
  464. overflow:hidden;
  465. padding:3px;
  466. }
  467.  
  468. .track {
  469. margin-left:100px;
  470. line-height:12px;
  471. padding-top:10px;
  472. }
  473.  
  474.  
  475. /***********PLEASE DO NOT REMOVE********/
  476.  
  477. #credit {
  478. font-family:Calibri;
  479. font-weight:bold;
  480. font-size:12px;
  481. position:fixed;
  482. bottom:10px;
  483. right:3px;
  484. letter-spacing:0px;
  485. z-index:9999;
  486. }
  487.  
  488. #credit a{
  489. display:block;
  490. color:#a0a0a0;
  491. background:{color:background};
  492. padding-bottom:9px;
  493. padding-left:7px;
  494. padding-right:7px;
  495. padding-top:3px;
  496. line-height:120%;
  497. height:8px;
  498. width:15px;
  499. overflow:hidden;
  500. text-align:center;
  501. }
  502.  
  503. #credit a:hover{
  504. color:{color:background};
  505. background:#a0a0a0;
  506. height:8px;
  507. width:15px;}
  508.  
  509.  
  510. {CustomCSS}
  511.  
  512. </style></head>
  513.  
  514. <body>
  515. <div id="theme">
  516.  
  517. <div id="credit">
  518. <a href="http://chenellestheme.tumblr.com" target:"_blank">CT</a>
  519. </div>
  520.  
  521.  
  522. <div id="sidebar">
  523.  
  524. <div id="fresh"><a href="/">{Title}</a></div> <!---this is the title. please keep it short and simple :)--->
  525.  
  526. <div id="sidebarimage">
  527. <a href="/"><img src="{image:sidebar}"></a></br></div>
  528.  
  529. <div id="desc">{Description}</div>
  530.  
  531. <div id="links">
  532. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  533. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  534. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  535. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  536. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  537. </div>
  538.  
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543.  
  544.  
  545. <div id="postscontainer">
  546.  
  547. {block:TagPage}<h2 style="width:500px; padding:10px 0px 30px 0px;">posts tagged with <a href="{TagURL}">{Tag}</a></h2>{/block:TagPage}
  548.  
  549.  
  550. {block:Posts}
  551. <div class="posts">
  552.  
  553. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  554.  
  555. {block:Quote}<h2 padding:10px;><b>“</b>{Quote}<b>”</b></h2><h3>— {Source}</h3>{/block:Quote}
  556.  
  557. {block:Link}<a href="{URL}"><h2 style="padding:18px; background-color:{color:ask and link post background}">{Name} →</h2></a>
  558. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  559.  
  560. {block:Photo}
  561. {block:IfNot400pxPost}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{block:IfNot400pxPost}
  562. {block:If400pxPost}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{block:If400pxPost}{/block:Photo}
  563.  
  564. {block:Panorama}
  565. {LinkOpenTag}
  566. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" style="width:500px;"/>
  567. {LinkCloseTag}
  568. {block:Caption}{Caption}{/block:Caption}
  569. {/block:Panorama}
  570.  
  571. {block:Photoset}
  572. {block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  573. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  574. {block:Caption}{Caption}{/block:Caption}
  575. {/block:Photoset}
  576.  
  577. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol> {block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  578.  
  579. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  580.  
  581. {block:Answer}
  582. <div class="ask">
  583. <div class="askicon"><img src="{AskerPortraitURL-48}" width="30px"></div>
  584. <question>“ {Question} ”</question><br>
  585. <asker>— {Asker}</asker>
  586. </div>
  587. {Answer}
  588. {/block:Answer}
  589.  
  590. {block:Audio}
  591. <div id="audiopost">
  592. <div class="albumart">
  593. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  594. </div>
  595. <div class="player">
  596. <div class="playerr">
  597. <span id="audio">{AudioPlayerWhite}</span>
  598. </div>
  599. </div>
  600. <div class="track">
  601. <b>Title:</b> {block:TrackName}{TrackName}{/block:Trackname}<br>
  602. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  603. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  604. <b>Played:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  605. </div></div>
  606. {block:caption}{Caption}{/block:caption}{/block:Audio}
  607.  
  608. {block:date}
  609. <div class="postinfo">
  610. <span style="text-transform:uppercase; background-color:#fafafa; padding:5px; font-size:8px; letter-spacing:1px; font-weight:bold;"><a href="{Permalink}">{MonthNumberWithZero} {ShortMonth}</a></span>
  611. <div class="notesetc">{block:NoteCount}<a href="{Permalink}">&nbsp;&nbsp;{NoteCountWithLabel} </a>{/block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom}{block:ContentSource}&<a href="{SourceURL}">&nbsp;source </a>{/block:ContentSource}
  612. </div>
  613. </div>
  614. {/block:date}
  615.  
  616. {block:HasTags}<div class="tags">
  617. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag} </a> {/block:Tags}</div>
  618. {/block:HasTags}
  619.  
  620.  
  621. {block:PostNotes}<div class="note">
  622. {PostNotes}</div>{/block:PostNotes}
  623.  
  624. </div>
  625. {/block:posts}
  626.  
  627.  
  628. {block:Pagination}
  629. <div id="pagi">
  630. {block:PreviousPage}<a href="{PreviousPage}">— prev&nbsp;</a>
  631. {/block:PreviousPage}
  632. {block:NextPage}<a href="{NextPage}">&nbsp;next —</a>
  633. {/block:NextPage}
  634. </div>
  635. {/block:Pagination}
  636.  
  637.  
  638. </div>
  639. </div>
  640.  
  641. </div>
  642.  
  643. </body>
  644. </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!