Advertisement
chenellestheme

Theme 03

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