API tools faq
paste
Advertisement
raeee

Theme 1: Summer UPDATED!

raeee
May 30th, 2016
3,496
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6. theme by cosmosoler.tumblr.com
  7. RULES:
  8.    do not remove or edit the credit
  9.    messing with other code is okay
  10.    please go to @cosmosoler for questions, not @animecharacter
  11.    please contact @cosmosoler if you notice any bugs!
  12. ----->
  13.  
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:render" content=""/>      
  28. <meta name="image:favicon" content=""/>
  29.  
  30. <meta name="color:background" content=""/>
  31. <meta name="color:sidebar" content=""/>      
  32. <meta name="color:post" content=""/>
  33. <meta name="color:footer" content=""/>
  34. <meta name="color:borders" content=""/>
  35. <meta name="color:text" content=""/>
  36. <meta name="color:link" content=""/>
  37. <meta name="color:link hover" content=""/>
  38. <meta name="color:sidebar link background" content=""/>
  39. <meta name="color:hover sidebar link bg" content=""/>
  40. <meta name="color:blockquote" content=""/>
  41.  
  42. <meta name="select:post size" content="250px" title="250px"/>
  43. <meta name="select:post size" content="300px" title="300px"/>
  44. <meta name="select:post size" content="400px" title="400px"/>
  45. <meta name="select:post size" content="500px" title="500px"/>
  46.  
  47. <meta name="select:sidebar size" content="100px" title="100px"/>
  48. <meta name="select:sidebar size" content="120px" title="120px"/>
  49. <meta name="select:sidebar size" content="150px" title="150px"/>
  50.  
  51. <meta name="select:opacity" content="1" title="opaque"/>
  52. <meta name="select:opacity" content="0.9" title="0.9"/>
  53. <meta name="select:opacity" content="0.8" title="0.8"/>
  54. <meta name="select:opacity" content="0.7" title="0.7"/>
  55.  
  56. <meta name="select:border type" content="solid" title="solid"/>
  57. <meta name="select:border type" content="dashed" title="dashed"/>
  58. <meta name="select:border type" content="dotted" title="dotted"/>
  59.  
  60. <meta name="select:font family" content="arial" title "arial"/>
  61. <meta name="select:font family" content="verdana" title "verdana"/>
  62. <meta name="select:font family" content="consolas" title "consolas"/>
  63. <meta name="select:font family" content="ms pgothic" title "ms pgothic"/>
  64. <meta name="select:font family" content="lucida sans" title "lucida sans"/>
  65.  
  66. <meta name="select:font size" content="10px" title="10px"/>
  67. <meta name="select:font size" content="11px" title="11px"/>    
  68. <meta name="select:font size" content="12px" title="12px"/>
  69. <meta name="select:font size" content="13px" title="13px"/>
  70. <meta name="select:font size" content="14px" title="14px"/>
  71.  
  72.  
  73. <meta name="if:transparent" content="0"/>
  74. <meta name="if:title" content="1"/>
  75. <meta name="if:tiled background image" content="0"/>
  76. <meta name="if:underline links" content="1"/>
  77. <meta name="if:rounded" content="1"/>
  78. <meta name="if:borders" content="1"/>
  79. <meta name="if:sidebar image" content="1"/>
  80. <meta name="if:circle sidebar image" content="1"/>
  81. <meta name="if:shadows" content="0"/>
  82. <meta name="if:endless scrolling" content="1">
  83.  
  84. <meta name="text:sidebar from top" content="20"/>
  85. <meta name="text:render width" content="20"/>
  86.  
  87. <meta name="text:link 1 url" content="/"/>
  88. <meta name="text:link 1 title" content="index"/>
  89. <meta name="text:link 2 url" content="/ask"/>
  90. <meta name="text:link 2 title" content="mail"/>
  91. <meta name="text:link 3 url" content="/"/>
  92. <meta name="text:link 3 title" content=""/>
  93. <meta name="text:link 4 url" content="/"/>
  94. <meta name="text:link 4 title" content=""/>
  95. <meta name="text:link 5 url" content="/"/>
  96. <meta name="text:link 5 title" content=""/>
  97. <meta name="text:link 6 url" content="/"/>
  98. <meta name="text:link 6 title" content=""/>
  99. <meta name="text:link 7 url" content="/"/>
  100. <meta name="text:link 7 title" content=""/>
  101. <meta name="text:link 8 url" content="/"/>
  102. <meta name="text:link 8 title" content=""/>
  103.        
  104.  
  105. <style type="text/css">
  106.  
  107. body {
  108. margin:0px;
  109. background:{color:background}
  110. {block:iftiledbackgroundimage}
  111. url('{image:background}') top left repeat fixed;
  112. {/block:iftiledbackgroundimage}
  113. {block:ifnottiledbackgroundimage}
  114. url('{image:Background}') no-repeat center fixed;
  115. background-size: cover;
  116. {/block:ifnottiledbackgroundimage}
  117. font-size:{select:font size};
  118. line-height:150%;
  119. }
  120.  
  121. p{margin:0 0 10px 0; padding:0;}
  122.  
  123. pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  124.  
  125. a{color:{color:link};
  126. {block:ifnotunderlinelinks}
  127. text-decoration: none;
  128. {/block:ifnotunderlinelinks}}
  129. a:hover{color:{color:link hover};}
  130. li{margin-left:-20px;}
  131.  
  132. #wrapper{width:700px;margin:40px auto;}
  133.  
  134. #title{text-align:center;
  135. color: {color:borders}; font-weight:bold;
  136. font-family: {select:font family};
  137. margin: 40px;font-size: 40px;}
  138. #title a{text-decoration:none;}              
  139.  
  140. #sidebar{
  141. margin-top:{text:sidebar from top}px;
  142. color:{color:text};
  143. font-family:{select:font family};
  144. padding:10px;    
  145. width:{select:sidebar size};
  146. position:fixed;
  147.  
  148. {block:ifnottransparent}
  149. background:{color:sidebar};
  150. opacity:{select:opacity};
  151. {/block:ifnottransparent}
  152.  
  153. {block:ifborders}
  154. border: 1px {color:borders};
  155. border-style:{select:border type};
  156. {/block:ifborders}
  157. {block:ifrounded}
  158. -webkit-border-radius: 5px;
  159. -moz-border-radius: 5px;
  160. border-radius: 5px;
  161. {block:ifshadows}
  162.     box-shadow:rgba(0,0,0,0.3)4px 4px;
  163.     -moz-shadow:rgba(0,0,0,0.3)4px 4px;
  164.     -webkit-shadow:rgba(0,0,0,0.3)4px 4px;
  165. {/block:ifshadows}
  166. {/block:ifrounded}
  167. {block:ifnotrounded}
  168. {block:ifshadows}
  169.     box-shadow:rgba(0,0,0,0.3)4px 4px;
  170.     -moz-shadow:rgba(0,0,0,0.3)4px 4px;
  171.     -webkit-shadow:rgba(0,0,0,0.3)4px 4px;
  172. {/block:ifshadows}
  173. {/block:ifnotrounded}
  174. }
  175.  
  176. #sidebarimage{
  177. width:{select:sidebar size};
  178. height:{select:sidebar size};
  179. margin-bottom:10px;
  180. margin-top:-1px;
  181. margin-left:-1px;
  182. overflow:hidden;
  183. {block:ifborders}
  184. border: 1px {color:borders};
  185. border-style:{select:border type};
  186. {/block:ifborders}
  187.  
  188. {block:ifrounded}
  189.     -webkit-border-radius: 5px;
  190.     -moz-border-radius: 5px;
  191.     border-radius: 5px;
  192.     {block:ifcirclesidebarimage}
  193.             -webkit-border-radius: 50%;
  194.             -moz-border-radius: 50%;
  195.             border-radius:50%;
  196.         {block:ifshadows}
  197.             box-shadow:rgba(0,0,0,0.3)2px 2px;
  198.             -moz-shadow:rgba(0,0,0,0.3)4px 4px;
  199.             -webkit-shadow:rgba(0,0,0,0.3)4px 4px;
  200.         {/block:ifshadows}
  201.     {/block:ifcirclesidebarimage}
  202.     {block:ifnotcirclesidebarimage}    
  203.     {block:ifshadows}
  204.         box-shadow:rgba(0,0,0,0.3)2px 2px;
  205.         -moz-shadow:rgba(0,0,0,0.3)2px 2px;
  206.         -webkit-shadow:rgba(0,0,0,0.3)2px 2px;
  207.     {/block:ifshadows}
  208.     {/block:ifnotcirclesidebarimage}    
  209.    
  210.     {block:ifnotshadows}
  211.         {block:ifcirclesidebarimage}
  212.             -webkit-border-radius: 50%;
  213.             -moz-border-radius: 50%;
  214.             border-radius:50%;
  215.         {/block:ifcirclesidebarimage}
  216.     {/block:ifnotshadows}
  217. {/block:ifrounded}
  218. {block:ifnotrounded}
  219.     {block:ifcirclesidebarimage}
  220.         -webkit-border-radius: 50%;
  221.         -moz-border-radius: 50%;
  222.         border-radius:50%;
  223.         {block:ifshadows}
  224.             box-shadow:rgba(0,0,0,0.3)2px 2px;
  225.             -moz-shadow:rgba(0,0,0,0.3)2px 2px;
  226.             -webkit-shadow:rgba(0,0,0,0.3)2px 2px;
  227.     {/block:ifshadows}
  228.     {/block:ifcirclesidebarimage}
  229.     {block:ifshadows}
  230.         box-shadow:rgba(0,0,0,0.3)2px 2px;
  231.         -moz-shadow:rgba(0,0,0,0.3)2px 2px;
  232.         -webkit-shadow:rgba(0,0,0,0.3)2px 2px;
  233.     {/block:ifshadows}
  234. {/block:ifnotrounded}    
  235. }
  236.  
  237.  
  238. #links{text-align:center; margin-bottom:5px;}
  239. #links a{
  240. background:{color:sidebar link background};
  241. opacity:{select:opacity};
  242. padding:3px; text-decoration:none;
  243. {block:ifrounded}
  244. border-radius:6px;
  245. {/block:ifrounded}
  246.     {block:ifshadows}
  247.         box-shadow:rgba(0,0,0,0.3)1px 1px;
  248.         -moz-shadow:rgba(0,0,0,0.3)1px 1px;
  249.         -webkit-shadow:rgba(0,0,0,0.3)1px 1px;
  250.     {/block:ifshadows}
  251. line-height:26px;}
  252. #links a:hover{background:{color:hover sidebar link bg};}
  253.  
  254. #content{
  255. width:{select:post size};
  256. margin-left:200px;}
  257.  
  258. .post{
  259. padding:10px;  
  260. width:{select:post size}px;
  261. {block:ifnottransparent}
  262. background:{color:post};
  263. opacity:{select:opacity};
  264. {/block:ifnottransparent}
  265. color:{color:text};
  266. font-family:{select:font family};
  267. margin:0 0 40px 0;
  268. overflow:hidden;
  269. {block:ifborders}
  270. border: 1px {color:borders};
  271. border-style:{select:border type};
  272. {/block:ifborders}
  273.  
  274. {block:ifrounded}
  275. -webkit-border-radius: 5px;
  276. -moz-border-radius: 5px;
  277. border-radius: 5px;
  278. {block:ifshadows}
  279.     box-shadow:rgba(0,0,0,0.3)4px 4px;
  280.     -moz-shadow:rgba(0,0,0,0.3)4px 4px;
  281.     -webkit-shadow:rgba(0,0,0,0.3)4px 4px;
  282. {/block:ifshadows}
  283. {/block:ifrounded}
  284. {block:ifnotrounded}
  285. {block:ifshadows}
  286.     box-shadow:rgba(0,0,0,0.3)4px 4px;
  287.     -moz-shadow:rgba(0,0,0,0.3)4px 4px;
  288.     -webkit-shadow:rgba(0,0,0,0.3)4px 4px;
  289. {/block:ifshadows}
  290. {/block:ifnotrounded}
  291. }
  292.  
  293. .post img{
  294. max-width:100%;
  295. {block:ifrounded}
  296. -webkit-border-radius: 5px;
  297. -moz-border-radius: 5px;
  298. border-radius: 5px;
  299. {/block:ifrounded}
  300.         {block:ifshadows}
  301.         box-shadow:rgba(0,0,0,0.3)1px 1px;
  302.         -moz-shadow:rgba(0,0,0,0.3)1px 1px;
  303.         -webkit-shadow:rgba(0,0,0,0.3)1px 1px;
  304.     {/block:ifshadows}
  305. }
  306.  
  307.  
  308. #nav{margin:50px 0 0 0;
  309. {block:ifnottransparent}
  310. background-color:{color:post};
  311. opacity:{select:opacity};
  312. {/block:ifnottransparent}
  313. padding:10px;
  314. {block:ifborders}
  315. border: 1px {color:borders};
  316. border-style:{select:border type};
  317. {/block:ifborders}
  318. {block:ifrounded}
  319. -webkit-border-radius: 5px;
  320. -moz-border-radius: 5px;
  321. border-radius: 5px;
  322. {/block:ifrounded}}
  323.  
  324. #nav a{color:{color:text}; text-decoration:none;}
  325.  
  326. .media{margin:0 0 10px 0;}
  327.  
  328. .title{font-weight:bold;font-size:18px;margin:0 0 10px 0;}
  329.  
  330. .quote{
  331. font-weight:normal;font-size:16px;font-style:italic;margin:0 0 10px 0;}
  332.  
  333. .question{margin-bottom:10px;
  334.  
  335. {block:ifnottransparent}
  336. background:{color:footer};
  337. {/block:ifnottransparent}
  338. padding:5px;
  339. {block:ifborders}
  340. border: 1px {color:borders};
  341. border-style:{select:border type};
  342. {/block:ifborders}
  343. {block:ifrounded}
  344. -webkit-border-radius: 5px;
  345. -moz-border-radius: 5px;
  346. border-radius: 5px;
  347. {/block:ifrounded}    
  348. }
  349.  
  350.  
  351. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  352. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  353.  
  354.  
  355. #caption{}
  356. blockquote{
  357. margin:0 0 10px 15px;
  358. padding:0 0 0 10px;
  359. border-left:{select:border type} 1px {color:blockquote};
  360. color:{color:text};
  361. }
  362.  
  363. .post .footer{
  364.     {block:ifnottransparent}
  365. opacity:{select:opacity};    
  366. background:{color:footer};
  367. {block:ifnottransparent}
  368. padding: 5px;
  369. margin:0;
  370. text-align:left;
  371. {block:ifrounded}
  372. -webkit-border-radius: 5px;
  373. -moz-border-radius: 5px;
  374. border-radius: 5px;
  375. {/block:ifrounded}
  376.         {block:ifshadows}
  377.         box-shadow:rgba(0,0,0,0.3)1px 1px;
  378.         -moz-shadow:rgba(0,0,0,0.3)1px 1px;
  379.         -webkit-shadow:rgba(0,0,0,0.3)1px 1px;
  380.     {/block:ifshadows}
  381. }
  382.  
  383. ol.notes{
  384. list-style-type:none;
  385. padding:0;
  386. margin:0;
  387. }
  388. ol.notes li.note{margin:0px;}
  389.  
  390. #credit{
  391.     position:fixed;
  392.     bottom:0px;
  393.     left:0px;
  394.     width:50px;
  395.     height:20px;
  396.     color:{color:link};
  397.     font-family:{select:font family};
  398. {block:ifnottransparent}    
  399.     background:{color:post};
  400.     opacity:{select:opacity};
  401. {/block:ifnottransparent}    
  402.     {block:ifborders}
  403.     border: 1px {color:borders};
  404.     border-style:{select:border type};
  405.     {/block:ifborders}
  406.     {block:ifrounded}
  407.     -webkit-border-radius: 5px;
  408.     -moz-border-radius: 5px;
  409.     border-radius: 5px;
  410.     {/block:ifrounded}}
  411. }
  412.  
  413.  
  414. {CustomCSS}
  415. </style>
  416.  
  417. {block:ifendlessscrolling}
  418. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>  
  419. {/block:ifendlessscrolling}
  420.  
  421. </head>
  422.  
  423. <body>
  424.  
  425.  
  426.  
  427. <div id="wrapper">
  428.  
  429. {block:iftitle}
  430. <div id="title"><a href="/">{Title}</a></div>
  431. {/block:iftitle}
  432.  
  433.  
  434. <div id="sidebar">
  435.  
  436. {block:ifsidebarimage}
  437. <div id="sidebarimage">
  438. <img style="width:100%" src="{image:sidebar}">
  439. </div>
  440. {/block:ifsidebarimage}
  441.  
  442. {block:Description}
  443. <p><center>{Description}</center></p>
  444. {/block:Description}
  445.  
  446. <div id="links">
  447. {block:iflink1title}
  448. <a href="{text:link 1 url}">{text:link 1 title}</a>
  449. {/block:iflink1title}
  450. {block:iflink2title}
  451. <a href="{text:link 2 url}">{text:link 2 title}</a>
  452. {/block:iflink2title}
  453. {block:iflink3title}
  454. <a href="{text:link 3 url}">{text:link 3 title}</a>
  455. {/block:iflink3title}
  456. {block:iflink4title}
  457. <a href="{text:link 4 url}">{text:link 4 title}</a>
  458. {/block:iflink4title}
  459. {block:iflink5title}
  460. <a href="{text:link 5 url}">{text:link 5 title}</a>
  461. {/block:iflink5title}
  462. {block:iflink6title}
  463. <a href="{text:link 6 url}">{text:link 6 title}</a>
  464. {/block:iflink6title}
  465. {block:iflink7title}
  466. <a href="{text:link 7 url}">{text:link 7 title}</a>
  467. {/block:iflink7title}
  468. {block:iflink8title}
  469. <a href="{text:link 8 url}">{text:link 8 title}</a>
  470. {/block:iflink8title}
  471. </div>
  472.  
  473.  
  474. </div>
  475.  
  476.  
  477. <div id="content">
  478. {block:Posts}
  479.  
  480. <div class="post">
  481.  
  482. {block:Text}
  483. {block:Title}
  484. <div class="title">{Title}</div>
  485. {/block:Title}
  486. {Body}
  487. {/block:Text}
  488.  
  489. {block:Photo}
  490. <div class="media">{LinkOpenTag}<img style="width:100%" src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>
  491. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  492. {/block:Photo}
  493.  
  494. {block:Photoset}
  495. <div style="width:100%;">{Photoset}</div>
  496. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  497. {/block:Photoset}
  498.  
  499. {block:Quote}
  500. <div class="quote">"{Quote}"</div>
  501. {block:Source}
  502. <div class="quotesource">{Source}</div>
  503. {/block:Source}
  504. {/block:Quote}
  505.  
  506. {block:Link}
  507. <div class="title"><a href="{URL}">{Name}</a></div>
  508. {block:Description}
  509. <div class="description">{Description}</div>
  510. {/block:Description}
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. {block:Title}
  515. <div class="title">{Title}</div>
  516. {/block:Title}
  517.  
  518. {block:Lines}
  519. <div class="{Alt} user_{UserNumber}">
  520. {block:Label}
  521. <b>{Label}</b>{/block:Label}
  522. &nbsp;{Line}
  523. </div>
  524. {/block:Lines}
  525. {/block:Chat}
  526.  
  527. {block:Video}
  528. <div class="video">{Video-500}</div>
  529. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  530. {/block:Video}
  531.  
  532. {block:Audio}
  533. <div class="media">
  534. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  535. {AudioPlayerWhite}
  536. {block:TrackName}{TrackName}<br>{/block:TrackName}
  537. {block:Artist}{Artist}<br>{/block:Artist}
  538. {block:Album}{Album}{/block:Album}
  539. </div>
  540. {block:Caption}{Caption}{/block:Caption}
  541. {/block:Audio}
  542.                
  543. {block:Answer}
  544. <div class="question">{Asker}: {Question}</div>
  545. <div class="caption">{Answer}</div>
  546. {/block:Answer}
  547.  
  548.  
  549. {block:Date}
  550. <div class="footer">
  551. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> / <a href="{Permalink}">{NoteCountWithLabel}</a> /
  552. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  553.  
  554. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  555. </div>
  556.  
  557. {block:PermalinkPage}
  558. {block:NoteCount}
  559. {block:PostNotes}{PostNotes}{/block:PostNotes}
  560. {/block:NoteCount}
  561. {/block:PermalinkPage}
  562. {/block:Date}
  563.  
  564. </div>
  565. {/block:Posts}
  566.  
  567.  
  568.  
  569. {block:ifnotendlessscrolling}
  570. {block:Pagination}
  571. <div id="nav">
  572. <center>
  573. {block:PreviousPage}<a href="{PreviousPage}">< prev</a> / {/block:PreviousPage}
  574. {block:NextPage}<a href="{NextPage}">next ></a>{/block:NextPage}
  575. </center>
  576. </div>
  577. {/block:Pagination}
  578. {/block:ifnotendlessscrolling}
  579.  
  580. <div id="credit">
  581. <center><a href="http://cosmosoler.tumblr.com">theme</a></center>
  582. </div>
  583.  
  584.  
  585.  
  586.  
  587. </div>
  588. </div>
  589.  
  590.  
  591. <img src="{image:render}" style="overflow:hidden; opacity:{select:opacity}; position:fixed; bottom:0px; right:0px; width:{text:render width}px;"/>
  592.  
  593.  
  594. </div>
  595. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  596.  
  597.     </body>
  598. </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!