API tools faq
paste
hawthorneys

THEME #05; by nayel

hawthorneys
Dec 28th, 2012
7,470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.17 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme 05 By Nayel // http://hawthorneys.tumblr.com
  2. --- SELENE THEME | @ HAWTHORNEYS ---
  3. > please do not steal
  4. > please do not redistribute
  5. > please do not claim as your own
  6. > please do not use this as a base code and take parts of it
  7. > you can edit as long as credit is on there somewhere
  8. -!-->
  9. <html>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13.  
  14. <!--Default Variables-->
  15. <!--Colors-->
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:scrollbar" content="#dfdfdf" />
  18. <meta name="color:scrollbg" content="#ffffff"/>
  19. <meta name="color:text" content="#828282"/>
  20. <meta name="color:link" content="#8ea089"/>
  21. <meta name="color:link hover" content="#e8e8e8"/>
  22. <meta name="color:border" content="#e8e8e8"/>
  23. <meta name="color:posts" content="#fdfdfd"/>
  24. <meta name="color:side" content="#ffffff"/>
  25. <meta name="color:side accent" content="#fafafa"/>
  26. <meta name="color:box" content="#fafafa"/>
  27.  
  28. <!--Links-->
  29. <meta name="text:link 1" content="link 1" />
  30. <meta name="text:link 1 url" content="/" />
  31. <meta name="text:link 2" content="link 2" />
  32. <meta name="text:link 2 url" content="/" />
  33. <meta name="text:link 3" content="link 3" />
  34. <meta name="text:link 3 url" content="/" />
  35. <meta name="text:link 4" content="link 4" />
  36. <meta name="text:link 4 url" content="/" />
  37. <meta name="if:Show Link1" content="1"/>
  38. <meta name="if:Show Link2" content="1"/>
  39. <meta name="if:Show Link3" content="1"/>
  40. <meta name="if:Show Link4" content="1"/>
  41.  
  42. <!--Images-->
  43. <meta name="image:Background" content""/>
  44. <meta name="image:Sidebar" content""/>
  45.  
  46. <!--Options-->
  47. <meta name="if:Infinite Scrolling" content=""/>
  48. <meta name="text:second title" content=""/>
  49. {block:ifInfiniteScrolling}
  50. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  51. {/block:ifInfiniteScrolling}
  52.  
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />{/block:Description}
  55. <title>
  56. {block:PostSummary}
  57. {PostSummary} - {/block:PostSummary}{Title}</title>
  58. </style>
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. @font-face {
  66. font-family: 'Inconsolata';
  67. font-style: normal;
  68. font-weight: normal;
  69. src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');}
  70.  
  71.  
  72. @font-face { font-family: 'WebSymbolsRegular'; src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');}
  73.  
  74. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:scrollbg}}
  75. ::-webkit-scrollbar-corner {padding:2px;background:{color:scrollbg}}
  76. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  77. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 5px; display: block; background:{color:scrollbar}}
  78. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  79. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg};}
  80. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  81.  
  82. body{
  83. background-color: {color:Background};
  84. background-image: url({image:Background});
  85. background-attachment: fixed;
  86. background-repeat: repeat;
  87. background-position: center;
  88. font-family:cambria;
  89. font-size:11px;
  90. line-height:12px;
  91. color:{color:Text};
  92. }
  93.  
  94. a:link, a:active, a:visited{
  95. color: {color:Link};
  96. text-decoration:none;
  97. }
  98.  
  99. a {
  100. color:{color:link};
  101. text-decoration:none;
  102. outline:none;
  103. opacity:1 ;
  104. -webkit-transition: all 0.5s;
  105. -moz-transition: all 0.5s;
  106. transition: all 0.5s;
  107. }
  108.  
  109. a:hover{
  110. color: {color:Link Hover};
  111. }
  112.  
  113. #container {
  114. margin:auto;
  115. width:700px;
  116. }
  117.  
  118. #entry {
  119. width:500px;
  120. margin-left:230px;
  121. margin-top:45px;
  122. margin-bottom:50px;
  123. padding-top:15px;
  124. padding-right:15px;
  125. padding-left:15px;
  126. border:1px solid{color:border};
  127. background-color:{color:posts};
  128. }
  129.  
  130. #entry:hover .tags {
  131. margin-top:5px;
  132. padding-bottom:10px;
  133. opacity:1;
  134. -webkit-transition-duration:0.7s;
  135. -moz-transition-duration: 0.7s;
  136. }
  137.  
  138.  
  139. #permalink{
  140. position:relative;
  141. margin-top:5px;
  142. padding:2px;
  143. font-size:8px;
  144. text-transform:uppercase;
  145. border-top:1px solid {color:border};
  146. text-shadow:1px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);
  147. }
  148.  
  149. #side {
  150. text-align:center;
  151. position:fixed;
  152. width:205px;
  153. margin-top:80px;
  154. margin-left:-60px;
  155. z-index:1;
  156. padding:4px;
  157. background-color:{color:side};
  158. }
  159.  
  160. .sidebar img{
  161. margin-top:0px;
  162. height:auto;
  163. margin-left: 0px;
  164. max-width:180;
  165. border:1px solid {color:border};
  166. padding:10px;
  167. background-color:{color:side accent};
  168. }
  169.  
  170. .sidebar img:hover {
  171. opacity:0.7;
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. -ms-transition: all 0.5s ease-in-out;
  176. transition: all 0.5s ease-in-out;
  177. }
  178. .links{
  179. font-size:8px;
  180. width:203px;
  181. text-transform:uppercase;
  182. margin-left:1px;
  183. margin-top:4px;
  184. margin-bottom:4px;
  185. border-top:1px solid{color:border};
  186. border-bottom:1px solid{color:border};
  187. background-color:{color:side accent};
  188. }
  189.  
  190. .navigate{
  191. font-size:8px;
  192. width:203px;
  193. text-transform:uppercase;
  194. margin-left:1px;
  195. margin-top:4px;
  196. margin-bottom:4px;
  197. border-top:1px solid{color:border};
  198. background-color:{color:side accent};
  199. }
  200.  
  201. .title{
  202. font-family:cambria;
  203. color:{color:link};
  204. width:200px;
  205. font-style:italic;
  206. font-size:17px;
  207. text-shadow:1px 1px 1px #b4b4b4;
  208. line-height:20px;
  209. }
  210. .title2{
  211. font-family:cambria;
  212. font-size:12px;
  213. font-style:italic;
  214. text-transform:none;
  215. text-align:center;
  216. font-color:{color:text};
  217. width:200px;
  218. margin-top:-4px;
  219. margin-bottom:3px;
  220. }
  221. .desc{
  222. font-family:cambria;
  223. font-style:italic;
  224. font-size:9px;
  225. margin-top:5px;
  226. margin-left:1px;
  227. margin-bottom:-10px;
  228. width:206px;
  229. background-color:{color:side accent};
  230. }
  231. .posttitle{
  232. font-size: 18px;
  233. line-height: 20px;
  234. }
  235.  
  236. .symbols {
  237. font-family:WebSymbolsRegular;
  238. font-size: 6px;
  239. }
  240.  
  241. .tags{
  242. opacity:0;
  243. font-family:cambria;
  244. margin-top:0px;
  245. height:5px;
  246. margin-bottom:5px;
  247. padding-left:5px;
  248. border-left:5px solid {color:links border};
  249. -webkit-transition-duration:0.7s;
  250. -moz-transition-duration: 0.7s;
  251. }
  252. blockquote{
  253. margin-left:10px;
  254. padding-left:4px;
  255. border-left: 3px solid {color:Text};
  256. }
  257.  
  258. #question {
  259. background-color:{color:box};
  260. color: {color:text};
  261. border-top: dotted 1px {color:border};
  262. margin-left:0px;
  263. padding:11px;
  264. margin-top: 5px;
  265. margin-bottom:5px;
  266. font-family:cambria;
  267. font-size:10px;
  268. font-style:italic;
  269. text-align:left;
  270. }
  271.  
  272. .audio {
  273. height:60px;
  274. padding:5px;
  275. margin-bottom:5px; }
  276. .audio-album {
  277. position:absolute;
  278. width:60px; }
  279. .audio-player {
  280. opacity:0.6;
  281. filter:alpha(opacity=60);
  282. border:2px solid {color:border};
  283. width:25px;
  284. height:25px;
  285. overflow:hidden;
  286. position:absolute;
  287. z-index:2;
  288. margin-left:15px;
  289. margin-top:15px; }
  290. .audio-info {
  291. margin-top:-10px;
  292. position:relative;
  293. margin-left:70px;
  294. padding:5px; }
  295. .space { height:{text:entry space};}
  296.  
  297. .user_1 .label {color:{color:text}; font-weight:bold;}
  298. .user_2 .label {color:{color:chat text}; font-weight:bold;background-color: #fff;}
  299. .user_3 .label {color:{color:text}; font-weight:bold;}
  300. .user_4 .label {color:{color:chat text}; font-weight:bold; background-color:#fff}
  301. .user_5 .label {color:{color:text}; font-weight:bold;}
  302. .user_6 .label {color:{color:chat text}; font-weight:bold; background-color:#fff;}
  303. .user_1{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  304. .user_2{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  305. .user_3{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  306. .user_4{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  307. .user_5{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  308. .user_6{background-color: #fcfcfc; border: 1px solid #f8f8f8; border-radius: 3px;margin-bottom:3px;}
  309. .ul.chat {}
  310. .chat ol {}
  311. .chat li {list-style:none; margin-left:-40px; padding:4px; font-family: cambria; font-style: italic; font-size: 9.5px;}
  312.  
  313. ol {
  314. list-style-type: none;
  315. font-size:8px;
  316. font-family: inconsolata;
  317. text-transform: uppercase;
  318. margin: 0; }
  319.  
  320. ol.notes li {
  321. width: 485px;
  322. padding: 2px;
  323. margin: 0 0 5px -35px; }
  324.  
  325. ol.notes li:hover {
  326. }
  327.  
  328. ol.notes li img {
  329. width:15px;
  330. border-radius:20px;
  331. padding-right: 10px;
  332. margin-bottom: 0px;
  333. opacity: 0.85;
  334. filter:alpha(opacity=85); }
  335.  
  336. ol.notes li img:hover {
  337. opacity: 1;
  338. filter:alpha(opacity=100); }
  339.  
  340. #credit {
  341. position:fixed;
  342. font-family:inconsolata;
  343. letter-spacing:1px;
  344. text-transform:uppercase;
  345. font-size:10px;
  346. padding:7px;
  347. border:1px solid {color:border};
  348. background-color:{color:background};
  349. text-color:{color:background};
  350. font-weight:bold;
  351. right:5px;
  352. bottom:5px;
  353. text-align:center;
  354. color:{color:text};
  355. }
  356. #credit:hover{
  357. background-color:#000000;
  358. color:{color:background};
  359. -webkit-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -o-transition: all 0.5s ease-in-out;
  362. -ms-transition: all 0.5s ease-in-out;
  363. transition: all 0.5s ease-in-out; }
  364. {CustomCSS}
  365. </style>
  366.  
  367. <link rel="shortcut icon" href="{Favicon}">
  368. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  369.  
  370. </head>
  371. <body>
  372. <div id="container">
  373.  
  374. <div id="side">
  375. <div class="title"><a href="/">{Title}</a></div>
  376. <div class="title2">{text:second title}</div>
  377. <div class="sidebar img"><img src="{image:Sidebar}" style="width:180px;" ></div>
  378.  
  379. <div class="links">
  380. <a href="/">home</a>&nbsp;&nbsp;
  381. <a href="/ask">mssg</a>&nbsp;&nbsp;
  382. {Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/Block:ifShowLink1}&nbsp;&nbsp;
  383. {Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/Block:ifShowLink2}&nbsp;&nbsp;
  384. {Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/Block:ifShowLink3}&nbsp;&nbsp;
  385. {Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/Block:ifShowLink4}
  386. </div>
  387.  
  388. <div class="desc">{Description}</div>
  389.  
  390. <br>
  391. {block:ifNotInfiniteScrolling}
  392. <div class="navigate">
  393. {block:Pagination}
  394. {block:PreviousPage}
  395. <a href="{PreviousPage}"> ← </a>
  396. {/block:PreviousPage}
  397. {CurrentPage} out of {TotalPages}
  398. {block:NextPage}
  399. <a href="{NextPage}"> → </a>
  400. {/block:NextPage}
  401. {/block:Pagination}
  402. </div>
  403. {/block:ifNotInfiniteScrolling}
  404. </div>
  405.  
  406. {block:Posts}
  407. <div id="entry">
  408.  
  409. {block:Text}
  410. {block:Title}
  411. <div class="posttitle">{Title}</div>
  412. {/block:Title}
  413. {Body}
  414. {/block:Text}
  415.  
  416. {block:Link}
  417. <div class="posttitle">
  418. <a href="{URL}">{Name}</a>
  419. </div>
  420. {block:Description}{Description}{/block:Description}
  421. {/block:Link}
  422.  
  423. {block:Photo}
  424. <center>
  425. {LinkOpenTag}
  426. <a href="{permalink}">
  427. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  428. {LinkCloseTag}
  429. </center>
  430. {block:Caption}{Caption}{/block:Caption}
  431. {block:ContentSource}
  432. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  433. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  434. {/block:SourceLogo}
  435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  436. {/block:ContentSource}
  437. {block:ReblogParentURL}
  438. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  439. {/block:ReblogParentURL}
  440. {/block:Photo}
  441.  
  442. {block:Photoset}
  443. {Photoset-500}
  444. {block:Caption}{Caption}{/block:Caption}
  445. {/block:Photoset}
  446.  
  447. {block:Quote}
  448. <div class="posttitle" style="font-style:italic;"><big>❝</big>&nbsp;{Quote}</div>
  449. {block:Source}
  450. - {Source}
  451. {/block:Source}
  452. {/block:Quote}
  453.  
  454. {block:Chat}
  455. {block:Title}
  456. <div class="posttitle">
  457. {Title}
  458. </div>
  459. {/block:Title}
  460. {block:Lines}
  461. {block:Label}
  462. <b>{Label} </b>
  463. {/block:Label}
  464. {Line}
  465. <br>
  466. {/block:Lines}
  467. {/block:Chat}
  468.  
  469. {block:Audio}
  470. <div class="audio">
  471. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  472. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  473. <div class="audio-info">
  474. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  475. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  476. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  477. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  478. </div></div>
  479. {/block:Audio}
  480.  
  481. {block:Video}
  482. {Video-500}
  483. {block:Caption}{Caption}{/block:Caption}
  484. {/block:Video}
  485.  
  486. {block:Answer}
  487. <img align="right" src="{AskerPortraitURL-40}"style="width:35px;border-radius:160px;"> <div id="question" style="width:430px;font-style:none;"&nbsp;<b>{Asker}</b> asked: <i>{Question}</i></div>
  488. <i>{Answer}</i>
  489. {/block:Answer}
  490.  
  491. {block:IndexPage}
  492. <div id="permalink">
  493. posted
  494. <a href="{Permalink}"> {TimeAgo}</a>
  495. -
  496. <a href="{Permalink}"> <small>♥</small> {NoteCountwithLabel} </a>
  497. &nbsp;
  498. {block:RebloggedFrom}
  499. <a href="{ReblogParentURL}">- VIA</a>
  500. &nbsp;
  501. - © <a href="{ReblogRootURL}">{ReblogRootName}</a>
  502. {/block:RebloggedFrom}
  503. &nbsp;
  504. <a href="{ReblogURL}" target="_blank" class="details">+ Reblog</a>
  505. <br>
  506.  
  507. <div class="tags">{block:Tags}<a href="{TagURL}"><span class="symbols">,</span> {Tag}&nbsp;&nbsp;</a>
  508. {/block:Tags}</div>
  509. {/block:HasTags}
  510. {/block:IndexPage}
  511.  
  512. {block:PermalinkPage}<div id="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a>
  513. {block:RebloggedFrom} - <a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  514. {block:ContentSource} - <a href="{SourceURL}"> source</a>
  515. {/block:ContentSource}</div><div class="tags" style="font-family:cambria;text-transform:uppercase;font-size:8px;">{block:Tags}<a href="{TagURL}"><span class="symbols">,</span> {Tag}&nbsp;&nbsp;</a>
  516. {/block:Tags}</div>
  517. {/block:HasTags}
  518. <div id="permalink">
  519. {/block:PermalinkPage}</div>
  520.  
  521.  
  522. {block:PostNotes}
  523. {PostNotes}
  524. {/block:PostNotes}
  525. </div>
  526. {/block:Posts}
  527.  
  528. <div id='credit'><a href="http://hawthorneys.tumblr.com"><big><big>©</big></big>theme</a></div>
  529.  
  530. </body>
  531. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!