API tools faq
paste
Advertisement
lilyc1342

Cobalt

lilyc1342
May 3rd, 2014
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.53 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. By Solus Themes
  3.  
  4. Rules of the road:
  5. 1. Do not remove the credit
  6. 2. Do not use as a base code
  7. 3. Do not take bits of code
  8. Must like and reblog the theme post before using the theme!
  9. -->
  10.  
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  17.  
  18. <!-- tooltip-->
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20.  
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22.  
  23. <script>
  24.  
  25. (function($){
  26.  
  27. $(document).ready(function(){
  28.  
  29. $("a[title]").style_my_tooltips({
  30.  
  31. tip_follows_cursor:true,
  32.  
  33. tip_delay_time:40,
  34.  
  35. tip_fade_speed:400,
  36.  
  37. attribute:"title"
  38.  
  39. });
  40.  
  41. });
  42.  
  43. })(jQuery);
  44.  
  45. </script>
  46.  
  47.  
  48. </head>
  49. <body>
  50. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  51.  
  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. <!--fun stuff-->
  57. <meta name="color:Background" content="#ffffff"/>
  58. <meta name="color:Text" content="#000000"/>
  59. <meta name="color:Link" content="#000000"/>
  60. <meta name="color:Tags" content="#f0f0f0"/>
  61. <meta name="color:Hover" content="#f2f2f2"/>
  62. <meta name="color:Line" content="#f2f2f2"/>
  63. <meta name="color:Border" content="#ffffff"/>
  64. <meta name="color:Post" content="#ffffff"/>
  65. <meta name="color:Asker" content="#f8f8f8"/>
  66. <meta name="color:description" content="#000000"/>
  67. <meta name="color:Title" content="#000000"/>
  68.  
  69. <meta name="image:bg" content=""/>
  70. <meta name="image:header" content=""/>
  71. <meta name="if:Show header" content="0" />
  72.  
  73. <meta name="text:Link 1" content="" />
  74. <meta name="text:Link 1 Text" content="" />
  75. <meta name="text:Link 1 Title" content="" />
  76. <meta name="text:Link 2" content="" />
  77. <meta name="text:Link 2 Text" content="" />
  78. <meta name="text:Link 2 Title" content="" />
  79. <meta name="text:Link 3" content="" />
  80. <meta name="text:Link 3 Text" content="" />
  81. <meta name="text:Link 3 Title" content="" />
  82. <meta name="text:Link 4" content="" />
  83. <meta name="text:Link 4 Text" content="" />
  84. <meta name="text:Link 4 Title" content="" />
  85. <meta name="text:Link 5" content="" />
  86. <meta name="text:Link 5 Text" content="" />
  87. <meta name="text:Link 5 Title" content="" />
  88. <meta name="text:Link 6" content="" />
  89. <meta name="text:Link 6 Text" content="" />
  90. <meta name="text:Link 6 Title" content="" />
  91. <meta name="text:Link 7" content="" />
  92. <meta name="text:Link 7 Text" content="" />
  93. <meta name="text:Link 7 Title" content="" />
  94. <meta name="text:Link 8" content="" />
  95. <meta name="text:Link 8 Text" content="" />
  96. <meta name="text:Link 8 Title" content="" />
  97. <meta name="if:Show Link 1" content="1" />
  98. <meta name="if:Show Link 2" content="1" />
  99. <meta name="if:Show Link 3" content="1" />
  100. <meta name="if:Show Link 4" content="1" />
  101. <meta name="if:Show Link 5" content="1" />
  102. <meta name="if:Show Link 6" content="1" />
  103. <meta name="if:Show Link 7" content="1" />
  104. <meta name="if:Show Link 8" content="1" />
  105. <meta name="color:scrollbarbg" content="ffffff"/>
  106.  
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /* --- SCROLLBAR ---*/
  112.  
  113. ::-webkit-scrollbar {
  114. width: 6px;height: 5px;
  115. }
  116. ::-webkit-scrollbar-button:start:decrement,
  117. ::-webkit-scrollbar-button:end:increment {
  118. height: 6px;display: block;background-color: {color:white};
  119. }
  120. ::-webkit-scrollbar-track-piece {
  121. background-color: {color:scrollbarbg};
  122. }
  123. ::-webkit-scrollbar-thumb:vertical {
  124. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};
  125. }
  126.  
  127. /* --- BODY ---*/
  128. body {
  129. background-color:{color:background};
  130. margin: 0px;
  131. background:url('{image:bg}')no-repeat center center fixed;
  132. -webkit-background-size: cover;
  133. -moz-background-size: cover;
  134. -o-background-size: cover;
  135. background-size: cover;
  136. color: {color:text};
  137. font-family:times;
  138. font-size:11px;
  139. line-height:100%;
  140. }
  141. img {
  142. border:none;
  143. }
  144. a {
  145. text-decoration:none;
  146. text-align:left;
  147. outline:none;
  148. color:{color:Link};
  149. }
  150. a:hover {
  151. color:000000;
  152. }
  153. blockquote {
  154. padding-left:5px;
  155. border-left:3px solid;
  156. }
  157. blockquote blockquote {
  158. padding-left:5px;
  159. border-left:3px solid;
  160. }
  161. h1 {
  162. font-size:11px;
  163. text-transform:uppercase;
  164. }
  165. /*--Posts!--*/
  166. #entries {
  167. width:500px;
  168. margin-left:500px;
  169. margin-top:50px;
  170. font-size:10px;
  171. padding-top:50px;
  172. }
  173. #post {
  174. width:500px;
  175. padding:5px;
  176. padding-bottom:75px;
  177. }
  178.  
  179. /*--Messages--*/
  180. #asker {
  181. padding:10px;
  182. font-family:times;
  183. letter-spacing:1px;
  184. text-align:left;
  185. font-style:italic;
  186. margin-left:0px;
  187. background-color:{color:Asker};
  188. }
  189. /*--header--*/
  190.  
  191. #header {
  192. width:200px;
  193. opacity:.80;
  194. margin-left:150px;
  195. margin-top:200px;
  196. padding:0px 50px 70px 0px;
  197. position:fixed;
  198. text-align:center;
  199. }
  200. #header img {
  201. width:200px;
  202. padding:5px;
  203. padding-bottom:10px;
  204. }
  205. #title {
  206. position:relative;
  207. font-family: 'Poiret One', cursive;
  208. line-height:100%;
  209. font-size:22px;
  210. font-weight:90%;
  211. text-transform:lowercase;
  212. width:200px;
  213. margin-top:0px;
  214. padding:0px;
  215. text-align:center;
  216. color:{color:Title};
  217. }
  218. #description {
  219. position:relative;
  220. font-family: 'Cutive Mono', '';
  221. line-height:100%;
  222. font-size:10px;
  223. font-style:normal;
  224. width:200px;
  225. padding-top:0px;
  226. letter-spacing:-1px;
  227. margin-left:5px;
  228. margin-top:0px;
  229. text-align:center;
  230. transition-duration: 0.8s;
  231. -moz-transition-duration: 0.8s;
  232. -webkit-transition-duration: 0.8s;
  233. -o-transition-duration: 0.8s;
  234. color:{color:description};
  235. opacity:0;
  236. }
  237. #header:hover #description {
  238. opacity:1;
  239. }
  240.  
  241. .links {
  242. font-family: 'Poiret One', cursive;
  243. font-size:9px;
  244. color:{color:Link};
  245. text-transform:lowercase;
  246. margin-top:-3px;
  247. padding:5px;
  248. letter-spacing: 1px;
  249. width:200px;
  250. text-align:center;
  251. margin-left:0px;
  252. }
  253. .links a{
  254. padding: 1px;
  255. line-height:15px;
  256. font-size:25px;
  257. transition-duration: 0.8s;
  258. -moz-transition-duration: 0.8s;
  259. -webkit-transition-duration: 0.8s;
  260. -o-transition-duration: 0.8s;
  261.  
  262. }
  263. .links a:hover{
  264. text-shadow: 3px 3px 3px #ababab;
  265. }
  266. /*--Info!--*/
  267. #info {
  268. text-align:left;
  269. text-transform:none;
  270. font-size:8px;
  271. padding:0px 5px;
  272. font-style:none;
  273. margin-top:10px;
  274. border-top:1px solid {color:Line};
  275. opacity:0;
  276. transition-duration: 0.8s;
  277. -moz-transition-duration: 0.8s;
  278. -webkit-transition-duration: 0.8s;
  279. -o-transition-duration: 0.8s;
  280. }
  281.  
  282. #post:hover #info {
  283. opacity:1;
  284. transition-duration: 0.8s;
  285. -moz-transition-duration: 0.8s;
  286. -webkit-transition-duration: 0.8s;
  287. -o-transition-duration: 0.8s;
  288. }
  289. /*--Tags!--*/
  290. #tags {
  291. opacity:1;
  292. float:right;
  293. }
  294. #tags a{
  295. padding-left:3px;
  296. transition-duration: 0.8s;
  297. -moz-transition-duration: 0.8s;
  298. -webkit-transition-duration: 0.8s;
  299. -o-transition-duration: 0.8s;
  300. }
  301. #tags a:hover{
  302. color:{color:Hover};
  303. transition-duration: 0.8s;
  304. -moz-transition-duration: 0.8s;
  305. -webkit-transition-duration: 0.8s;
  306. -o-transition-duration: 0.8s;
  307. }
  308.  
  309.  
  310. /*--Pagination!--*/
  311. #pagination {
  312. float:right;
  313. text-transform:lowercase;
  314. font-size:8px;
  315. position:fixed;
  316. padding-bottom:100px;
  317. text-align:left;
  318. font-style:italic;
  319. margin-left:85px;
  320. margin-top:15px;
  321. color:#000;
  322. opacity:0;
  323. transition-duration: 0.8s;
  324. -moz-transition-duration: 0.8s;
  325. -webkit-transition-duration: 0.8s;
  326. -o-transition-duration: 0.8s;
  327. }
  328. #pagination a {
  329. margin:5px 60px;
  330. margin-left:-20px;
  331. display:inline-block;
  332. text-decoration:none;
  333. padding-bottom:100px;
  334. margin-top:10px;
  335. }
  336. #header:hover #pagination {
  337. opacity:1;
  338. }
  339.  
  340. /*tooltip*/
  341. #s-m-t-tooltip {
  342.  
  343. max-width:300px;
  344.  
  345. opacity:1;
  346.  
  347. padding:3px 4px 5px 4px;
  348.  
  349. margin:-30px 0px -10px 10px;
  350.  
  351. background-color:{color:background}; /* change the background color */
  352.  
  353. border:0.5px solid; /* change the border color */
  354.  
  355. font-family: 'Cutive Mono', ''; /* change the font */
  356.  
  357. font-size:9px; /* change the font size */
  358.  
  359. letter-spacing:2px; /* change the letter spacing */
  360.  
  361. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  362.  
  363. color:{color:Link}; /* change the text color */
  364.  
  365. z-index:1000;
  366.  
  367. }
  368.  
  369. {CustomCSS}
  370.  
  371.  
  372. </style>
  373. </head>
  374.  
  375. <body>
  376.  
  377.  
  378. <div id="header">
  379. {block:IfShowHeader}<a href="/"><img src="{image:header}"/></a>{/block:IfShowHeader}
  380. <div id="title">
  381. <div class="links">
  382. {block:IfShowLink1}<a href="{text:Link 1}" title ="{text:Link 1 Title}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  383. {block:IfShowLink2}<a href="{text:Link 2}" title ="{text:Link 2 Title}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  384. {block:IfShowLink3}<a href="{text:Link 3}" title ="{text:Link 3 Title}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  385. {block:IfShowLink4}<a href="{text:Link 4}" title ="{text:Link 4 Title}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  386. {block:IfShowLink5}<a href="{text:Link 5}" title ="{text:Link 5 Title}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  387. {block:IfShowLink6}<a href="{text:Link 6}" title ="{text:Link 6 Title}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  388. {block:IfShowLink7}<a href="{text:Link 7}" title ="{text:Link 7 Title}">{text:Link 7 Text}</a>{/block:IfShowLink7}
  389. {block:IfShowLink8}<a href="{text:Link 8}" title ="{text:Link 8 Title}">{text:Link 8 Text}</a>{/block:IfShowLink8}
  390. </div>
  391. </div>
  392. <div id="description">
  393. {Description}
  394. </div>
  395.  
  396. <div id="pagination">
  397. {block:Pagination}
  398. {block:PreviousPage}
  399. <a href="{PreviousPage}">Back</a>
  400. {/block:PreviousPage}
  401. {block:NextPage}
  402. <a href="{NextPage}">Forth</a>
  403. {/block:NextPage}
  404. {/block:Pagination}
  405. </div>
  406.  
  407. </div>
  408.  
  409. <div id="entries">
  410. {block:Posts}<div id="post">
  411.  
  412. {block:Text}
  413. <h1>{block:Title}{Title}{/block:Title}</h1>
  414. {Body}
  415. {/block:Text}
  416.  
  417. {block:Photo}
  418. {LinkOpenTag}
  419. <img src="{PhotoURL-500}">
  420. {LinkCloseTag}
  421. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  422. {/block:Photo}
  423.  
  424. {block:Photoset}
  425. {Photoset-500}
  426. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  427. {/block:Photoset}
  428.  
  429. {block:Quote}<div style="font-size:15px;text-align:center;">"{Quote}"</div>{/block:Quote}
  430.  
  431. {block:Link}
  432. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  433. {block:Description}{Description}{/block:Description}
  434. {/block:Link}
  435.  
  436. {block:Chat}
  437. {block:Title}<h1>{Title}</h1>{/block:Title}
  438. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  439. {Line}<br>{/block:Lines}
  440. {/block:Chat}
  441.  
  442. {block:Audio}
  443. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />
  444. {/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  445. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  446. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  447. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  448. {/block:Audio}
  449.  
  450. {block:Video}
  451. {Video-500}
  452. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  453. {/block:Video}
  454.  
  455. {block:Answer}
  456. <div id="asker">
  457. <span style="font-family:modern;font-size:10px;font-style:italic;">{Asker}: </span>{Question}</div><left><font face="modern"><div style="margin-left:5px">{Answer}</div></font>
  458. {/block:Answer}
  459.  
  460. <div id="info">
  461. <br><a href="{Permalink}">{Month}, {DayOfMonth}, {Year}</a> {block:PermalinkPage}{block:RebloggedFrom} Reblogged from<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">created by <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:PermalinkPage}
  462. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  463.  
  464. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  465.  
  466. {/block:Posts}
  467.  
  468.  
  469. </div>
  470. </div>
  471. </div></div>
  472.  
  473.  
  474. </p>
  475. <!--
  476. THEME MAKER CREDIT: DO NOT DELETE
  477. -->
  478.  
  479. <div style="position:fixed;bottom:3px; right:3px; font-size:8px; letter-spacing:1px; font-family:modern;"><a href="http://boromihrs.tumblr.com/">© solus</a></center></div>
  480. </body>
  481. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!