API tools faq
paste
Advertisement
karennn13

theme for naomi

karennn13
Mar 12th, 2014
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.39 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.  
  3. <!-- theme for naomi -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#454545">
  14. <meta name="color:infobg" content="#FCFCFC">
  15. <meta name="color:text" content="#9A9A9A">
  16. <meta name="color:tags" content="#EDEDED">
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:border" content="#FAFAFA">
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:linkA" content="">
  23. <meta name="text:linkA url" content="/">
  24. <meta name="text:linkB" content="">
  25. <meta name="text:linkB url" content="/">
  26. <meta name="text:linkC" content="">
  27. <meta name="text:linkC url" content="/">
  28. <meta name="text:linkD" content="">
  29. <meta name="text:linkD url" content="/">
  30. <meta name="text:linkE" content="">
  31. <meta name="text:linkE url" content="/">
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41. a {
  42. color:{color:link};
  43. text-decoration:none;
  44. -moz-transition-duration:0.5s;
  45. -webkit-transition-duration:0.5s;
  46. -o-transition-duration:0.5s;
  47. }
  48.  
  49. a:hover {
  50. color:{color:hover};
  51. text-decoration:none;
  52. -moz-transition-duration:0.5s;
  53. -webkit-transition-duration:0.5s;
  54. -o-transition-duration:0.5s;
  55. }
  56.  
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; border: 3px solid #fff; height: 10px;}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  60. ::-webkit-scrollbar {background-color: #fff; height:10px; width:12px;}
  61.  
  62.  
  63.  
  64. body {
  65. background-color:{color:bg};
  66. font-family:times;
  67. font-weight:normal;
  68. }
  69.  
  70.  
  71.  
  72.  
  73. h1 {
  74. font-weight:normal;
  75. font-size:10px;
  76. text-align:center;
  77. font-style:normal;
  78. line-height:80%;
  79. letter-spacing:1px;
  80. text-transform:uppercase;
  81. color:{color:text};
  82. }
  83.  
  84. h2 {
  85. font-size:15px;
  86. text-align:center;
  87. line-height:100%;
  88. letter-spacing:-0.5px;
  89. color:{color:text};
  90. font-weight:normal;
  91. padding:5px;
  92. padding-bottom:2px;
  93. }
  94.  
  95.  
  96. blockquote {
  97. border-left:2px solid {color:text};
  98. padding-left:5px;
  99. margin:5px;
  100. }
  101.  
  102. #theme {
  103. background-color:{color:bg};
  104. width:700px;
  105. margin: 0 auto -12px auto;
  106. text-align: center;
  107. }
  108.  
  109. #sidebar {
  110. color:{color:text};
  111. position:fixed;
  112. width:200px;
  113. height:auto;
  114. margin-top:100px;
  115. margin-left:0px;
  116. text-align:center;
  117. }
  118.  
  119. #sidebar img {
  120. width:200px;
  121.  
  122. height:auto;
  123. margin-bottom:10px;
  124. }
  125.  
  126.  
  127. .links {
  128. margin-bottom:10px;
  129. font-style:normal;
  130. font-size:11px;
  131. border-top:1px solid {color:border};
  132. border-bottom: 1px solid {color:border};
  133. text-transform:lowercase;
  134. text-align:center;
  135. letter-spacing:5px;
  136. line-height:190%;
  137. }
  138.  
  139. .links a{
  140. padding:3px;
  141. color:{color:link};
  142. letter-spacing:0px;
  143. text-decoration:none;
  144. -moz-transition-duration:1s;
  145. -webkit-transition-duration:1s;
  146. -o-transition-duration:1s;
  147. }
  148.  
  149. .links a:hover{
  150. color:{color:hover};
  151. text-decoration:none;
  152. font-style:italic;
  153. -moz-transition-duration:1s;
  154. -webkit-transition-duration:1s;
  155. -o-transition-duration:1s;
  156. }
  157.  
  158. .desc {
  159. margin-bottom:10px;
  160. text-align:justify;
  161. font-size:10px;
  162. color:{color:text};
  163. letter-spacing:1px;
  164. line-height:150%;
  165. }
  166.  
  167. .desc a {
  168. color:{color:link};
  169. }
  170.  
  171. .pagi {
  172. font-size:9px;
  173. text-transform:lowercase;
  174. letter-spacing:0px;
  175. font-style:italic;
  176. text-align:right;
  177. }
  178.  
  179. .pagi a {
  180. color:{color:link};
  181. }
  182.  
  183. #stuffcontainer {
  184. float:left;
  185. margin-left:270px;
  186. margin-top:15px;
  187. text-align:justify;
  188. background-color:{color:bg};
  189. color:{color:text};
  190. margin-bottom: 35px;
  191. }
  192.  
  193.  
  194. #stuff {
  195. width:500px;
  196. margin-top:75px;
  197. text-align:justify;
  198. font-size:11px;
  199. line-height:90%;
  200. letter-spacing:0x;
  201. color:{color:text};
  202. }
  203.  
  204. .caption {
  205. width:500px;
  206. text-align:justify;
  207. line-height:120%;
  208. }
  209.  
  210. .ask {
  211. padding:10px;
  212. text-align:left;
  213. color:{color:text};
  214. background-color:{color:infobg};
  215. border-bottom:0px solid {color:border};
  216. border-right:0px solid {color:border};
  217. }
  218.  
  219. .ans {
  220. text-align:left;
  221. padding:10px;
  222. color:{color:text};
  223. }
  224.  
  225. .audio {
  226. width:500px;
  227. padding-bottom:10px;
  228. background-color:{color:infobg};
  229. }
  230.  
  231. .albumart {
  232. float:left;
  233. padding:0px 10px 10px 0px;
  234. }
  235.  
  236. .albumart img {
  237. width:45px;
  238. height:45px;
  239. }
  240.  
  241. .playercontainer {
  242. text-align:left;
  243. padding:10px;
  244. background-color:#ffffff;
  245. width:480px;
  246. }
  247.  
  248. .audioinfo {
  249. padding:10px;
  250. color:{color:text};
  251. }
  252.  
  253. #postinfo {
  254. width:490px;
  255. padding:5px;
  256. font-size:8px;
  257. color:{color:link};
  258. text-transform:uppercase;
  259. font-style:normal;
  260. letter-spacing:2px;
  261. text-align:left;
  262. border-top:0px solid {color:border};
  263. border-bottom:1px solid {color:border};
  264. -moz-transition-duration:0.5s;
  265. -webkit-transition-duration:0.5s;
  266. -o-transition-duration:0.5s;
  267. }
  268.  
  269. #postinfo a {
  270. color:{color:link};
  271. text-align:center;
  272. letter-spacing:1px;
  273. font-style:normal;
  274. }
  275.  
  276. #postinfo a:hover {
  277. color:{color:hover};
  278. }
  279.  
  280. .note {
  281. text-transform:uppercase;
  282. font-style:normal;
  283. letter-spacing:0px;
  284. font-size: 9px;
  285. text-align:left;
  286. line-height:90%;
  287. margin-left:-40px;
  288. }
  289.  
  290. .note li {
  291. list-style-type:none;
  292. border-bottom:1px solid {color:border};
  293. padding:10px 25px 10px 25px;
  294. text-align:left;
  295. margin:0px;
  296. -moz-transition-duration:0.5s;
  297. -webkit-transition-duration:0.5s;
  298. -o-transition-duration:0.5s;
  299. }
  300.  
  301. .tags {
  302. font-style:normal;
  303. width:500px;
  304. text-transform:uppercase;
  305. font-style:normal;
  306. color:{color:tags};
  307. letter-spacing:2px;
  308. line-height:120%;
  309. font-size:8px;
  310. text-align:left;
  311. padding:2px;
  312. -moz-transition-duration:0.5s;
  313. -webkit-transition-duration:0.5s;
  314. -o-transition-duration:0.5s;
  315. }
  316.  
  317. .tags a {
  318. color:{color:tags};
  319. letter-spacing:1px;
  320. padding:1px;
  321. }
  322.  
  323. .tags a:hover {
  324. color:{color:link};
  325. }
  326.  
  327. ul.chat, .chat ol, .chat li {
  328. list-style:none;
  329. margin:0px;
  330. padding:2px;
  331. }
  332.  
  333. .label {
  334. text-decoration:underline;
  335. font-weight:700;
  336. background-color:{color:infobg};
  337. margin-right:5px;
  338. }
  339.  
  340. #cred {
  341. position:fixed;
  342. font-size:8px;
  343. font-weight:normal;
  344. border-bottom:1px solid {color:border};
  345. line-height:150%;
  346. letter-spacing:1px;
  347. right:10px;
  348. bottom:10px;
  349. text-transform:uppercase;
  350. text-align:center;
  351. }
  352.  
  353. #ocehans1{
  354. height:13px;
  355. text-align:center;
  356. overflow:hidden;
  357. margin-top:-1px;
  358. border-bottom:1px solid #efefef;
  359. text-transform:uppercase;
  360. letter-spacing:1px;
  361. font-size:8px;
  362. line-height:10px;
  363. z-index:999999999999999999999;
  364. -webkit-transition: all 0.5s ease-in-out;
  365. -moz-transition: all 0.5s ease-in-out;
  366. -o-transition: all 0.5s ease-in-out;
  367. }
  368. #ocehans1:hover{
  369. height:57px;
  370. -webkit-transition: all 0.5s ease-in-out;
  371. -moz-transition: all 0.5s ease-in-out;
  372. -o-transition: all 0.5s ease-in-out;
  373. }
  374.  
  375. #ocehans2{
  376. height:13px;
  377. text-align:center;
  378. overflow:hidden;
  379. border-bottom:1px solid #efefef;
  380. text-transform:uppercase;
  381. background-color:#fff;
  382. letter-spacing:1px;
  383. font-size;8px;
  384. line-height:13px;
  385. z-index:999999999999999999999;
  386. -webkit-transition: all 0.5s ease-in-out;
  387. -moz-transition: all 0.5s ease-in-out;
  388. -o-transition: all 0.5s ease-in-out;
  389. }
  390.  
  391. #ocehans2:hover{
  392. height:30px;
  393. -webkit-transition: all 0.5s ease-in-out;
  394. -moz-transition: all 0.5s ease-in-out;
  395. -o-transition: all 0.5s ease-in-out;
  396. }
  397.  
  398. #ocehans3{
  399. height:13px;
  400. text-align:center;
  401. overflow:hidden;
  402. border-bottom:1px solid #efefef;
  403. text-transform:uppercase;
  404. background-color:#fff;
  405. letter-spacing:1px;
  406. font-size;8px;
  407. line-height:13px;
  408. z-index:999999999999999999999;
  409. -webkit-transition: all 0.5s ease-in-out;
  410. -moz-transition: all 0.5s ease-in-out;
  411. -o-transition: all 0.5s ease-in-out;
  412. }
  413.  
  414. #ocehans3:hover{
  415. height:95px;
  416. -webkit-transition: all 0.5s ease-in-out;
  417. -moz-transition: all 0.5s ease-in-out;
  418. -o-transition: all 0.5s ease-in-out;
  419. }
  420.  
  421.  
  422.  
  423. #ocehans4{
  424. height:13px;
  425. text-align:center;
  426. overflow:hidden;
  427. border-bottom:0px solid #efefef;
  428. text-transform:uppercase;
  429. background-color:#fff;
  430. letter-spacing:1px;
  431. font-size;8px;
  432. line-height:13px;
  433. z-index:999999999999999999999;
  434. -webkit-transition: all 0.5s ease-in-out;
  435. -moz-transition: all 0.5s ease-in-out;
  436. -o-transition: all 0.5s ease-in-out;
  437. }
  438.  
  439. #ocehans4:hover{
  440. height:25px;
  441. -webkit-transition: all 0.5s ease-in-out;
  442. -moz-transition: all 0.5s ease-in-out;
  443. -o-transition: all 0.5s ease-in-out;
  444. }
  445.  
  446. #ocehans{
  447. text-align:left;
  448. font-size:8px;
  449. text-transform:uppercase;
  450. opacity: .8;
  451. border:0px solid #eee;
  452. position:fixed;
  453. font-family:calibri;
  454. left:14px;
  455. background-color:#fff;
  456. letter-spacing:1px;
  457. width:65px;
  458. z-index:9999;
  459. padding:4px;
  460. top:14px;
  461.  
  462. }
  463.  
  464.  
  465. {CustomCSS}
  466.  
  467. </style></head>
  468.  
  469. <body>
  470. <div id="ocehans">
  471. <center>
  472. <div id="ocehans1">
  473. <div style="font-size:8px;">updates</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  474. WATCHING TEEN WOLF, BROOKLYN NINE-NINE
  475. <br><br>
  476. </div>
  477. </div>
  478.  
  479. <div id="ocehans2">
  480. <div style="font-size:8px;">friends</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  481. <a href="http://karen.co.vu">❤ </a>
  482. <a href="http://ccandyfloss.tumblr.com">❤ </a>
  483. <script language="JavaScript">
  484. var ref = (''+document.referrer+'');
  485. var w_h = window.screen.width + " x " + window.screen.height;
  486. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3830982&e1=%&e2=%&r=' + ref + '&wh=' + w_h + '"><\/script>');
  487. </script>
  488.  
  489. </div></div>
  490.  
  491. <div id="ocehans3">
  492. <div style="font-size:8px;">teen wolf</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  493. <a href="/tagged/tw">teen wolf</a><br>
  494. <a href="/tagged/scott">scott mccall</a><br>
  495. <a href="/tagged/allison">allison argent</a><br>
  496. <a href="/tagged/stiles">stiles stilinski</a><br>
  497. <a href="/tagged/lydia">lydia martin</a><br>
  498. <a href="/tagged/derek">derek hale</a><br>
  499. <br><br>
  500. </div>
  501. </div>
  502.  
  503. <div id="ocehans4">
  504. <div style="font-size:8px;">resources</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  505. <a href="/broll">blogroll</a><br>
  506. </div></div>
  507. </div></div></div></div>
  508. <div id="theme">
  509. <div id="sidebar">
  510.  
  511. <img src="{image:sidebar}">
  512. <div class="links">
  513. {block:IfLinkA}
  514. <a href="{text:linkA url}">{text:linkA}</a>
  515. {/block:IfLinkA}
  516. {block:IfLinkB}
  517. <a href="{text:linkB url}">{text:linkB}</a>
  518. {/block:IfLinkB}
  519. {block:IfLinkC}
  520. <a href="{text:linkC url}">{text:linkC}</a>
  521. {/block:IfLinkC}
  522. {block:IfLinkD}
  523. <a href="{text:linkD url}">{text:linkD}</a>
  524. {/block:IfLinkD}
  525. {block:IfLinkE}
  526. <a href="{text:linkE url}">{text:linkE}</a>
  527. {/block:IfLinkE}
  528. </div>
  529. <div class="desc">
  530. {Description}
  531. </div>
  532. {block:Pagination}
  533. <div class="pagi">
  534. {block:PreviousPage}
  535. <a href="{PreviousPage}">prev</a>
  536. {/block:PreviousPage}
  537. {block:NextPage}
  538. <a href="{NextPage}">-next</a>
  539. {/block:NextPage}
  540. </div>
  541. {/block:Pagination}
  542. </div>
  543.  
  544. <div id="stuffcontainer">
  545.  
  546. {block:Posts}
  547.  
  548. <div id="stuff">
  549.  
  550. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  551.  
  552. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  553.  
  554. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  555. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  556.  
  557. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  558.  
  559. {block:Photoset}<center>{Photoset-500}</center>
  560. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  561.  
  562. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  563.  
  564. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  565.  
  566. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  567.  
  568. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  569. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  570. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  571. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  572. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  573.  
  574.  
  575.  
  576. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} | <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  577. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  578. {block:HasTags}
  579. <div class="tags">
  580. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  581. {/block:HasTags}
  582. <div class="note">
  583. {block:PostNotes}{PostNotes}{/block:PostNotes}
  584. </div>
  585. </div>
  586. {/block:Posts}
  587.  
  588.  
  589. </div>
  590.  
  591. <div id="cred"><a href="http://karen.co.vu/">theme</a></div>
  592.  
  593. </div>
  594. </div>
  595. </div>
  596. </body>
  597. </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!