Advertisement
CrystalSkyThemes

Theme 62#

Jul 6th, 2013
803
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  1. <!--
  2. THEME BY CRYSTAL SKY (BLISSFULADVICE / ITSYOURBLESSING)
  3. DO NOT TAKE CREDIT OFF AND IF YOU DO PUT IT IN YOUR FAQ
  4. I WILL FIND YOU IF YOU TAKE IT OFF AND MAKE SURE YOU PUT IT BACK
  5. HAVE A VERY NICE DAY AND THANK YOU FOR USING MY THEME IT MEANS ALOT TO ME
  6. ANY PROBLEMS WITH IT JUST MESSAGE ME AT CRYSTALSKYTHEMES.TUMBLR.COM
  7. - XO CRYSTAL SKY
  8. -->
  9.  
  10. <html lang="en">
  11.  
  12. <head>
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#aaa"/>
  16. <meta name="color:Link" content="#80060a"/>
  17. <meta name="color:Hover" content="#000"/>
  18. <meta name="color:navi hover" content="" />
  19. <meta name="color:scrollbar" content="" />
  20. <meta name="image:Background" content=""/>
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="color:title" content="#000" />
  23. <meta name="text:Link1 Url" content="/" />
  24. <meta name="text:Link1 Title" content="Link 1" />
  25. <meta name="text:Link2 Url" content="/" />
  26. <meta name="text:Link2 Title" content="Link 2" />
  27. <meta name="text:Link3 Url" content="/" />
  28. <meta name="text:Link3 Title" content="Link 3" />
  29. <meta name="text:Link4 Url" content="/" />
  30. <meta name="text:Link4 Title" content="Link 4" />
  31. <meta name="text:Link5 Url" content="/" />
  32. <meta name="text:Link5 Title" content="Link 5" />
  33. <meta name="if:one column" content="0"/>
  34. <meta name="if:two column" content="1"/>
  35. <meta name="if:three column" content="0"/>
  36.  
  37.  
  38.  
  39. </script>
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. body{
  45. margin:5px;
  46. background-color: {color:Background};
  47. background-image:url({image:Background});
  48. background-attachment: fixed;
  49. background-repeat: repeat;
  50. font-size: 8px;
  51. font-family: arial;
  52. line-height:8px;
  53. color:{color:Text};
  54. }
  55.  
  56. 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;}
  57.  
  58. 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;}
  59.  
  60. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  61.  
  62. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  63.  
  64. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  65.  
  66.  
  67. a:link, a:active, a:visited{
  68. color:{color:link};
  69. text-decoration: none;
  70. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  71. }
  72. a:hover {
  73. color:{color:hover};
  74. text-decoration: none;
  75. text-shadow:0px 0px 2px #000;
  76. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  77. }
  78.  
  79. #cunt{width:250px; height:auto;}
  80. {block:PermalinkPage}
  81. width:410px;
  82. {/block:PermalinkPage}
  83. }
  84.  
  85. #center{
  86. padding-top:3px;
  87. padding-bottom:3px;
  88. position:fixed !important;
  89. width:250px;
  90. height:207px;
  91. background-color:#fff;
  92. {block:PermalinkPage}
  93. width:410px;
  94. height:207px;
  95. {/block:PermalinkPage}
  96. }
  97.  
  98. #posts{
  99. float:center;
  100. {block:indexpage}
  101. {block:ifonecolumn}
  102. width:285px;
  103. margin-left:297px;
  104. {/block:ifonecolumn}
  105. {block:iftwocolumn}
  106. width:570px;
  107. margin-left:360px;
  108. {/block:iftwocolumn}
  109. {block:ifthreecolumn}
  110. width:855px;
  111. margin-left:310px;
  112. {/block:ifthreecolumn}
  113. {/block:indexpage}
  114. {block:permalinkpage}
  115. {block:ifonecolumn}
  116. margin-left:400px;
  117. {/block:ifonecolumn}
  118. {block:iftwocolumn}
  119. margin-left:400px;
  120. {/block:iftwocolumn}
  121. {block:ifthreecolumn}
  122. margin-left:400px;
  123. {/block:ifthreecolumn}
  124. {/block:permalinkpage}
  125. margin-top:-6px;}
  126.  
  127. #sidebarimg {
  128. margin-bottom:3px;
  129. padding:5px;
  130. margin-top:170px;}
  131.  
  132. #sidebarimg img {
  133. max-width:120px;
  134. height: auto;
  135. border:6px solid #f7f7f7;}
  136.  
  137. #sidebar {width:140px;
  138. margin-left:50px;
  139. height:100%;
  140. margin-top:0px;
  141. position:fixed;
  142. overflow:hidden;
  143. margin-left:100px;
  144. background-color: white;
  145. padding:3px;
  146. border-left:1px solid #f7f7f7;
  147. border-right:1px solid #f7f7f7;}
  148.  
  149. #side2 {width:120px;
  150. height:100%;
  151. margin-top:0px;
  152. position:fixed;
  153. overflow:hidden;
  154. {block:ifonecolumn}
  155. margin-left:600px;
  156. {/block:ifonecolumn}
  157. {block:iftwocolumn}
  158. margin-left:950px;
  159. {/block:iftwocolumn}
  160. {block:ifthreecolumn}
  161. margin-left:1100px;
  162. {/block:ifthreecolumn}
  163. {/block:indexpage}
  164. {block:PermalinkPage}
  165. margin-left:900px;
  166. background-color:white;
  167. {/block:PermalinkPage}
  168. background-color: white;
  169. padding:3px;
  170. border-left:1px solid #f7f7f7;
  171. border-right:1px solid #f7f7f7;
  172. z-index:9999999999999999999999}
  173.  
  174.  
  175. #links {
  176. background-color:transparent;
  177. width:120px;
  178. padding:4px;
  179. text-align:left;
  180. font-size:12px;
  181. font-family:calibri;
  182. overflow:hidden;
  183. text-transform:uppercase;
  184. line-height:7px;
  185. z-index:9999999999999999999999;
  186. margin-top:190px;-webkit-transition: opacity 0.5s linear;
  187. -webkit-transition: all 0.5s linear;
  188. -moz-transition: all 0.5s linear;
  189. transition: all 0.5s linear;}
  190.  
  191. #links a{display:block;
  192. border-bottom:1px solid #ddd;
  193. padding:4px;
  194. width:120px;-webkit-transition: opacity 0.5s linear;
  195. -webkit-transition: all 0.5s linear;
  196. -moz-transition: all 0.5s linear;
  197. transition: all 0.5s linear;}
  198.  
  199. #links a:hover {padding-left:65px;
  200. background-color:{color:navi hover};
  201. color:#fff;}
  202.  
  203.  
  204. #description {font-family:calibri;
  205. font-size:10px;
  206. line-height:10px;
  207. border-top:1px solid #f7f7f7;
  208. text-align:center;
  209. margin-bottom: 2px;
  210. padding:5px;
  211. text-align:center;
  212. color:{color:Text};}
  213.  
  214. askk {
  215. font-family: calibri;
  216. text-transform:uppercase;
  217. text-decoration:underline;
  218. color: {color:Title};
  219. font-size:15px;
  220. z-index:1;
  221. }
  222.  
  223. #entry {
  224. margin:11px;
  225. float:left;
  226. padding:15px;
  227. padding-bottom:15px;
  228. background:white;
  229. font-size:10px;
  230. font-family:calibri;
  231. line-height:12px;
  232. border:1px solid #f7f7f7;
  233. border-radius:18px;
  234. {block:indexpage}
  235. {block:ifonecolumn}
  236. width:200px;
  237. {/block:ifonecolumn}
  238. {block:iftwocolumn}
  239. width:200px;
  240. {/block:iftwocolumn}
  241. {block:ifthreecolumn}
  242. width:200px;
  243. {/block:ifthreecolumn}
  244. {/block:indexpage}
  245. {block:PermalinkPage}
  246. width:400px;
  247. {/block:PermalinkPage}
  248. }
  249.  
  250.  
  251. #entry img{
  252. {block:indexpage}
  253. {block:ifonecolumn}
  254. width:200px;
  255. {/block:ifonecolumn}
  256. {block:iftwocolumn}
  257. width:200px;
  258. {/block:iftwocolumn}
  259. {block:ifthreecolumn}
  260. width:200px;
  261. {/block:ifthreecolumn}
  262. {/block:indexpage}
  263. {block:permalinkpage}
  264. max-width:400px;
  265. {/block:permalinkpage}
  266. border-radius:15px;
  267. }
  268.  
  269. #entry .perma a{
  270. color:;}
  271.  
  272. .permalink {
  273. display: block;
  274. border-top: 1px solid #ddd;
  275. padding: 3px;
  276. margin: 4px 8px 0px 8px;
  277. font-family: arma;
  278. font-size: 8px;
  279. color: #424242;
  280. line-height: 18px;
  281. text-align: center;
  282. text-decoration: none;
  283. -webkit-transition: color 0.9s ease-out;
  284. -moz-transition: color 0.9s ease-out;
  285. }
  286.  
  287. #entry .perma a{
  288. color:;
  289. -webkit-transition: color 0.9s ease-out;
  290. -moz-transition: color 0.9s ease-out;
  291. }
  292.  
  293.  
  294. #entry .perma{
  295. width:200px;
  296. height: 15px;
  297. font-family:calibri;
  298. font-size: 8px;
  299. text-transform:uppercase;
  300. position: absolute;
  301. line-height: 15px;
  302. text-align: center;
  303. overflow:hidden;
  304. opacity: 0.0;
  305. background-color:#fff;
  306. letter-spacing:0px;
  307. margin-top:0px;
  308. margin-left: 0px;
  309. padding-bottom:1px;
  310. padding:3px;padding:5px;
  311. line-height:10px;
  312. letter-spacing:1px;
  313. border-radius: 0px;
  314. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  315. -webkit-transition: all 0.5s linear;
  316. -moz-transition: all 0.5s linear;
  317. transition: all 0.5s linear;
  318. }
  319.  
  320. #entry:hover .perma{
  321. overflow:visible;
  322. margin-top:0px;
  323. border-top-right-radius: 0px;
  324. border-bottom-left-radius: 0px;
  325. -webkit-transition: all 0.5s linear; opacity: 0.95;
  326. -webkit-transition: all 0.5s linear;
  327. -moz-transition: all 0.5s linear;
  328. transition: all 0.5s linear;
  329. }
  330. .permalinktext{
  331. display: block;
  332. font-family:calibri;
  333. font-size:8px;
  334. line-height:10px;
  335. letter-spacing:1px;
  336. text-transform:uppercase;
  337. text-align: right;
  338. background-color:transparent;
  339. margin: 2px;
  340. margin-top:5px;
  341. border-top: 1px solid #ddd;
  342. }
  343.  
  344. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  345.  
  346. .title{
  347. font-family: calibri;
  348. font-size: 15px;
  349. line-height: 15px;
  350. text-transform:uppercase;
  351. color:{color:Title};
  352. letter-spacing: 0px;
  353. font-weight: normal;
  354. padding:0px 0px 0px 0px;
  355. }
  356. #postnotes{
  357. text-align: left;}
  358.  
  359. #postnotes blockquote{
  360. border: 1px;}
  361.  
  362.  
  363. blockquote{
  364. padding:0px 0px 2px 5px;
  365. margin:0px 0px 2px 10px;
  366. border-left: 1px solid #555555;
  367. }
  368. ul, ol, li{
  369. list-style:none;
  370. margin:0px;
  371. padding:0px
  372. }
  373.  
  374. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  375. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  376. }
  377.  
  378. #hi {background-color:white;
  379. position:fixed;
  380. font-family:calibri;
  381. font-size:8px;
  382. padding:10px;
  383. text-transform:uppercase;
  384. font-weight:bold;
  385. border:1px solid #ddd;
  386. bottom:-1px;
  387. border-top-left-radius:5px;
  388. border-top-right-radius:5px;
  389. z-index:999999999999999;}
  390.  
  391. #audio {
  392. width:200px;
  393. height:auto;
  394. min-height:60px;
  395. padding-bottom:0px;
  396. }
  397. .cover {
  398. position:absolute;
  399. z-index:1;
  400. width:60px;
  401. height:60px;
  402. }
  403. .cover img {
  404. float:left;
  405. width:60px;
  406. height:60px;
  407. }
  408. .playbox {
  409. opacity:0.6;
  410. width:27px;
  411. height:30px;
  412. overflow:hidden;
  413. position:absolute;
  414. z-index:1000;
  415. margin-left:17px;
  416. margin-top:17px;
  417. text-align:center;
  418. }
  419. .info {
  420. margin-left:73px;
  421. margin-top:4px;
  422. line-height:14px;
  423. }
  424.  
  425.  
  426. </style>
  427. <title>{title}</title>
  428. <link rel="shortcut icon" href="{favicon}">
  429. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  430. <meta name="viewport" content="width=720" />
  431. </head>
  432. <body onkeydown="return false">
  433. <div id="center">
  434. <div id="content">
  435. <div id="under">
  436. </div>
  437.  
  438.  
  439.  
  440. </div>
  441.  
  442. <div id="sidebar">
  443. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  444.  
  445. <div id="description">{block:Description}{Description}{/block:Description}</div></div>
  446.  
  447. <div id="side2">
  448. <div id="links">
  449. <a href="{text:Link1 Url}">{text:Link1 Title}</a><br><br>
  450. <a href="{text:Link2 Url}">{text:Link2 Title}</a><br><br>
  451. <a href="{text:Link3 Url}">{text:Link3 Title}</a><br><br>
  452. <a href="{text:Link4 Url}">{text:Link4 Title}</a><Br><br>
  453. <a href="{text:Link5 Url}">{text:Link5 Title}</a></div></div>
  454.  
  455. <div id="posts">
  456. {block:Posts}
  457. <div id="entry">
  458.  
  459. {block:Text}
  460. {block:Title}<span class="title">{Title}</span>{/block:Title}
  461. <span class="entrytext">{Body}</span>
  462. <div class="permalinktext">
  463. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  464. </div>
  465. {/block:Text}
  466.  
  467. {block:Link}
  468. <a href="{URL}" class="title">{Name}</a>
  469. {block:Description}{Description}{/block:Description}
  470. <div class="permalinktext">
  471. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  472. </div>
  473. {block:Link}
  474.  
  475. {block:Photo}{block:IndexPage}
  476. <div class="perma">
  477. {DayOfWeek} -
  478. <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div>
  479. {/block:IndexPage}
  480. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}
  481. {/block:Photo}
  482.  
  483.  
  484. {block:Photoset}
  485. <center>
  486. {block:IndexPage}
  487. <div class="perma">
  488. {DayOfWeek} -
  489. <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div>
  490. </div>
  491. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  492. {/block:IndexPage}
  493. </center>
  494. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  495. {/block:Photoset}
  496.  
  497. {block:Quote}
  498. <span class="entrytext">{Quote}</span>
  499. {block:Source}<b>- <a href="{Permalink}">{Source}</a></b>{/block:Source}
  500. <div class="permalinktext">
  501. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  502. </div>
  503. {/block:Quote}
  504.  
  505. {block:Chat}
  506. {block:Title}<span class="title">{Title}</span>{/block:Title}
  507. <ul class="chat">
  508. {block:Lines}
  509. <li class="user_{UserNumber}">
  510. {block:Label}
  511. <span class="label">{Label}</span>
  512. {/block:Label}
  513.  
  514. {Line}
  515. </li>
  516. {/block:Lines}
  517. </ul>
  518. <div class="permalinktext">
  519. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  520. </div>
  521. {/block:Chat}
  522.  
  523.  
  524. {block:Audio}
  525. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  526. {block:IndexPage}
  527. <div class="permalinktext">
  528. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  529. </div>
  530. {/block:IndexPage}
  531. {/block:Audio}
  532.  
  533. {block:Video}
  534. <center>
  535. {block:IndexPage}
  536. <div class="perma">
  537. {DayOfWeek} -
  538. <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div>
  539. </div>
  540. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  541. {/block:IndexPage}
  542. </center>
  543. <center>{block:PermalinkPage}<div style="width: 400px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  544. {block:Video}
  545.  
  546. {block:Answer}
  547. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; text-transform:normal; font-size:10px; font-family: calibri; border-radius:5px;">
  548. <askk>{asker}</askk>: {Question}</div>
  549. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; text-transform:normal; font-size:10px; font-family: calibri;background: transparent;">{Answer}</div>
  550. {block:IndexPage}
  551. <div class="permalinktext">
  552. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  553. </div>
  554. {/block:indexpage}
  555. {/block:Answer}
  556.  
  557. {block:PostNotes}<div align="middle">{caption}</div>
  558. <center>
  559.  
  560. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  561.  
  562. {block:HasTags}
  563. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  564. {block:RebloggedFrom}
  565. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  566. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  567.  
  568. {/block:RebloggedFrom}
  569. </center></span>
  570. <br>
  571. <div id="postnotes">{PostNotes}</div><br>
  572.  
  573. <center>{block:ContentSource}
  574. <br><a href="{SourceURL}">
  575. {lang:Source}:
  576. {block:SourceLogo}
  577. <img src="{BlackLogoURL}" width="{LogoWidth}"
  578. height="{LogoHeight}" alt="{SourceTitle}" />
  579. {/block:SourceLogo}
  580. {block:NoSourceLogo}
  581. {SourceLink}
  582. {/block:NoSourceLogo}
  583. </a>
  584. {/block:ContentSource}</center>
  585.  
  586. {/block:PostNotes}
  587. </div>
  588. {/block:Posts}
  589. </div></div>
  590.  
  591. {block:indexpage}
  592. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  593. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  594. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  595. <script type="text/javascript">
  596. $(window).load(function(){
  597. var $wall = $('#posts');
  598. $wall.imagesLoaded(function(){
  599. $wall.masonry({
  600. itemSelector: '#entry, #entry_photo',
  601. isAnimated : false
  602. });
  603. });
  604.  
  605. $wall.infinitescroll({
  606. navSelector : '#page-nav',
  607. nextSelector : '#page-nav a',
  608. itemSelector : '#entry, #entry_photo',
  609. bufferPx : 2000,
  610. debug : false,
  611. errorCallback: function() {
  612. $('#infscr-loading').fadeOut('normal');
  613. }},
  614. function( newElements ) {
  615. var $newElems = $( newElements );
  616. $newElems.hide();
  617. $newElems.imagesLoaded(function(){
  618. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  619. });
  620. }); $('#content').show(500);
  621. });
  622. </script>
  623. {/block:indexpage}
  624.  
  625. <BODY onselectstart="return false;" ondragstart="return false;">
  626.  
  627.  
  628. </body>
  629. <div id="hi">
  630. <a href="http://crystalskythemes.tumblr.com/">C R E D I T </a></div>
  631.  
  632. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement