Advertisement
styelsh

Gypsy Theme

Mar 27th, 2014
20,139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.12 KB | None | 0 0
  1. <script type="text/javascript"
  2. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  3.  
  4. <head>
  5.  
  6. <!--
  7. THEME BY SOPHIASMITHOFFICIAL
  8. [REGANSTHEMES.TUMBLR.COM]
  9. DO NOT STEAL OR REMOVE CREDIT
  10. -->
  11.  
  12. <meta name="color:text" content="#2e2e2e"/>
  13. <meta name="color:link" content="#2e2e2e"/>
  14. <meta name="color:linkHoverbg" content="#2e2e2e" />
  15. <meta name="color:scrollbar" content="#2e2e2e" />
  16.  
  17. <meta name="image:sidebar" content=""/>
  18.  
  19. <meta name="text:Link 1" content="">
  20. <meta name="text:Link 1 Title" content="">
  21. <meta name="text:Link 2" content="">
  22. <meta name="text:Link 2 Title" content="">
  23. <meta name="text:Link 3" content="">
  24. <meta name="text:Link 3 Title" content="">
  25.  
  26. <head><title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <style type="text/css">
  31.  
  32. ::-webkit-scrollbar {width: 3px; height:auto; background:{color:background}}
  33. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  34. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  35. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  36. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  37. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  38. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  39.  
  40. body {
  41. background: {color:Background} url('{image:Background}') no-repeat center fixed ;
  42. -webkit-background-size: cover;
  43. -moz-background-size: cover;
  44. -o-background-size: cover;
  45. background-size: cover;
  46. font-family:arial;
  47. font-size:8px;
  48. letter-spacing:1px;
  49. line-height:150%;
  50. color:{color:text};
  51. }
  52.  
  53. a:link, a:active, a:visited{color: {color:link};}
  54. a:hover{color:{color:link}; text-decoration:none;}
  55.  
  56. a {
  57. color:{color:link};
  58. text-decoration:none;
  59. -moz-transition-duration:0.4s;
  60. -webkit-transition-duration:0.4s;
  61. -o-transition-duration:0.4s;
  62. }
  63.  
  64. a:hover {
  65. color:{color:link};
  66. text-decoration:none;
  67. -moz-transition-duration:0.4s;
  68. -webkit-transition-duration:0.4s;
  69. -o-transition-duration:0.4s;
  70. }
  71.  
  72. #container {
  73. background-color:{color:background};
  74. width:700px;
  75. margin: 0 auto -12px auto;
  76. text-align: center;
  77. }
  78.  
  79. .links{
  80. padding:8px;
  81. font-size:8px;
  82. margin-top:0px;
  83. text-transform:uppercase;
  84. margin-bottom:0px;
  85. word-spacing:3px;
  86. text-align:center;
  87. }
  88.  
  89. .links a{
  90. padding:0px;
  91. letter-spacing:1px;
  92. color:{color:link};
  93. text-decoration:none;
  94. -moz-transition-duration:0.4s;
  95. -webkit-transition-duration:0.4s;
  96. -o-transition-duration:0.4s;
  97. }
  98.  
  99. .links a:hover{
  100. text-decoration:underline;
  101. -moz-transition-duration:0.4s;
  102. -webkit-transition-duration:0.4s;
  103. -o-transition-duration:0.4s;
  104. }
  105.  
  106. #sidebar {
  107. margin-left:-300px;
  108. top: 200px;
  109. position:fixed;
  110. width:250px;
  111. }
  112.  
  113. #descri {
  114. width:250px;
  115. padding:0px;
  116. }
  117.  
  118. #descri img {
  119. width:250px;
  120. }
  121.  
  122. #stext {
  123. padding:5px;
  124. margin-top:5px;
  125. margin-bottom:5px;
  126. font-size:8px;
  127. text-align:center;
  128. }
  129.  
  130. .pagi {
  131. font-size:15px;
  132. text-align:center;
  133. margin-top:40px;
  134. margin-bottom:60px;
  135. padding:0px;
  136. position:justify;
  137. margin-left:auto;
  138. margin-right:auto;
  139. }
  140.  
  141. h1 {
  142. font-size:8px;
  143. text-transform:uppercase;
  144. text-align:left;
  145. letter-spacing:1px;
  146. margin-bottom:6px;
  147. font-weight:normal;
  148. }
  149.  
  150. h2 {
  151. font-size:15px;
  152. letter-spacing:0px;
  153. text-align:justify;
  154. font-weight:normal;
  155. padding:10px;
  156. }
  157.  
  158. #asker {
  159. color:#ffffff;
  160. float:left;
  161. padding:1px;
  162. margin-top:-2px;
  163. margin-right:5px;
  164. }
  165.  
  166. #question {
  167. color:#ffffff;
  168. background-color:#000000;
  169. padding:10px;
  170. line-height:90%;
  171. }
  172.  
  173. #answer {
  174. line-height:90%;
  175. }
  176.  
  177. blockquote {
  178. border-left:1px solid #e9e7e7;
  179. padding-left:10px;
  180. margin:5px;
  181. }
  182.  
  183. #stuffcontainer {
  184. float:center;
  185. text-align:left;
  186. margin-left:auto;
  187. margin-right:auto;
  188. margin-bottom: 0px;
  189. width:500px;
  190. }
  191.  
  192. #stuff {
  193. width:500px;
  194. margin-left:auto;
  195. margin-right:auto;
  196. margin-top:50px;
  197. margin-bottom:30px;
  198. text-align:justify;
  199. padding:10px;
  200. }
  201.  
  202. #stuff img {
  203. width:100%;
  204. }
  205.  
  206. #stuff:hover .tags {
  207. opacity:1;
  208. -moz-transition-duration:0.5s;
  209. -webkit-transition-duration:0.5s;
  210. -o-transition-duration:0.5s;
  211. }
  212.  
  213. #postinfo {
  214. margin-left:510px;
  215. opacity:1;
  216. font-size:8px;
  217. text-align:left;
  218. position:absolute;
  219. margin-top:10px;
  220. width:100px;
  221. }
  222.  
  223. #postinfo a{
  224. padding:3px;
  225. }
  226.  
  227. .tags {
  228. text-align:center;
  229. font-size:8px;
  230. margin-top:5px;
  231. opacity:0;
  232. -moz-transition-duration:0.5s;
  233. -webkit-transition-duration:0.5s;
  234. -o-transition-duration:0.5s;
  235. }
  236.  
  237. ol.notes {
  238. width:500px;
  239. margin-left:auto;
  240. margin-right:auto;
  241. padding:0px;
  242. font-size:8px;
  243. margin-top:40px;
  244. list-style-type:none;
  245. text-align:left;
  246. }
  247. ol.notes li.note {
  248. padding: 10px;
  249. }
  250. ol.notes li.note img.avatar {
  251. vertical-align:-4px;
  252. margin-right:10px;
  253. width:16px;
  254. height:16px;
  255. -webkit-border-radius:100px;
  256. -moz-border-radius:100px;
  257. border-radius:100px;
  258. }
  259. ol.notes li.note span.action {
  260. font-weight:normal;
  261. }
  262. ol.notes li.note .answer_content {
  263. font-weight:normal;
  264. }
  265. ol.notes li.note blockquote {
  266. padding:9px 6px 9px 6px;
  267. }
  268.  
  269. #cred {
  270. bottom:30px;
  271. font-style:none;
  272. right:35px;
  273. position:fixed;
  274. }
  275.  
  276. </style>
  277. <style type="text/css">{CustomCSS}</style>
  278.  
  279. </head>
  280. <body>
  281.  
  282. <div id="cred"><a href="http://regansthemes.tumblr.com/">♡</a></div>
  283.  
  284. <div id="stuffcontainer">
  285.  
  286. <div id="sidebar">
  287. <div id="descri">
  288.  
  289. <center><div class="links">
  290. <a href="/">home</a> ♡
  291. <a href="/ask">ask</a> ♡
  292. {block:ifLink1} <a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  293. {block:ifLink2} ♡ <a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  294. {block:ifLink3} ♡ <a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  295. </div></center>
  296.  
  297. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  298.  
  299. <div id="stext">
  300. {Description}
  301. </div>
  302.  
  303. </div></div>
  304.  
  305. {block:Posts}<div id="stuff">
  306.  
  307. {block:Date}<div id="postinfo"><div id="date">
  308. {block:NoteCount}♡ <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  309. {12HourWithZero}:{Minutes}{AmPm}
  310. {block:PermalinkPage}
  311. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{SourceURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  312. {/block:PermalinkPage}
  313.  
  314. </div></div>
  315. {/block:Date}
  316.  
  317. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  318.  
  319. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  320.  
  321. {block:Quote}<h2>“{Quote}” <br><br><center><b>— {Source}</b></center></h2>{/block:Quote}
  322.  
  323. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  324. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  325.  
  326. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  327.  
  328. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  329.  
  330. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  331.  
  332. {block:Answer}<div id="question"><big><B>{Asker}</B></big>: {Question}</div><br><div id="answer">{Answer}</div>{/block:Answer}
  333.  
  334. {block:Audio}<div class="audio"><div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div><br><div class="playercontainer">{AudioPlayerWhite}</div></div>{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  335.  
  336. {block:HasTags}
  337. <div class="tags">
  338. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  339. {/block:HasTags}
  340.  
  341. </div>
  342.  
  343. {block:PostNotes}{PostNotes}{/block:PostNotes}
  344.  
  345. {/block:Posts}
  346.  
  347. {block:ContentSource}
  348. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  349.  
  350. {block:Pagination}
  351. <div class="pagi">
  352. {block:PreviousPage}
  353. <a href="{PreviousPage}">←</a>
  354. {/block:PreviousPage}
  355.  
  356. {block:NextPage}
  357. <a href="{NextPage}">→</a>
  358. {/block:NextPage}
  359. </div>
  360. {/block:Pagination}
  361.  
  362. </div>
  363.  
  364. </body>
  365. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement