API tools faq
paste
hawthorneys

V1; THEME #06: by nayel

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