API tools faq
paste
Advertisement
sighborgz

lovey dovey theme 2

sighborgz
Oct 26th, 2016
2,117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.02 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!-------
  4. base code by @rnirae.
  5.  
  6. theme by @sighborgz.
  7.  
  8. dont delete credit dude thats mean
  9. <!------>
  10.  
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{FavIcon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15.  
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  17.  
  18.  
  19.  
  20. <meta name="image:Icon" content=""/>
  21.  
  22.  
  23. <meta name="color:Background" content="#006eff" />
  24. <meta name="color:Desc Text" content="#ffffff"/>
  25. <meta name="color:Desc Links" content="#000000"/>
  26. <meta name="color:Post Text" content="666666"/>
  27. <meta name="color:Post Links" content="#aaaaaa"/>
  28. <meta name="color:Link Hover" content="#fffb8e"/>
  29. <meta name="color:Scrollbar" content="#ffffff"/>
  30.  
  31.  
  32.  
  33.  
  34. <meta name="select:font" content="dotum, ms gothic, arial" title="dotum">
  35. <meta name="select:font" content="Arial,Helvetica Neue,Helvetica,sans-serif" title="arial">
  36. <meta name="select:font" content="open sans,helvetica,sans-serif" title="open sans">
  37. <meta name="select:font" content="TimesNewRoman, Times New Roman,Times,Baskerville,Georgia,serif" title="times new roman">
  38.  
  39. <meta name="select:icon shape" content="100%" title="circle">
  40. <meta name="select:icon shape" content="15%" title="rounded">
  41. <meta name="select:icon shape" content="0px" title="square">
  42.  
  43. <meta name="select:post width" content="270px">
  44. <meta name="select:post width" content="300px">
  45. <meta name="select:post width" content="500px">
  46.  
  47. <meta name="if:Shadow" content="2">
  48. <meta name="if:ScrollFade" content="2">
  49. <meta name="if:TextLinks" content="2">
  50. <meta name="if:3DLinks" content="2">
  51. <meta name="if:DropdownLinks" content="2">
  52. <meta name="if:Captions" content="2">
  53.  
  54.  
  55. <meta name="text:body font size" content="12px">
  56. <meta name="text:icon height" content=""/>
  57. <meta name="text:posts padding top" content="250"/>
  58. <meta name="text:shadow opacity" content="0.5"/>
  59. <meta name="text:post padding" content="5px"/>
  60. <meta name="text:Dropdown Title" content="LINKZ"/>
  61. <meta name="text:Link 1" content="index"/>
  62. <meta name="text:Link 1 url" content="/"/>
  63. <meta name="text:Link 2" content="ask"/>
  64. <meta name="text:Link 2 url" content="/ask"/>
  65. <meta name="text:link 3" content="archive"/>
  66. <meta name="text:Link 3 url" content="/archive"/>
  67. <meta name="text:Link 4" content="link 4"/>
  68. <meta name="text:Link 4 url" content="/"/>
  69. <meta name="text:Link 5" content="link 5"/>
  70. <meta name="text:Link 5 url" content="/"/>
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77. /* follow/dashboard buttons */
  78. iframe#tumblr_controls {
  79. right:2px !important;
  80. position: fixed !important;
  81. -webkit-transition: opacity 0.7s linear;
  82. opacity: 0.16;
  83. -webkit-transition: all 0.8s ease-out;
  84. -moz-transition: all 0.8s ease-out;
  85. transition: all 0.8s ease-out;
  86. -webkit-filter: invert(100%);
  87. }
  88. iframe#tumblr_controls:hover {
  89. -webkit-transition: opacity 0.7s linear;
  90. opacity: 0.16;
  91. -webkit-transition: all 0.4s ease-out;
  92. -moz-transition: all 0.4s ease-out;
  93. transition: all 0.4s ease-out;
  94. -webkit-filter: invert(100%);
  95. }
  96.  
  97. /* basic styles */
  98. body {
  99. color: {color:Post Text};
  100. background-color: {color:Background};
  101. font-family: {select:font};
  102. font-size:{text:body font size};
  103. line-height: 16px;
  104. }
  105. a {
  106. text-decoration: none;
  107. color: {color:Post Links};
  108. }
  109. a:hover {
  110. color:{color:Link Hover};
  111. cursor: help;
  112. }
  113. h1 {
  114. font-size: 13px;
  115. color: {color:Title};
  116. }
  117. /* scrollbar */
  118. ::-webkit-scrollbar {
  119. width: 3px;
  120. height: 5px;
  121. background: {color:Background};
  122. }
  123. ::-webkit-scrollbar-thumb {
  124. background: {color:Scrollbar};
  125. border-radius: 16px;
  126. border-top: 5px solid {color:Background};
  127. }
  128. /* post customizations */
  129. #content { /* for the whole column of posts */
  130. {block:IndexPage}
  131. width:{select:post width};
  132. {/block:IndexPage}
  133. {block:PermalinkPage}
  134. width: 500px;
  135. padding:10px;
  136. {/block:PermalinkPage}
  137. position: relative;
  138. margin: auto;
  139. margin-top:{text:posts padding top}px;
  140. text-align:center;
  141. }
  142.  
  143.  
  144.  
  145. .entry { /* for individual posts */
  146. margin-bottom: 60px;
  147. text-align:left;
  148.  
  149. {block:ifShadow}
  150. -webkit-box-shadow: 10px 10px 5px 3px rgba(0,0,0,{text:shadow opacity});
  151. -moz-box-shadow: 10px 10px 5px 3px rgba(0,0,0,{text:shadow opacity});
  152. box-shadow: 10px 10px 5px 3px rgba(0,0,0,{text:shadow opacity});
  153. {/block:ifShadow}
  154. background:#fff;
  155. padding:{text:post padding};
  156.  
  157. {block:ifPostBorder}
  158. border:1px {select:border optons} {color:border color};
  159. {/block:ifPostBorder}
  160. }
  161.  
  162.  
  163. .entry img {
  164.  
  165. padding-bottom:-10px;
  166.  
  167. }
  168. .entry:hover #perma {
  169. opacity:1;
  170. transition:0.5s;
  171. }
  172.  
  173. #perma a {
  174. color:{color:Desc Links};
  175. }
  176.  
  177. /* permalinks */
  178. #perma {
  179. position: absolute;
  180. right: -110px;
  181. letter-spacing: .5px;
  182. text-transform: lowercase;
  183. text-align:left;
  184. opacity:0;
  185.  
  186. transition:0.5s;
  187. }
  188.  
  189. .entry:hover #perma{
  190. right: -120px;
  191. transition:0.5s;
  192. }
  193.  
  194.  
  195. /* sidebar */
  196. #side {
  197. top: 0px;
  198. padding-top:50px;
  199. position: fixed;
  200. background:{color:Background};
  201. text-align:center;
  202. width:100%;
  203.  
  204. {block:ifScrollFade}
  205.  
  206. -webkit-box-shadow: 2px 18px 29px 1px {color:background};
  207. -moz-box-shadow: 2px 18px 29px 1px {color:background};
  208. box-shadow: 2px 18px 29px 1px {color:background};
  209.  
  210.  
  211. {/block:ifScrollFade}
  212. }
  213.  
  214. #side img{
  215. padding:10px;
  216. border-radius:{select:icon shape};
  217. }
  218.  
  219.  
  220. #side a{
  221. color: {color:Desc Links};
  222. }
  223. #side a:hover {
  224. border-bottom: 1px solid transparent;
  225. color: {color:link Hover};
  226. }
  227. .head {
  228. font-size: 14px;
  229. margin-bottom: 10px;
  230. color: {color:Title};
  231. letter-spacing: 2px;
  232. text-transform:uppercase;
  233. }
  234. blockquote {
  235. border-left: 1px solid {color:Post Links};
  236. margin-left: 6px;
  237. padding-left: 10px;
  238. }
  239. /* permalink page */
  240. img.avatar {display:none; }
  241. ol.notes {
  242. margin-top: 20px;
  243. padding-bottom:10px;
  244. }
  245.  
  246. #linkz a{
  247. color:{color:Desc Links};
  248. }
  249.  
  250. #desc {
  251. color:{color:Desc Text};
  252. max-width:150px;
  253. margin:auto;
  254.  
  255. }
  256.  
  257. #desc a {
  258. color:{color:Desc Links};
  259. }
  260.  
  261. /* 3D LINKS */
  262.  
  263.  
  264.  
  265. #3d {
  266.  
  267. }
  268.  
  269. #buttons a {
  270. border-top:#ccc solid 2px;
  271. border-left:#ccc solid 2px;
  272. border-bottom:#666 solid 2px;
  273. border-right:#666 solid 2px;
  274. text-align:center;
  275. background:#fff;
  276. padding:2px;
  277. color:#000;
  278. }
  279.  
  280. #buttons a:hover {
  281.  
  282. border-top:#666 solid 2px;
  283. border-left:#666 solid 2px;
  284. border-bottom:#ccc solid 2px;
  285. border-right:#ccc solid 2px;
  286. padding:3px 1px 1px 3px;
  287. color:#ccc;
  288. }
  289.  
  290. #cr a{
  291. color:{color:desc links};
  292. }
  293.  
  294. #cr a:hover {
  295. color:#ffffff;
  296. }
  297. /*3D LINKS END*/
  298. </style>
  299.  
  300. <!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  301.  
  302. </head>
  303.  
  304. <body>
  305.  
  306. <div id="cr" style="position:fixed; bottom:20px; right:20px;">
  307. <a href="http://sighborgz.tumblr.com">CRDT</a><br></div>
  308.  
  309.  
  310. <div id="content">
  311. {block:Posts}
  312.  
  313. <!-- {block:NoRebloggedFrom}
  314. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  315. {/block:NoRebloggedFrom} -->
  316. <div class="entry">
  317. <!--permalink-->
  318.  
  319.  
  320. {block:IndexPage}<div id="perma"> <a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a><br><a href="{Permalink}">{DayofWeek}</a><br><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  321.  
  322.  
  323. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{/block:IndexPage}
  324.  
  325. {block:ifCaptions}{block:Caption}<div style="padding:10px">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  326.  
  327. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  328.  
  329. {/block:Photo}
  330.  
  331. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}
  332.  
  333.  
  334. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  335.  
  336.  
  337.  
  338.  
  339. {block:Text}
  340. <div style="padding:10px" class="post text">
  341. {block:Title}
  342. <h3><a href="{Permalink}">{Title}</a></h3>
  343. {/block:Title}{Body}
  344. </div>
  345. {/block:Text}
  346.  
  347.  
  348.  
  349.  
  350. {block:Link}
  351. <div style="padding:10px" class="post link">
  352. <a href="{URL}" class="link" {Target}>{Name}</a>
  353.  
  354. {block:Description}
  355. <div style="width:200px" class="description">{Description}</div>
  356. {/block:Description}
  357. </div>
  358. {/block:Link}
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. {block:Quote}
  368. <div style="padding:10px" class="post quote">
  369. "{Quote}"
  370.  
  371. {block:Source}
  372. <div class="source">{Source}</div>
  373. {/block:Source}
  374. </div>
  375. {/block:Quote}
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382. {block:Chat}<div style="padding:10px">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<p><b>{Label} </b>{/block:Label}<span><i>{Line}</i></span>{/block:Lines}</div>{/block:Chat}
  383.  
  384.  
  385.  
  386. {block:Audio}<div style="padding: 10px">{AudioPlayerWhite}{block:IndexPage}<br><p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}<br><br>{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Audio}
  387.  
  388.  
  389.  
  390.  
  391.  
  392. {block:Video}{block:IndexPage}
  393.  
  394. {block:if250px}{Video-250}{/block:if250px}
  395.  
  396. {block:if400px}{Video-400}{/block:if400px}
  397.  
  398. {block:if500px}{Video-500}{/block:if500px}
  399.  
  400. {/block:IndexPage}
  401.  
  402. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  403.  
  404. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  405.  
  406. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  407.  
  408.  
  409. {block:Video}
  410. <li class="post video">
  411. {Video-500}{block:Caption}
  412. <div class="caption">{Caption}</div>
  413. {/block:Caption}
  414. </li>
  415. {/block:Video}
  416.  
  417.  
  418. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  419. <!--permalink page-->
  420. {block:PermalinkPage}
  421. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}<br></center>
  422. {block:PostNotes}{PostNotes}<br>{/block:PostNotes}
  423. {/block:PermalinkPage}
  424. </div> <!---entry div--->
  425. {/block:Posts}
  426.  
  427. {block:ContentSource}<!-- {SourceURL}
  428. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  429. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  430. {/block:ContentSource}
  431. </div><!---content div--->
  432. <!--sidebar-->
  433. <div id="side"><div class="head"><a href="/">{Title}</a></div>
  434. <a href="/"><img src="{image:icon}" height="{text:icon height}"></a><br>
  435. <div id="desc">{Description}</div>
  436.  
  437.  
  438.  
  439. <!--- LINK OPTIONS: TEXT --->
  440.  
  441. {block:ifTextLinks}
  442. <div id="linkz">
  443. <p>
  444. <a href="{text:Link 1 url}">{text:Link 1}</a>
  445.  
  446. <a href="{text:Link 2 url}">{text:Link 2}</a>
  447.  
  448. <a href="{text:Link 3 url}">{text:Link 3}</a>
  449.  
  450. <a href="{text:Link 4 url}">{text:Link 4}</a>
  451.  
  452. <a href="{text:Link 5 url}">{text:Link 5}</a>
  453.  
  454.  
  455. </div>
  456.  
  457.  
  458. {/block:ifTextLinks}
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468. {block:if3DLinks}<p>
  469. <div id="buttons">
  470. <a href="{text:Link 1 url}">{text:Link 1}</a>
  471.  
  472. <a href="{text:Link 2 url}">{text:Link 2}</a>
  473.  
  474. <a href="{text:Link 3 url}">{text:Link 3}</a><br><br>
  475. </div>
  476.  
  477. {/block:if3DLinks}
  478.  
  479.  
  480. {block:ifDropdownLinks}<p>
  481. <div align="center">
  482. <select style="padding:2px;font-family: {select:font}; color:{color:post text}; border: 1px solid {color:post text}" onchange='location=this.options[this.selectedIndex].value;'>
  483.  
  484. <option>{text:Dropdown Title}</option><p>
  485. <option value="">{text:link 1}</option><p>
  486. <option value="">{text:link 2}</option><p>
  487. <option value="">{text:link 3}</option><p>
  488. <option value="">{text:link 4}</option><p>
  489. <option value="">{text:link 5}</option><p>
  490. </div>
  491. </select><br><br>
  492.  
  493. </div>
  494.  
  495. {/block:ifDropdownLinks}
  496.  
  497. </div>
  498.  
  499.  
  500.  
  501. <!----->
  502.  
  503.  
  504.  
  505.  
  506.  
  507. </body>
  508.  
  509. </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!