Advertisement
thehandyblog

Basic Theme #6

Aug 11th, 2012
589
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.70 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4.  
  5. Theme by Asyrral.
  6. Please don't remove the credits :)
  7.  
  8. --->
  9.  
  10. <head>
  11.  
  12. <meta name="color:Background" content="#ffff"/>
  13. <meta name="color:headers" content="#979696"/>
  14. <meta name="color:text" content="#6b6b6b"/>
  15. <meta name="color:bold texts" content="#555555">
  16. <meta name="color:links" content="#5e5d5d"/>
  17. <meta name="color:links hover" content="#dbdbdb"/>
  18. <meta name="color:sidebar border" content="#3f3f3f">
  19. <meta name="color:blockquote" content="#444444">
  20. <meta name="color:scrollbar" content="#777777"/>
  21. <meta name="color:scrollbar background" content="#fff"/>
  22. <meta name="color:chat background" content="#ffffff">
  23. <meta name="color:navigation bg" content="#ffffff">
  24. <meta name="color:navigation text" content="#5c5c5c">
  25. <meta name="color:question background" content="#f1f1f1"/>
  26. <meta name="color:permalink text" content="#e2e2e2"/>
  27. <meta name="color:permalink hover" content="#fafafa"/>
  28. <meta name="color:permalink border" content="#ececec"/>
  29. <meta name="color:permalink border 2" content="#d6d6d6"/>
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_m1wydxS7fX1qfqs50o1_500.jpg"/>
  33.  
  34. <meta name="if:show caption" content="0">
  35. <meta name="if:tiny cursor" content="1">
  36. <meta name="if:fading images" content="0">
  37. <meta name="if:Black Audio Player" content="1">
  38. <meta name="if:White Audio Player" content="0">
  39. <meta name="if:Grey Audio Player" content="0">
  40. <meta name="if:Stretch Photos" content="1">
  41.  
  42. <meta name="text:link url 1" content="/">
  43. <meta name="text:link title 1" content="Link 1">
  44. <meta name="text:link url 2" content="/">
  45. <meta name="text:link title 2" content="Link 2">
  46. <meta name="text:link url 3" content="/">
  47. <meta name="text:link title 3" content="Link 3">
  48. <meta name="text:link url 4" content="/">
  49. <meta name="text:link title 4" content="Link 4">
  50.  
  51. <title>{Title}</title>
  52. <link rel="shortcut icon" href="{Favicon}"/>
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. background-color: {color:Background};
  62. background-image:url("{image:background}");
  63. background-attachment: fixed;
  64. background-repeat: repeat;
  65. font-family: calibri;
  66. font-size: 11px;
  67. color: {color:text};
  68. overflow-x:hidden;
  69. text-align:center;
  70. height: 100%;
  71. {block:iftinycursor}
  72. cursor: url("http://i.imgur.com/2qleX.jpg"), auto;
  73. {/block:iftinycursor}
  74. }
  75.  
  76. a:link, a:visited, a:active {
  77. color: {color:links};
  78. text-decoration:none;
  79. transition-duration: 0.50s;
  80. -moz-transition-duration: 0.50s;
  81. -webkit-transition-duration: 0.50s;
  82. -o-transition-duration: 0.50s;
  83. }
  84.  
  85. a:hover {
  86. color: {color:Links hover};
  87. text-decoration:bold;
  88. transition-duration: 0.50s;
  89. -moz-transition-duration: 0.50s;
  90. -webkit-transition-duration: 0.50s;
  91. -o-transition-duration: 0.50s;
  92. {block:iftinycursor}
  93. cursor: url("http://i.imgur.com/IepP2.jpg"), auto;
  94. {/block:iftinycursor}
  95. }
  96.  
  97. {block:iffadingimages}
  98. #catimg{
  99. opacity:.7;
  100. padding-bottom:10px;
  101. transition-duration: 0.50s;
  102. -moz-transition-duration: 0.50s;
  103. -webkit-transition-duration: 0.50s;
  104. -o-transition-duration: 0.50s;}
  105.  
  106. #catimg:hover{opacity:1;}
  107. {/block:iffadingimages}
  108.  
  109. #main{
  110. background-color: transparent;
  111. position: absolute;
  112. width: 750px;
  113. height: 100%;
  114. top: 0px;
  115. left: 50%;
  116. margin-left: -375px;
  117. }
  118.  
  119. #sidebar{
  120. position: fixed;
  121. height: auto;
  122. width:200px;
  123. padding: 10px;
  124. left: 95px;
  125. top: 220px;
  126. }
  127.  
  128. #content{
  129. background-color: transparent;
  130. position: absolute;
  131. width: 500px;
  132. height: auto;
  133. left: 400px;
  134. top: 0px;
  135. }
  136.  
  137. .title{
  138. color:{color:Title};
  139. font-family: calibri;
  140. font-size:25px;
  141. }
  142.  
  143. .title2{
  144. color:{color:Title};
  145. font-family: calibri;
  146. font-size:15px;
  147. letter-spacing:4px;
  148. font-weight:bold;
  149. }
  150.  
  151. .post{
  152. text-align: left;
  153. margin-top:45px;
  154. margin-bottom:30px;
  155. color: {color:text};
  156. padding-top: 5px;
  157. padding-bottom: 3px;
  158. padding-left: 4px;
  159. padding-right: 5px;
  160. width:501px;
  161. }
  162.  
  163. blockquote{
  164. padding-left:5px;
  165. margin-left:5px;
  166. border-left: 1px solid {color:blockquote};
  167. }
  168.  
  169. h3{
  170. font-size: 15px;
  171. font-family: lora;
  172. font-style:italic;
  173. margin-top:0px;
  174. margin-bottom:-2px;
  175. color: {color:headers};
  176. }
  177.  
  178. strong{
  179. color:{color:bold texts};
  180. }
  181.  
  182. .quote{
  183. font-size: 20px;
  184. font-family: lora;
  185. text-align:center;
  186. padding-bottom:8px;
  187. color: {color:headers};
  188. }
  189.  
  190. ul.chat {
  191. margin: 0 0 0 0;
  192. padding: 0 0 0 0;
  193. }
  194. .chat li {
  195. list-style-type: none;
  196. margin-left: 0px;
  197. padding: 3px;
  198. }
  199. .chat li.odd {
  200. background-color: {color:chat background};
  201. padding-left:10px;
  202. }
  203. .chat li.even {
  204. background-color: transparent;
  205. padding-left:10px;
  206. }
  207. .label {
  208. font-weight: bold;
  209. }
  210.  
  211. .bubble {
  212. position: relative;
  213. background-color:{color:question background};
  214. margin: 0;
  215. padding:10px;
  216. text-align:center;
  217. width:482px;
  218. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  219. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  220. box-shadow: 0px 0 1px rgba(0,0,0,0);
  221.  
  222. }
  223. .bubble:after {
  224. position: absolute;
  225. display: block;
  226. content: "";
  227. border-color: {color:question background} transparent transparent transparent;
  228. border-style: solid;
  229. border-width: 10px;
  230. height:0;
  231. width:0;
  232. position:absolute;
  233. bottom:-19px;
  234. left:1em;
  235. }
  236.  
  237. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  238.  
  239. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  240. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  241.  
  242. .notes img{width:10px; position:relative; top:3px;}
  243.  
  244. #chat{padding-bottom:7px;}
  245.  
  246. #reb{text-align:right; margin-top:-8px; margin-right:-5px;}
  247.  
  248. .permalink{
  249. text-align: left;
  250. width:500px;
  251. line-height:8px;
  252. padding:5px;
  253. position:absolute;
  254. text-transform:uppercase;
  255. font-family:cambria;
  256. margin-left:-4px;
  257. color:{color:permalink text};
  258. margin-top:6px;
  259. font-size:12px;
  260. margin-top:0px;
  261. z-index:999;
  262. -webkit-transition: all 0.5s ease-in-out;
  263. -moz-transition: all 0.5s ease-in-out;
  264. -o-transition: all 0.5s ease-in-out;
  265. -ms-transition: all 0.5s ease-in-out;
  266. transition: all 0.5s ease-in-out;}
  267.  
  268. .permalink a{
  269. text-transform:uppercase;
  270. padding-right:5px;
  271. padding-left:5px;
  272. color:{color:permalink text};
  273. }
  274.  
  275. .permalink a:hover{
  276. color: {color:permalink hover};
  277. }
  278.  
  279. .permalink2{
  280. text-align: left;
  281. width:500px;
  282. line-height:8px;
  283. padding:5px;
  284. position:absolute;
  285. text-transform:uppercase;
  286. font-family:cambria;
  287. margin-left:-4px;
  288. color:{color:permalink text};
  289. margin-top:6px;
  290. font-size:12px;
  291. margin-top:-8px;
  292. z-index:999;
  293. -webkit-transition: all 0.5s ease-in-out;
  294. -moz-transition: all 0.5s ease-in-out;
  295. -o-transition: all 0.5s ease-in-out;
  296. -ms-transition: all 0.5s ease-in-out;
  297. transition: all 0.5s ease-in-out;}
  298.  
  299. .permalink2 a{
  300. text-transform:uppercase;
  301. padding-right:5px;
  302. padding-left:5px;
  303. color:{color:permalink text};
  304. }
  305.  
  306. .permalink2 a:hover{
  307. color: {color:permalink hover};
  308. }
  309.  
  310. ::-webkit-scrollbar { width: 5px; height: 5px; }
  311. ::-webkit-scrollbar-button:start:decrement,
  312. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: {color:scrollbar background}; }
  313. ::-webkit-scrollbar-track-piece { background: {color:scrollbar background}; }
  314. ::-webkit-scrollbar-thumb {height: 50px; background-color: {color:scrollbar}; }
  315.  
  316. #sidebar:hover .navigate{margin-left:40px; opacity:1;}
  317.  
  318. .navigate{margin-top:12px; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s; text-align:left; position:absolute; width:120px; margin-left:-255px; opacity:0;}
  319.  
  320. .navigate a{
  321. color: {color:navigation text}; text-transform:uppercase; letter-spacing:1px; margin-top:3px; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s; display:block; background:{color:navigation bg}; text-align:center;
  322. }
  323.  
  324. .navigate a:hover{
  325. font-style:italic;
  326. }
  327.  
  328. #rainbow{margin-top:10px; height:3px;background:#ececec;}
  329.  
  330. .ttl{font-family:lora; margin-top:-20px; font-style:italic; font-size:15px; width:210px; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s;}
  331.  
  332. .ttl a{padding-left:3px; padding-right:3px;}
  333.  
  334. #answerr{padding-left:35px;}
  335.  
  336. .page{width:245px; position:absolute;transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s;}
  337.  
  338. .page a{padding-right:10px;}
  339.  
  340. .page a:hover{}
  341.  
  342. #back{margin-top:-120px; margin-left:-30px; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s; text-align:left;}
  343.  
  344. #back a{}
  345.  
  346. #next a{}
  347.  
  348. #next{margin-top:-49px; margin-right:-5px; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s;text-align:right;}
  349.  
  350. #description{width:164px; margin-top:13px; text-align:center; margin-left:18px;}
  351.  
  352. #sideimg{margin-top:0px;}
  353.  
  354. .dashh{color:transparent;}
  355.  
  356. #hov{margin-top:-18px;position:absolute; padding-left:45px; letter-spacing:1px; text-transform:uppercase; transition-duration: 0.50s; -moz-transition-duration: 0.50s; -webkit-transition-duration: 0.50s; -o-transition-duration: 0.50s;}
  357.  
  358. #hov a{}
  359.  
  360. #sidebar:hover #hov{opacity:0}
  361.  
  362. #mainl{width:210px; text-align:center; margin-bottom:5px;}
  363.  
  364. #mainl a{padding-left:5px; padding-right:5px; letter-spacing:1px; text-transform:uppercase; color:{color:links}}
  365.  
  366. #mainl a:hover{color:{color:links hover}}
  367.  
  368. #playerr{margin-top:-103px; margin-left:110px; position:absolute}
  369.  
  370. </style>
  371.  
  372. </head>
  373.  
  374. <body>
  375.  
  376.  
  377. <div id="main">
  378. <div id="sidebar">
  379.  
  380. <div id="sideimg">
  381. <img src="{image:Sidebar}" width="165px" style="border:5px solid {color:sidebar border}">
  382. </div>
  383.  
  384. <div id="description">
  385. {description}
  386. </div>
  387. <p>
  388. {Block:PreviousPage}
  389. <a href="{PreviousPage}">&laquo;</a>
  390. {/Block:PreviousPage}
  391. {Block:NextPage}
  392. <a href="{NextPage}">&raquo;</a>
  393. {/Block:NextPage}
  394.  
  395.  
  396. <div class="navigate">
  397.  
  398. <a href="/">index</a>
  399. <a href="/ask">message</a>
  400. {Block:IfLinkTitle1}<a href="{text:link url 1}">{text:link title 1}</a>{/Block:IfLinkTitle1}
  401. {Block:IfLinkTitle2}<a href="{text:link url 2}">{text:link title 2}</a>{/Block:IfLinkTitle2}
  402. {Block:IfLinkTitle3}<a href="{text:link url 3}">{text:link title 3}</a>{/Block:IfLinkTitle3}
  403. {Block:IfLinkTitle4}<a href="{text:link url 4}">{text:link title 4}</a>{/Block:IfLinkTitle4}
  404. <a href="http://asyrral.tumblr.com">credit</a>
  405. </div>
  406.  
  407. </div></div>
  408.  
  409. <div id="content">
  410.  
  411. {block:Posts}
  412.  
  413. {block:Text}
  414. <div class="post">
  415. {block:Title}
  416. <h3><a href="{Permalink}">{Title}</a></h3>
  417. {/block:Title}
  418. {Body}
  419. <div id="rainbow"></div>
  420. <div class="permalink">
  421. posted <a href="{Permalink}">{TimeAgo}</a> with
  422. <a href="{Permalink}"> {NoteCount} notes</a>
  423. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  424. <a href="{ReblogURL}">reblog</a></div></div>
  425. </div>
  426. {/block:Text}
  427.  
  428. {block:Photo}
  429. <div class="post">
  430. <center>{LinkOpenTag}
  431. <div id="catimg">
  432. <img src="{PhotoURL-500}" alt="{PhotoAlt}" {Block:IfStretchPhotos}width="500px"{/Block:IfStretchPhotos}/>
  433. </div>
  434. {LinkCloseTag}</center>
  435. {block:IfShowCaption}
  436. {block:Caption}
  437. <div class="caption">{Caption}</div>
  438. {/block:Caption}
  439. {/block:IfShowCaption}
  440. <div id="rainbow"></div>
  441. <div class="permalink">
  442. posted <a href="{Permalink}">{TimeAgo}</a> with
  443. <a href="{Permalink}"> {NoteCount} notes</a>
  444. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  445. <a href="{ReblogURL}">reblog</a></div></div>
  446. </div>
  447. {/block:Photo}
  448.  
  449. {block:Photoset}
  450. <div class="post">
  451. <center>
  452. <div id="catimg">
  453. {Photoset-500}
  454. </div>
  455. </center>
  456. {block:IfShowCaption}
  457. {block:Caption}
  458. <div class="caption">{Caption}</div>
  459. {/block:Caption}
  460. {/block:IfShowCaption}
  461. <div id="rainbow"></div>
  462. <div class="permalink">
  463. posted <a href="{Permalink}">{TimeAgo}</a> with
  464. <a href="{Permalink}"> {NoteCount} notes</a>
  465. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  466. <a href="{ReblogURL}">reblog</a></div></div>
  467. </div>
  468. {/block:Photoset}
  469.  
  470. {block:Quote}
  471. <div class="post">
  472. <div class="quote">"{Quote}"</div>
  473. <div id="rainbow"></div>
  474. <div class="permalink">
  475. posted <a href="{Permalink}">{TimeAgo}</a> with
  476. <a href="{Permalink}"> {NoteCount} notes</a>
  477. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  478. <a href="{ReblogURL}">reblog</a></div></div>
  479. </div>
  480. {/block:Quote}
  481.  
  482. {block:Link}
  483. <div class="post">
  484. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  485. {block:Description}
  486. <div class="description">{Description}</div>
  487. {/block:Description}
  488. <div id="rainbow"></div>
  489. <div class="permalink">
  490. posted <a href="{Permalink}">{TimeAgo}</a> with
  491. <a href="{Permalink}"> {NoteCount} notes</a>
  492. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  493. <a href="{ReblogURL}">reblog</a></div></div>
  494. </div>
  495. {/block:Link}
  496.  
  497. {block:Chat}
  498. <div class="post">
  499. <div id="chat">
  500. {block:Title}
  501. <h3><a href="{Permalink}">{Title}</a></h3>
  502. {/block:Title}
  503. <ul class="chat">
  504. {block:Lines}
  505. <li class="{Alt} user_{UserNumber}">
  506. {block:Label}
  507. <span class="label">{Label}</span>
  508. {/block:Label}
  509. {Line}
  510. </li>
  511. {/block:Lines}
  512. </ul>
  513. <div id="rainbow"></div>
  514. </div>
  515. <div class="permalink2">
  516. posted <a href="{Permalink}">{TimeAgo}</a> with
  517. <a href="{Permalink}"> {NoteCount} notes</a>
  518. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  519. <a href="{ReblogURL}">reblog</a></div></div>
  520. </div>
  521. {/block:Chat}
  522.  
  523. {block:Video}
  524. <div class="post">
  525. <center>{Video-500}</center>
  526. {block:IfShowCaption}
  527. {block:Caption}
  528. <div class="caption">{Caption}</div>
  529. {/block:Caption}
  530. {/block:IfShowCaption}
  531. <div id="rainbow"></div>
  532. <div class="permalink">
  533. posted <a href="{Permalink}">{TimeAgo}</a> with
  534. <a href="{Permalink}"> {NoteCount} notes</a>
  535. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  536. <a href="{ReblogURL}">reblog</a></div></div>
  537. </div>
  538. {/block:Video}
  539.  
  540. {block:Audio}
  541. <div class="post">
  542. {Block:IfBlackAudioPlayer}
  543. {AudioPlayerBlack}<p>
  544. {/Block:IfBlackAudioPlayer}
  545. {Block:IfWhiteAudioPlayer}
  546. {AudioPlayerWhite}<p>
  547. {/Block:IfWhiteAudioPlayer}
  548. {Block:IfGreyAudioPlayer}
  549. {AudioPlayerGrey}<p>
  550. {/Block:IfGreyAudioPlayer}
  551. {block:Artist}
  552. <b>Artist:</b> {Artist}<p>
  553. {/block:Artist}
  554.  
  555. {block:Album}
  556. <b>Album:</b> {Album}<p>
  557. {/block:Album}
  558.  
  559. {block:TrackName}
  560. <b>Track:</b> {TrackName}
  561. {/block:TrackName}
  562. {block:caption}<p>{caption}{/block:caption}
  563. <div id="rainbow"></div>
  564. <div class="permalink">
  565. posted <a href="{Permalink}">{TimeAgo}</a> with
  566. <a href="{Permalink}"> {NoteCount} notes</a>
  567. <div id="reb">{block:RebloggedFrom}<a href="{ReblogParentUrl}">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a> · {/block:ContentSource}
  568. <a href="{ReblogURL}">reblog</a></div></div>
  569. </div>
  570. {/block:Audio}
  571.  
  572. {block:Answer}
  573. <div class="post">
  574. <div class="bubble"><strong>{Asker}</strong> asked: <i>{Question}</i></div><div id="answerr">{Answer}</div>
  575. <div id="rainbow"></div>
  576. <div class="permalink">
  577. posted <a href="{Permalink}">{TimeAgo}</a> with
  578. <a href="{Permalink}"> {NoteCount} notes</a>
  579. <div id="reb">
  580. <a href="{ReblogURL}">reblog</a></div></div>
  581. </div>
  582. {/block:Answer}
  583.  
  584. {block:PermalinkPage}
  585. <div style="width:486px; background:{color:posts}; text-align:center; padding-top: 5px;
  586. padding-bottom: 12px;
  587. padding-left: 12px;
  588. padding-right: 12px;">
  589. posted <a href="{Permalink}">{TimeAgo}</a> with
  590. <a href="{Permalink}"> {NoteCount} notes</a> <br> {block:HasTags}
  591. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  592. {/block:HasTags} <p> {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  593.  
  594. {/block:Posts}
  595.  
  596. </div>
  597.  
  598. </div>
  599.  
  600. </body>
  601.  
  602. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement