Advertisement
singforabsolution

Theme By Kelsey #12

Apr 1st, 2012
277
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
  1. <!-- please don't remove the credit or use as a base code-->
  2.  
  3. <head>
  4.  
  5. <!--Default Variables-->
  6. <!--Colors-->
  7. <meta name="color:Background" content="#662e44"/>
  8. <meta name="color:Text" content="#E8E8E8"/>
  9. <meta name="color:Post Title" content="#1C1C1C"/>
  10. <meta name="color:Link" content="#8B7D7B"/>
  11. <meta name="color:Link Hover" content="#CDB7B5"/>
  12. <meta name="color:Blog Title" content="#8B7D7B"/>
  13. <meta name="color:Chat 1" content="#E8E8E8"/>
  14. <meta name="color:Chat 2" content="#A9A9A9"/>
  15. <meta name="color:Ask Background" content="#4F4F4F"/>
  16. <meta name="color:Main" content="#fffef0"/>
  17. <meta name="color:Sidelinks" content="#faecc5"/>
  18. <meta name="color:Sidelinks Text" content="#af8b97"/>
  19. <meta name="color:Sidelinks Text Hover" content="#af8b97">
  20.  
  21. <!--Images-->
  22. <meta name="image:Background" content"http://25.media.tumblr.com/tumblr_lyz4nmEMaZ1rnpeyto1_250.png"/>
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <!--Options-->
  26. <meta name="if:Infinite Scrolling" content=""/>
  27. <meta name="if:Pagination" content="1"/>
  28. <meta name="if:Tiny Cursor" content="1"/>
  29. <meta name="if:Tiny Scrollbar" content="1"/>
  30. <meta name="if:Box shadows" content=""/>
  31. <meta name="if:Box borders" content=""/>
  32. <meta name="if:Rainbow Links" content=""/>
  33. <meta name="if:Show Caption" content="1"/>
  34. <meta name="if:Colored Main" content=""/>
  35.  
  36. <!--Links-->
  37. <meta name="text:Link 1 URL" content="/"/>
  38. <meta name="text:Link 1 name" content="link1"/>
  39. <meta name="text:Link 2 URL" content="/"/>
  40. <meta name="text:Link 2 name" content="link2"/>
  41. <meta name="text:Link 3 URL" content="/"/>
  42. <meta name="text:Link 3 name" content="link3"/>
  43. <meta name="text:Link 4 URL" content="/"/>
  44. <meta name="text:Link 4 name" content="link4"/>
  45.  
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <title>
  49. {block:PostSummary}
  50. {PostSummary} - {/block:PostSummary}{Title}</title>
  51.  
  52. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  53.  
  54. </style>
  55. <link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
  56. <style type="text/css">
  57.  
  58. {block:iftinycursor}
  59. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}{/block:iftinycursor}
  60.  
  61.  
  62. {block:iftinyscrollbar}
  63. ::-webkit-scrollbar {width: 8px; height: 9px; background :#fff; }
  64. ::-webkit-scrollbar-thumb { background-color: #000000; -webkit-border-radius: 0ex; border: 0px #D4D8DB;}
  65. {/block:iftinyscrollbar}
  66.  
  67.  
  68. body{
  69. background-color: {color:Background};
  70. background-image:url({image:Background});
  71. background-attachment:fixed;
  72. background-repeat:repeat;
  73. background-position:center;
  74. font-family:helvetica;
  75. font-size:11px;
  76. line-height:12px;
  77. letter -spacing:0px;
  78. color:{color:Text};
  79. text-align:justify;
  80. }
  81.  
  82. a:link, a:active, a:visited{
  83. color: {color:Link};
  84. text-decoration:none;
  85. }
  86. a:hover{
  87. color: {color:Link Hover};
  88. cursor: url(http://i.imgur.com/IepP2.jpg), progress;
  89. }
  90.  
  91. #container {
  92. margin:auto;
  93. position:right;
  94. width:1200px;
  95. color: {color:Title};
  96. _margin-left:10%;
  97. }
  98.  
  99. #content {
  100. float:center;
  101. width:508px;
  102. padding:3px;
  103. margin-top:0px;
  104. margin-left:230px;
  105. background:transparent;
  106. }
  107.  
  108. #entry {
  109. margin-top:15px;
  110. padding:3px;
  111. {block:ifColoredMain}background-color:{color:Main}{/block:ifColoredMain};
  112. {block:ifColoredMain}background-color:clear{/block:ifColoredMain};
  113. {block:ifboxshadows};
  114. box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  115. {/block:ifboxshadows}
  116. {block:ifboxborders}
  117. border: 1px solid black;
  118. {/block:ifboxborders}
  119. }
  120.  
  121. #entry img{
  122. {block:IndexPage}max-width:500px;{/block:IndexPage}
  123. }
  124.  
  125.  
  126. #entry .permalink a{
  127. color:{color:Link};
  128. }
  129.  
  130. #entry .permalink{
  131. width:auto;
  132. padding:1px;
  133. padding-left:5px;
  134. padding-right:5px;
  135. position:absolute;
  136. text-align:left;
  137. font-size:10px;
  138. height:13px;
  139. overflow:hidden;
  140. margin-left:395px;
  141. opacity:0.0;
  142. background-color:white;
  143. -webkit-border-radius: 15px;
  144. -moz-border-radius: 15px;
  145. border-radius: 15px;
  146. }
  147.  
  148. #entry:hover .permalink{
  149. position:center;
  150. margin-left:395px;
  151. overflow:visible;
  152. -webkit-transition: opacity 0.3s linear; opacity: 0.8;
  153. -webkit-transition: all 0.3s linear;
  154. -moz-transition: all 0.3s linear;
  155. transition: all 0.3s linear;
  156. }
  157.  
  158. #side {
  159. position:fixed !important;
  160. width:210px;
  161. height:auto;
  162. font-size:10px;
  163. line-height:9px;
  164. {block:ifColoredMain}background-color:{color:Main}{/block:ifColoredMain};
  165. {block:ifColoredMain}background-color:clear;{/block:ifColoredMain};
  166. margin-top:40px;
  167. margin-left:790px ;
  168. padding:4px;
  169. {block:ifboxshadows};
  170. box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  171. {/block:ifboxshadows}
  172. {block:ifboxborders}
  173. border: 1px solid black;
  174. {/block:ifboxborders}
  175. }
  176.  
  177.  
  178. #linksbar {
  179. position:fixed !important;
  180. width:40px;
  181. height:10px;
  182. line-height:9px;
  183. background-color:clear;
  184. margin-top:85px;
  185. margin-left:755px;
  186. padding 2px;
  187. z-index:1;
  188. opacity: 1;
  189. }
  190.  
  191. #sidelinks {
  192. position:fixed !important;
  193. width:210px;
  194. height:15px;
  195. font-family: 'Doppio One', sans-serif;
  196. font-size:10px;
  197. line-height:9px;
  198. background-color:{color:Sidelinks};
  199. color:{color:Sidelinks Text};
  200. margin-top:85px;
  201. margin-left:533px;
  202. padding 2px;
  203. padding-top:4px;
  204. z-index:1;
  205. transition: all 0.6s linear;
  206. -o-transition-transition: all 0.6s linear;
  207. -webkit-transition: all 0.6s linear;
  208. -moz-transition: all 0.6s linear;
  209. opacity: 0.2;
  210. }
  211.  
  212. #sidelinks:hover {
  213. background-color:{color:Sidelinks};
  214. color:{color:Sidelinks Text Hover};
  215. opacity: 0.8;
  216. transition: all 0.6s linear;
  217. -o-transition-transition: all 0.6s linear;
  218. -webkit-transition: all 0.6s linear;
  219. -moz-transition: all 0.6s linear;
  220. }
  221.  
  222. .navigate1 a{
  223. width:0px;
  224. height:8px;
  225. padding:2px;
  226. padding-top:2px;
  227. margin-top:3px;
  228. margin-left:4px;
  229. font-family:silkscreen;
  230. font-size:8px;
  231. text-align:right;
  232. position:relative;
  233. z-index:1;
  234. display:block;
  235. transition: all 0.5s ease-out;
  236. -o-transition-transition: all 0.5s ease-out;
  237. -webkit-transition: all 0.5s ease-out;
  238. -moz-transition: all 0.5s ease-out;
  239. }
  240.  
  241. .navigate1 a:hover{
  242. transition: all 0.5s ease-out;
  243. -o-transition-transition: all 0.5s ease-out;
  244. -webkit-transition: all 0.5s ease-out;
  245. -moz-transition: all 0.5s ease-out;
  246. }
  247.  
  248. .navigate2 a{
  249. width:0px;
  250. height:8px;
  251. padding:2px;
  252. padding-top:2px;
  253. margin-top:3px;
  254. margin-left:4px;
  255. font-family:silkscreen;
  256. font-size:8px;
  257. text-align:right;
  258. position:relative;
  259. z-index:1;
  260. display:block;
  261. transition: all 0.5s ease-out;
  262. -o-transition-transition: all 0.5s ease-out;
  263. -webkit-transition: all 0.5s ease-out;
  264. -moz-transition: all 0.5s ease-out;
  265. }
  266.  
  267. .navigate2 a:hover{
  268. transition: all 0.5s ease-out;
  269. -o-transition-transition: all 0.5s ease-out;
  270. -webkit-transition: all 0.5s ease-out;
  271. -moz-transition: all 0.5s ease-out;
  272. }
  273.  
  274. .navigate3 a{
  275. width:0px;
  276. height:8px;
  277. padding:2px;
  278. padding-top:2px;
  279. margin-top:3px;
  280. margin-left:4px;
  281. font-family:silkscreen;
  282. font-size:8px;
  283. text-align:right;
  284. position:relative;
  285. z-index:1;
  286. display:block;
  287. transition: all 0.5s ease-out;
  288. -o-transition-transition: all 0.5s ease-out;
  289. -webkit-transition: all 0.5s ease-out;
  290. -moz-transition: all 0.5s ease-out;
  291. }
  292.  
  293. .navigate3 a:hover{
  294. transition: all 0.5s ease-out;
  295. -o-transition-transition: all 0.5s ease-out;
  296. -webkit-transition: all 0.5s ease-out;
  297. -moz-transition: all 0.5s ease-out;
  298. }
  299.  
  300. .navigate4 a{
  301. width:0px;
  302. height:8px;
  303. padding:2px;
  304. padding-top:2px;
  305. margin-top:3px;
  306. margin-left:4px;
  307. font-family:silkscreen;
  308. font-size:8px;
  309. text-align:right;
  310. position:relative;
  311. z-index:1;
  312. display:block;
  313. transition: all 0.5s ease-out;
  314. -o-transition-transition: all 0.5s ease-out;
  315. -webkit-transition: all 0.5s ease-out;
  316. -moz-transition: all 0.5s ease-out;
  317. }
  318.  
  319. .navigate4 a:hover{
  320. transition: all 0.5s ease-out;
  321. -o-transition-transition: all 0.5s ease-out;
  322. -webkit-transition: all 0.5s ease-out;
  323. -moz-transition: all 0.5s ease-out;
  324. }
  325.  
  326.  
  327. .credit a{
  328. width:0px;
  329. height:8px;
  330. padding:2px;
  331. padding-top:2px;
  332. margin-top:3px;
  333. margin-left:4px;
  334. font-family:silkscreen;
  335. font-size:8px;
  336. text-align:right;
  337. position:relative;
  338. z-index:1;
  339. display:block;
  340. transition: all 0.5s ease-out;
  341. -o-transition-transition: all 0.5s ease-out;
  342. -webkit-transition: all 0.5s ease-out;
  343. -moz-transition: all 0.5s ease-out;
  344. }
  345.  
  346. .credit a:hover{
  347. transition: all 0.5s ease-out;
  348. -o-transition-transition: all 0.5s ease-out;
  349. -webkit-transition: all 0.5s ease-out;
  350. -moz-transition: all 0.5s ease-out;
  351. }
  352.  
  353.  
  354.  
  355.  
  356. .blogtitle{
  357. font-size:23px;
  358. line-height:30px;
  359. color: {color:Blog Title};
  360. font-family: 'Doppio One', sans-serif;
  361. }
  362.  
  363. .posttitle{
  364. font-size:16px;
  365. line-height:16px;
  366. color: {color:Post Title};
  367. letter-spacing: 1;
  368. font-family: 'Doppio One', sans-serif;
  369. font-weight:none;
  370. }
  371.  
  372. .nav{
  373. font-size:30px;
  374. font-family: 'Doppio One', sans-serif;
  375. color:{color:Blog Title};
  376. }
  377.  
  378. blockquote{
  379. padding:0px 0px 2px 5px;
  380. margin:0px 0px 2px 1px;
  381. border-left: 1px solid {color:Text};}
  382. blockquote p, ul{margin:0px; padding:0px;
  383. }
  384.  
  385. .chat .line{
  386. color:{color:Chat 1};
  387. margin: 0 0 0px;
  388. padding: 2px;
  389. }
  390. .chat .line.odd{
  391. color:{color:Chat 2};
  392. }
  393.  
  394. .label {font-weight:bold; color:{color:text}}
  395.  
  396. .question {
  397. color:{color:Text};
  398. font-size:10px;
  399. font-weight:normal;
  400. line-height:95%;
  401. background: {color:Ask Background};
  402. margin: 0 0 10px 0;
  403. padding: 10px 15px;
  404. position:relative;
  405. -moz-border-radius:5px; -webkit-border-radius:5px;
  406. }
  407.  
  408. .questionarrow {
  409. width:13px;
  410. height:7px;
  411. font-size:30px;
  412. position:absolute;
  413. color:{color:Ask Background};
  414. bottom: -3.5px;
  415. left: 260px;
  416. }
  417.  
  418.  
  419. .asker {
  420. width:500px;
  421. text-align:left;
  422. color:{color:Text};
  423. font-family: 'Doppio One', sans-serif;
  424. font-size:9px;
  425. }
  426.  
  427. .asker a {
  428. color:{color:Text};
  429. }
  430.  
  431. .asker img {
  432. float:left;
  433. margin-left:220px;
  434. vertical-align:top;
  435. margin-right:3px;
  436. max-height:15px;
  437. }
  438.  
  439. a img{border:0px;}
  440.  
  441. .p { padding-top:5px; }
  442. .ol, ul { margin-left:10px; padding:5px; }
  443. .ul { list-style-type:square; }
  444.  
  445. .albumart { margin-bottom:0px; }
  446. .albumart img, .audio embed { width:55px; padding-right:3px; }
  447.  
  448. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  449.  
  450. .notes img{width:10px; position:left; top:3px;}
  451.  
  452. .tags {
  453. width:auto;
  454. solid {color:Links};
  455. font-size:10px;
  456. color:{color:link};
  457. padding:2px;
  458. line-height:1;
  459. margin-left:1px;
  460. font-family: 'Doppio One', sans-serif;
  461. }
  462.  
  463. .tags a:hover{
  464. color: {color:Link Hover};
  465. }
  466.  
  467. .pages {
  468. width:200px;
  469. height:16px;
  470. padding-top:5px;
  471. margin-top:10px;
  472. font-size:12px;
  473. font-family:helvetica;
  474. background-color:clear;
  475. text-align:center;
  476. }
  477.  
  478. {font-size: 100%;}
  479.  
  480. {CustomCSS}
  481. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  482.  
  483. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  484. </style>
  485.  
  486. <link rel="shortcut icon" href="{Favicon}">
  487.  
  488. <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" />
  489.  
  490. {block:ifrainbowlinks}<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  491. "></script>{/block:ifrainbowlinks}
  492.  
  493. {block:ifinfinitescrolling}<style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  494. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  495. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  496.  
  497. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  498. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  499. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  500. <script type="text/javascript">
  501. $(document).ready(function() {
  502. $().UItoTop({ easingType: 'easeOutQuart' });
  503. });
  504. </script>{/block:ifinfinitescrolling}
  505.  
  506.  
  507. </head>
  508. <body>
  509. <div id="container">
  510. <div id="content">
  511. <div id="sidelinks">
  512. <center>
  513. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> •
  514. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> •
  515. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> •
  516. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  517. </center>
  518. </div>
  519. <div id="linksbar">
  520. <br>
  521. <div class="navigate1">
  522. <a href="/"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/home.png"
  523. title="home"></a></div>
  524. <br>
  525. <div class="navigate2">
  526. <a href="/ask"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/mail.png" title="ask"></a></div>
  527. <br>
  528.  
  529. <div class="navigate3">
  530. <a href="/blogroll"><img src="http://i41.tinypic.com/25tgw9l.jpg" title="blogroll"></a>
  531. <br>
  532. </div>
  533.  
  534. <div class="navigate4">
  535. <a href="/archive"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/calendar-blue.png" title="archive"></a>
  536. <br>
  537. </div>
  538. <div class="credit">
  539. <a href="http://sociallyawkwardgiraffe.tumblr.com/"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/box--plus.png"title="theme"></a>
  540.  
  541. </div></div></div></div>
  542.  
  543. </div>
  544. </div>
  545. <div id="side">
  546. <center>
  547. <div class="blogtitle"><a href="/">{Title}</a></div>
  548. </center>
  549. <img src="{image:sidebar}" width="210" style=" float:right; border:0px solid {color:borders}; padding:0px; background:transparent;"/>
  550. <br>
  551. {Description}
  552. <center>
  553. <div class="pages">
  554. {block:Pagination}
  555. <div class="pagination">
  556. {block:PreviousPage} <a href="{PreviousPage}"><font size="2">« </font></a>{/block:PreviousPage}
  557. {block:JumpPagination length="5"}
  558. {block:CurrentPage}
  559. <span class="current_page">{PageNumber}&nbsp;</span>
  560. {/block:CurrentPage}
  561. {block:JumpPage}
  562. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  563. {/block:JumpPage}
  564. {/block:JumpPagination}
  565. {block:NextPage}<a href="{NextPage}"><font size="2">» </font></a>{/block:NextPage}
  566. </div>
  567. {/block:Pagination}
  568. </center>
  569. </div>
  570. </div>
  571. </div>
  572. </div>
  573.  
  574.  
  575.  
  576. <div id="content">
  577. {block:Posts}
  578. <div id="entry">
  579. {block:IndexPage}
  580. <div class="permalink">
  581. <a href="{permalink}">{NoteCountWithLabel}</a> • <a href="{reblogurl}" target="_blank">reblog</a></div>
  582. {/block:IndexPage}
  583.  
  584. {block:Text}{block:Title}<span class="posttitle">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>{/block:text}
  585.  
  586. {block:Link}<a href="{URL}" class="posttitle">{Name}</a>{block:Description}{Description}{/block:Description}{/block:link}
  587.  
  588. {block:Photo}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/></a>{LinkCloseTag}</center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photo}
  589.  
  590. {block:Photoset}<center>{Photoset-500}</center></span>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photoset}
  591.  
  592. {block:Quote}<span class="posttitle">{Quote}</span>{block:Source}<i> - {Source}</i>{/block:Source}<br>{/block:Quote}
  593.  
  594. {block:Chat}{block:title}<div id="title">{Title}<br></div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  595. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  596.  
  597. {block:Audio}{block:albumart}<div class="albumart"><img src="{albumarturl}" align="left"></div>{/block:albumart}<div style="width: 300px; height: 20px;">{AudioPlayerGrey}</div><BR>{block:TrackName}<span><strong>Title</strong>:
  598. {TrackName}</span>{/block:TrackName}<br>
  599. {block:Artist}<span><strong>Artist:</strong>
  600. {Artist}</span>{/block:Artist}<br>
  601. {block:Caption}{Caption}{/block:Caption}
  602. {/block:Audio}
  603.  
  604. {block:Video}<center>{Video-500}<BR></center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Video}
  605.  
  606.  
  607.  
  608. {block:Answer}
  609. <div class="question">
  610. <div class="questionarrow">▼</div>
  611. {Question}
  612. </div>
  613. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  614. <div class="answer">{Answer}</div>
  615. {/block:answer}
  616.  
  617. {block:HasTags}<div class="tags"> tags: {block:Tags}<a href="{TagURL}" target="_blank">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  618. </center>
  619.  
  620. {block:PermalinkPage}
  621. <div id="permapage"><Br>{block:Date}{Month} {DayofMonth},{Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}</div>
  622. {/block:PermalinkPage}
  623.  
  624. {block:PostNotes}{PostNotes}
  625. {/block:PostNotes}</div>{/block:Posts}
  626.  
  627.  
  628. </div></div>
  629. </div>
  630. </body>
  631. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement