API tools faq
paste
Advertisement
rasperries

cute square theme

rasperries
Jul 29th, 2014
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.96 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=Poiret+One' rel='stylesheet' type='text/css'>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <!-- fonts -->
  24. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  27.  
  28. <!--fun stuff-->
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Boxbg" content="#ffffff"/>
  31. <meta name="color:Boxborder" content="#f9f9f9"/>
  32. <meta name="color:border" content="#f9f9f9"/>
  33. <meta name="color:Header" content="#ffffff"/>
  34. <meta name="color:Tags" content="#000000"/>
  35. <meta name="color:Text" content="#000000"/>
  36. <meta name="color:Link" content="#000000"/>
  37. <meta name="color:Info" content="#000000"/>
  38. <meta name="color:Hover" content="#f2f2f2"/>
  39. <meta name="color:Asker" content="#f8f8f8"/>
  40. <meta name="color:description" content="#000000"/>
  41. <meta name="color:Title" content="#000000"/>
  42.  
  43. <meta name="image:bg" content=""/>
  44. <meta name="image:boxbg" content=""/>
  45. <meta name="if:Show Title" content="1" />
  46. <meta name="if:Show Bg Image" content="0" />
  47. <meta name="if:Show Box Shadow" content="0" />
  48.  
  49. <meta name="text:Next Page" content="Next" />
  50. <meta name="text:Prev Page" content="Prev" />
  51. <meta name="text:Link 1" content="" />
  52. <meta name="text:Link 1 Text" content="" />
  53. <meta name="text:Link 2" content="" />
  54. <meta name="text:Link 2 Text" content="" />
  55. <meta name="text:Link 3" content="" />
  56. <meta name="text:Link 3 Text" content="" />
  57. <meta name="text:Link 4" content="" />
  58. <meta name="text:Link 4 Text" content="" />
  59. <meta name="text:Link 5" content="" />
  60. <meta name="text:Link 5 Text" content="" />
  61. <meta name="text:Link 6" content="" />
  62. <meta name="text:Link 6 Text" content="" />
  63. <meta name="text:Link 7" content="" />
  64. <meta name="text:Link 7 Text" content="" />
  65. <meta name="text:Link 8" content="" />
  66. <meta name="text:Link 8 Text" content="" />
  67. <meta name="if:Show Link 1" content="1" />
  68. <meta name="if:Show Link 2" content="1" />
  69. <meta name="if:Show Link 3" content="1" />
  70. <meta name="if:Show Link 4" content="1" />
  71. <meta name="if:Show Link 5" content="1" />
  72. <meta name="if:Show Link 6" content="1" />
  73. <meta name="if:Show Link 7" content="1" />
  74. <meta name="if:Show Link 8" content="1" />
  75. <meta name="color:scrollbarbg" content="#f3f3f3"/>
  76.  
  77.  
  78. <!-- tooltip-->
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80.  
  81. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  82.  
  83. <script>
  84.  
  85. (function($){
  86.  
  87. $(document).ready(function(){
  88.  
  89. $("a[title]").style_my_tooltips({
  90.  
  91. tip_follows_cursor:true,
  92.  
  93. tip_delay_time:40,
  94.  
  95. tip_fade_speed:400,
  96.  
  97. attribute:"title"
  98.  
  99. });
  100.  
  101. });
  102.  
  103. })(jQuery);
  104.  
  105. </script>
  106.  
  107. <!-- fade -->
  108. <script>
  109. $(document).ready(function(){
  110. $('#header').hide();
  111. $('#button').show()
  112. $('#button').click(function(){
  113. $('#header').fadeToggle('slow')
  114. });
  115. });
  116. </script>
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. /* --- SCROLLBAR ---*/
  130.  
  131. #entries::-webkit-scrollbar {
  132. width: 3px;height: 5px;
  133. }
  134. #entries::-webkit-scrollbar-button:start:decrement,
  135. #entries::-webkit-scrollbar-button:end:increment {
  136. height: 5px;display: block;background-color: {color:white};
  137. }
  138. #entries::-webkit-scrollbar-track-piece {
  139. background-color: {color:white};
  140. }
  141. #entries::-webkit-scrollbar-thumb:vertical {
  142. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};
  143. }
  144.  
  145. /* --- BODY ---*/
  146. body {
  147. background-color:{color:Background};
  148. margin: 0px;
  149. {block:IfShowBgImage}background:url('{image:bg}')no-repeat center center fixed;{/block:IfShowBgImage}
  150. -webkit-background-size: cover;
  151. -moz-background-size: cover;
  152. -o-background-size: cover;
  153. background-size: cover;
  154. color: {color:text};
  155. font-family:helvetica;
  156. font-size:9px;
  157. font-weight:lighter;
  158. line-height:15px;
  159. height:;
  160. }
  161. img {
  162. border:none;
  163. }
  164. a {
  165. text-decoration:none;
  166. font-weight:;
  167. text-align:left;
  168. outline:none;
  169. color:{color:Text};
  170. }
  171. a:hover {
  172. text-decoration:line-through;
  173. }
  174. blockquote {
  175. padding-left:10px;
  176. border-left:1px solid #eee;
  177. margin-left:15px;
  178. }
  179. blockquote blockquote {
  180. padding-left:5px;
  181. border-left:1px solid #eee;
  182. }
  183. h1 {
  184. font-size:9px;
  185. text-transform:uppercase;
  186. }
  187. #wrapper {
  188. width:590px;
  189. height:665px;
  190. margin:65px auto;
  191. background-color:{color:Boxbg};
  192. border:1px solid {color:border};
  193. {block:IfShowBoxShadow}box-shadow:10px 10px 2px rgba(0,0,0, 0.2);{/block:IfShowBoxShadow}
  194. }
  195. /*--Posts!--*/
  196. #entries {
  197. width:490px;
  198. height:525px;
  199. border:50px solid {color:boxborder};
  200. overflow-x:hidden;
  201. overflow-y:auto;
  202. text-align:left;
  203. position:relative;
  204. z-index:1;
  205. font-size:9px;
  206. padding-top:40px;
  207. color:{color:Text};
  208. background-color:{color:boxbg};
  209. background:url('{image:boxbg}')no-repeat center center fixed;
  210. -webkit-background-size: cover;
  211. -moz-background-size: cover;
  212. -o-background-size: cover;
  213. background-size: cover;
  214. font-family:helvetica;
  215.  
  216. }
  217.  
  218. #post {
  219. width:400px;
  220. padding:5px;
  221. padding-bottom:125px;
  222. margin:auto;
  223. }
  224.  
  225. /*--Messages--*/
  226. #asker {
  227. padding:10px;
  228. font-family:helvetica;
  229. letter-spacing:1px;
  230. text-align:left;
  231. font-style:italic;
  232. margin-left:0px;
  233. background-color:{color:Asker};
  234. }
  235. /*--header--*/
  236.  
  237. #button {
  238. width:20px;
  239. height:25px;
  240. position:fixed;
  241. margin-top:-35px;
  242. margin-left:505px;
  243. z-index:100;
  244. opacity:1;
  245. }
  246. #button img {
  247. width:20px;
  248. height:25px;
  249. }
  250. #button:hover {
  251. cursor:help;
  252. }
  253. #header {
  254. border:1px solid {color:Boxborder};
  255. margin-top:-40px;
  256. height:463px;
  257. width:488px;
  258. padding:30px 0px 70px 0px;
  259. text-align:center;
  260. position:fixed;
  261. margin-left:0px;
  262. background-color:{color:header};
  263. z-index:1;
  264. opacity:0.8;
  265.  
  266. }
  267.  
  268. #title {
  269. position:absolute;
  270. font-family: 'Comfortaa', cursive;
  271. line-height:100%;
  272. font-size:20px;
  273. font-weight:lighter;
  274. text-transform:uppercase;
  275. width:400px;
  276. letter-spacing:5px;
  277. margin-top:15px;
  278. margin-left:140px;
  279. padding:0px;
  280. display: inline-block;
  281. text-align:right;
  282. z-index:9999;
  283.  
  284. color:{color:Title};
  285. }
  286. #title a{
  287. transition-duration: 0.5s;
  288. -moz-transition-duration: 0.5s;
  289. -webkit-transition-duration: 0.5s;
  290. -o-transition-duration: 0.5s;
  291.  
  292. color:{color:Title};
  293.  
  294. }
  295. #title a:hover {
  296. letter-spacing:10px;
  297. text-decoration:none;
  298. }
  299. #description {
  300. display:block;
  301. font-family:helvetica;
  302. line-height:100%;
  303. font-size:10px;
  304. text-transform:lowercase;
  305. width:250px;
  306. padding:5px;
  307. margin:-385px auto;
  308. text-align:center;
  309. color:{color:description};
  310. opacity:1;
  311.  
  312.  
  313. }
  314.  
  315.  
  316. .links {
  317. font-family: helvetica;
  318. font-size:14px;
  319. color:{color:Link};
  320. text-transform:lowercase;
  321. padding:5px;
  322. letter-spacing: 1px;
  323. width:90px;
  324. height:200px;
  325. margin:150px auto;
  326. text-align:center;
  327. }
  328. .links a{
  329. padding: 20px 15px;
  330. line-height:25px;
  331. color:{color:Link};
  332. font-weight:normal;
  333. font-size:10px;
  334. transition-duration: 0.5s;
  335. -moz-transition-duration: 0.5s;
  336. -webkit-transition-duration: 0.5s;
  337. -o-transition-duration: 0.5s;
  338.  
  339. }
  340. .links a:hover{
  341. text-decoration:line-through;
  342. }
  343. /*--Info!--*/
  344. #info {
  345. text-align:left;
  346. text-transform:none;
  347. font-size:9px;
  348. padding:0px 5px 8px 5px;
  349. font-style:none;
  350. background-color:{color:Boxborder};
  351. margin-top:10px;
  352. color:{color:Info};
  353. font-weight:normal;
  354. opacity:0;
  355. transition-duration: 0.8s;
  356. -moz-transition-duration: 0.8s;
  357. -webkit-transition-duration: 0.8s;
  358. -o-transition-duration: 0.8s;
  359. }
  360.  
  361. #post:hover #info {
  362. opacity:1;
  363. font-weight:normal;
  364. transition-duration: 0.8s;
  365. -moz-transition-duration: 0.8s;
  366. -webkit-transition-duration: 0.8s;
  367. -o-transition-duration: 0.8s;
  368. }
  369. #info a:hover {
  370. text-decoration:line-through;
  371.  
  372. color:{color:Info};
  373. }
  374. /*--Tags!--*/
  375. #tags {
  376. opacity:1;
  377. float:right;
  378. }
  379. #tags a{
  380. padding-left:3px;
  381. font-weight:normal;
  382. color:{color:Tags};
  383. transition-duration: 0.8s;
  384. -moz-transition-duration: 0.8s;
  385. -webkit-transition-duration: 0.8s;
  386. -o-transition-duration: 0.8s;
  387. }
  388. #tags a:hover{
  389. text-decoration:line-through;
  390. transition-duration: 0.8s;
  391. color:{color:Info};
  392. -moz-transition-duration: 0.8s;
  393. -webkit-transition-duration: 0.8s;
  394. -o-transition-duration: 0.8s;
  395. }
  396. #notes ol {
  397. list-style:lower-roman;
  398. }
  399.  
  400. /*--Pagination!--*/
  401. #pagination {
  402. text-transform:lowercase;
  403. font-size:9px;
  404. padding-bottom:100px;
  405. color:{color:Link};
  406. position:fixed;
  407. top:694px;
  408. margin-left:-426px;
  409.  
  410. }
  411. #pagination a {
  412. padding:5px;
  413. border:1px solid {color:hover};
  414. text-decoration:none;
  415. display:inline-block;
  416. margin-left:426px;
  417. background-color:{color:Boxbg};
  418. transition-duration: 0.8s;
  419. -moz-transition-duration: 0.8s;
  420. -webkit-transition-duration: 0.8s;
  421. -o-transition-duration: 0.8s;
  422. }
  423. #pagination a:hover {
  424. border:1px solid #000;
  425. }
  426.  
  427.  
  428. /*tooltip*/
  429. #s-m-t-tooltip {
  430.  
  431. max-width:300px;
  432.  
  433. opacity:1;
  434.  
  435. padding:3px 4px 5px 4px;
  436.  
  437. margin:-30px 0px -10px 10px;
  438.  
  439. background-color:{color:background}; /* change the background color */
  440.  
  441. border:0.5px solid; /* change the border color */
  442.  
  443. font-family: helvetica; /* change the font */
  444.  
  445. font-size:9px; /* change the font size */
  446.  
  447. letter-spacing:2px; /* change the letter spacing */
  448.  
  449. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  450.  
  451. color:{color:Link}; /* change the text color */
  452.  
  453. z-index:1000;
  454.  
  455. }
  456.  
  457. {CustomCSS}
  458.  
  459.  
  460. </style>
  461. </head>
  462.  
  463. <body>
  464.  
  465.  
  466.  
  467. <div id="wrapper">
  468. {block:IfShowTitle}<div id="title"><a href="/">{Title}</a></div>{/block:IfShowTitle}
  469. <div id="entries">
  470.  
  471. <div id="button"><img src="https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png"/></div>
  472.  
  473.  
  474. <div id="header">
  475.  
  476. <div class="links">
  477. {block:IfShowLink1}<a href="{text:Link 1}" >{text:Link 1 Text}</a> {/block:IfShowLink1}
  478. {block:IfShowLink2}<a href="{text:Link 2}" >{text:Link 2 Text}</a> {/block:IfShowLink2}
  479. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a> {/block:IfShowLink3}
  480. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a> {/block:IfShowLink4}
  481. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a> {/block:IfShowLink5}
  482. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  483. {block:IfShowLink7}<a href="{text:Link 7}">{text:Link 7 Text}</a>{/block:IfShowLink7}
  484. {block:IfShowLink8}<a href="{text:Link 8}">{text:Link 8 Text}</a>{/block:IfShowLink8}
  485. </div>
  486. <div id="description">
  487. {Description}
  488. </div>
  489.  
  490. </div>
  491.  
  492. {block:Posts}<div id="post">
  493.  
  494. {block:Text}
  495. <h1>{block:Title}{Title}{/block:Title}</h1>
  496. {Body}
  497. {/block:Text}
  498.  
  499. {block:Photo}
  500. {LinkOpenTag}
  501. <img src="{PhotoURL-400}">
  502. {LinkCloseTag}
  503. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  504. {/block:Photo}
  505.  
  506. {block:Photoset}
  507. {Photoset-400}
  508. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  509. {/block:Photoset}
  510.  
  511. {block:Quote}<div style="font-size:9px;text-align:center;">{Quote}</div>{/block:Quote}
  512.  
  513. {block:Link}
  514. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  515. {block:Description}{Description}{/block:Description}
  516. {/block:Link}
  517.  
  518. {block:Chat}
  519. {block:Title}<h1>{Title}</h1>{/block:Title}
  520. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  521. {Line}<br>{/block:Lines}
  522. {/block:Chat}
  523.  
  524. {block:Audio}
  525. {block:TrackName}<div style="text-align:center;margin-top:0px;"><b> {TrackName}</b></div><br />{/block:TrackName}
  526. <br>
  527. {/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  528. <br>
  529. {/block:ExternalAudio}
  530. {/block:Audio}
  531.  
  532. {block:Video}
  533. {Video-400}
  534. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  535. {/block:Video}
  536.  
  537. {block:Answer}
  538. <div id="asker">
  539. <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>
  540. {/block:Answer}
  541.  
  542. <div id="info">
  543. <br><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:PermalinkPage}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">©</a>{/block:ContentSource} + <a href="{Permalink}">{NoteCount}</a>{/block:PermalinkPage}
  544. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  545.  
  546. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  547.  
  548. {/block:Posts}
  549. <div id="pagination">
  550. {block:Pagination}
  551. {block:PreviousPage}
  552. <a href="{PreviousPage}">{text:Prev Page}</a>
  553. {/block:PreviousPage}
  554. {block:NextPage}
  555. <a href="{NextPage}">{text:Next Page}</a>
  556. {/block:NextPage}
  557. {/block:Pagination}
  558. </div>
  559. </div>
  560.  
  561. </div>
  562. </div></div>
  563. </div>
  564.  
  565. </p>
  566. <!--
  567. THEME MAKER CREDIT: DO NOT DELETE
  568. -->
  569.  
  570. <div style="position:fixed;color:{color:Link};bottom:10px; right:10px; font-size:8px; letter-spacing:1px; font-family:modern;"><a title="solus themes" href="http://boromihrs.tumblr.com/">◐</a></center></div>
  571. </body>
  572. </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!