Advertisement
fengtai

Lover Theme

Mar 27th, 2014
594
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.16 KB | None | 0 0
  1. <!-- theme by shycallgirl do not remove theme credit-->
  2.  
  3. <link rel="shortcut icon" href="{favicon}">
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>{Title}</title>
  7.  
  8. <!-- colors -->
  9. <meta name="color:background" content="#fce5ff"/>
  10. <meta name="color:border" content="#33ffff"/>
  11. <meta name="color:text" content="#000000"/>
  12. <meta name="color:links" content="#000000"/>
  13. <meta name="color:link hover" content="#dbf6ff"/>
  14.  
  15. <!-- img -->
  16. <meta name="image:background" content="" />
  17. <meta name="image:sidebar" content="" />
  18.  
  19. <!-- text -->
  20. <meta name="text:music player code" content="" />
  21.  
  22. <meta name="text:link 1 url" content="" />
  23. <meta name="text:link 1 title" content="" />
  24.  
  25. <meta name="text:link 2 url" content="" />
  26. <meta name="text:link 2 title" content="" />
  27.  
  28. <meta name="text:link 3 url" content="" />
  29. <meta name="text:link 3 title" content="" />
  30.  
  31. <meta name="text:link 4 url" content="" />
  32. <meta name="text:link 4 title" content="" />
  33.  
  34. <!-- ifs -->
  35. <meta name="if:music box" content "1">
  36. <meta name="if:sidebar image" content="0">
  37. <meta name="if:captions" content="0">
  38. <meta name="if:link 1" content="0">
  39. <meta name="if:link 2" content="0">
  40. <meta name="if:link 3" content="0">
  41. <meta name="if:link 4" content="0">
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar-thumb {
  46. background-color: {color:text};
  47. width:5px;
  48. height:100px;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height:5px;
  53. width:5px;
  54. background-color: {color:background};
  55. }
  56.  
  57. a:link, a:visited {
  58. color: {color:links};
  59. text-decoration: none;
  60. -webkit-transition: 1s ease-in-out;
  61. -moz-transition: 1s ease-in-out;
  62. -o-transition: 1s ease-in-out;
  63. transition: 1s ease-in-out
  64. }
  65.  
  66. a:hover {
  67. color: {color:link hover};
  68. text-decoration: none;
  69. -webkit-transition: 1s ease-in-out;
  70. -moz-transition: 1s ease-in-out;
  71. -o-transition: 1s ease-in-out;
  72. transition: 1s ease-in-out
  73. }
  74.  
  75.  
  76. body {
  77. margin-top:50px;
  78. margin-left:100px;
  79. padding: 10px;
  80. background:{color:background};
  81. background-image:url('{image:Background}');
  82. background-repeat:none;
  83. background-size:cover;
  84. background-attachment:fixed;
  85. font-family: consolas;
  86. font-size: 70%;
  87. color: {color:Text};
  88. }
  89.  
  90. {block:ifmusicbox}
  91. #music {
  92. left: 10px;
  93. top: 10px;
  94. border: solid 1px;
  95. border-color:{color:border};
  96. background-color:#fff;
  97. padding: 10px;
  98. width:20px;
  99. height:20px;
  100. overflow:hidden;
  101. position:fixed;
  102. -webkit-transition: 1s ease-in-out;
  103. -moz-transition: 1s ease-in-out;
  104. -o-transition: 1s ease-in-out;
  105. transition: 1s ease-in-out;
  106. }
  107. {/block:ifmusicbox}
  108.  
  109. {block:ifmusicbox}
  110. #music:hover {
  111. width:100px;
  112. height:40px;
  113. -webkit-transition: 1s ease-in-out;
  114. -moz-transition: 1s ease-in-out;
  115. -o-transition: 1s ease-in-out;
  116. transition: 1s ease-in-out;
  117. }
  118. {/block:ifmusicbox}
  119.  
  120. #sidebar {
  121. margin-top:130px;
  122. margin-left:-30px;
  123. border:solid 1px;
  124. border-color:{color:border};
  125. border-radius: none;
  126. position: fixed;
  127. background-color:#fff;
  128. padding: 10px;
  129. float: left;
  130. width: 150px;
  131. font-family: consolas;
  132. font-size: 10px;
  133. }
  134.  
  135. {block:ifsidebarimage}
  136. #sidebar img {
  137. width:120px;
  138. }
  139. {/block:ifsidebarimage}
  140.  
  141. #box {
  142. margin-top:70px;
  143. margin-left:300px;;
  144. border:solid 1px;
  145. border-color:{color:border};
  146. border-radius: none;
  147. background: #fff;
  148. position: fixed;
  149. padding: 30px;
  150. width: 275px;
  151. height:275px;
  152. font-family: consolas;
  153. font-size: 10px;
  154. overflow:scroll;
  155. }
  156.  
  157. #posts {
  158. width:250px;
  159. padding:20px;
  160. }
  161.  
  162. #posts img {
  163. max-width:250px;
  164. }
  165.  
  166. #posts blockquote{
  167. border-left: 2px solid {color:Text};
  168. padding: 0 0 0 5px;
  169. margin-left: 20px;
  170. }
  171.  
  172. h1 {
  173. font: italic 16px "pixel";
  174. text-align: center;
  175. }
  176.  
  177. h1 a{
  178. color: {color:links};
  179. text-decoration: none;
  180. }
  181.  
  182. #quote {
  183. font: italic 13px "pixel";
  184. text-align: center;
  185. }
  186.  
  187. #asks {
  188. border:solid 1px;
  189. border-color:{color:border};
  190. border-radius: none;
  191. }
  192.  
  193. #footer {
  194. border-style:solid;
  195. border-width:1px;
  196. border-color: {color:border};
  197. padding: 5px;
  198. }
  199.  
  200. </style>
  201.  
  202. <body>
  203. {block:ifmusicbox}
  204. <div id="music">
  205. <center><img src="http://media.tumblr.com/tumblr_m3wh6j6Cnv1qdlkyg.gif" /></center><br /> {text:music player code}
  206. </div>
  207. {/block:ifmusicbox}
  208.  
  209. <div id="sidebar">
  210. {block:ifsidebarimage}<center><a href="/" title="{title}"><img src="{image:sidebar}"></a></center>{/block:ifsidebarimage}
  211.  
  212. <p></p>
  213.  
  214. <center>{description}</center>
  215.  
  216. <p></p>
  217.  
  218. <center><select style="height:20px;
  219. border:solid 1px;
  220. border-color:{color:border};
  221. border-radius: none;
  222. font-family:consolas;
  223. ms;color:{color:text};
  224. letter-spacing:10px;
  225. background-color:none;
  226. -webkit-appearance: none;
  227. font-size:10px;
  228. width:100px;" onChange="location.href=this.options[this.selectedIndex].value;">
  229. <option>links</option>
  230. <option value="/">refresh</option>
  231. <option value="/ask">inbox</option>
  232. {block:iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1}
  233. {block:iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2}
  234. {block:iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3}
  235. {block:iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4}
  236. <option value="http://shycallgirl.tumblr.com/">theme</option>
  237. </select>
  238. </form></center>
  239. <p></p>
  240. </div>
  241.  
  242. <div id="box">
  243. {block:Posts}
  244. <div id="posts">
  245. {block:Text}
  246. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  247. {body}
  248. {/block:Text}
  249.  
  250. {block:Photo}
  251. <a href="{Permalink}"><img src="{PhotoURL-250}" /></a>
  252. <p><a href="{PhotoURL-HighRes}">high-res →</a></p>
  253. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  254. {/block:Photo}
  255.  
  256. {block:Photoset}
  257. {Photoset-250}
  258. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  259. {/block:Photoset}
  260.  
  261. {block:Quote}
  262. <div id="quote">"{Quote}"</div>
  263. <br/>{block:Source}<center>- {Source}</center>{/block:Source}
  264. {/block:Quote}
  265.  
  266. {block:Link}
  267. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  268. {block:Description}{Description}{/block:description}
  269. {/block:Link}
  270.  
  271. {block:Chat}
  272. {block:Title}<h1>{Title}</h1>{/block:Title}
  273. {block:Lines} {block:Label}<b>{Label}</b>{/block:Label} {Line}<br />{/block:Lines}
  274. {/block:Chat}
  275.  
  276. {block:Audio}
  277. <center><p>{block:AlbumArt}
  278. <img src="{AlbumArtURL}" width="100" height="100">
  279. {/block:AlbumArt}</p>
  280.  
  281. <p><strong>Track</strong>:
  282. {block:TrackName}
  283. {TrackName}
  284. {/block:TrackName}
  285.  
  286. <p><strong>Artist</strong>:
  287. {block:Artist}
  288. {Artist}
  289. {/block:Artist}
  290.  
  291. <p><strong>Album</strong>:
  292. {block:Album}
  293. {Album}
  294. {/block:Album}
  295.  
  296. <p>{AudioplayerBlack}</p></center>
  297. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  298. {/block:Audio}
  299.  
  300. {block:Video}
  301. {VideoEmbed-250}
  302. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  303. {/block:Video}
  304.  
  305. {block:Answer}
  306. <div id="asks">
  307. <p><center><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"></a> <br /> <i><strong>{Question}</strong></i></center></p>
  308. </div>
  309. <p>{Answer}</p></center>
  310. {/block:Answer}
  311.  
  312. <p>
  313. <div id="footer">
  314. <center>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>{/block:Date} /
  315.  
  316. <a href="{Permalink}">{NoteCount}%</a> /
  317.  
  318. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></center>
  319. </div>
  320.  
  321. <p>{block:RebloggedFrom}
  322. <center>via: <a href="{ReblogParentURL}" title"{ReblogParentTitle}">{ReblogParentName}</center></a>
  323. {/block:RebloggedFrom}
  324.  
  325.  
  326.  
  327. <p>
  328.  
  329. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  330.  
  331.  
  332.  
  333. {block:PermalinkPage}
  334. <p>
  335. {block:PostNotes}{PostNotes}{/block:PostNotes}
  336. {block:PermalinkPage}
  337.  
  338. </div>
  339. {/block:Posts}
  340.  
  341. <center>{block:PreviousPage}
  342. <a href="{PreviousPage}">back</a>
  343. {/block:PreviousPage}
  344. -
  345. {block:NextPage}
  346. <a href="{NextPage}">next</a>
  347. {/block:NextPage}
  348. {/block:Pagination}</center>
  349. </div>
  350. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement