Advertisement
stephsthemes

stephsthemes1

Aug 1st, 2014
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.65 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9.  
  10. <!-- Theme by teddyluqin
  11.  
  12.  
  13. Rules:
  14. 1. DO NOT STEAL AND REDISTRIBUTE AS YOUR OWN THEME
  15. 2. DO NOT USE AS BASE CODE
  16. 3. DO NOT DELETE OR MOVE THE CREDIT
  17.  
  18.  
  19. base code by OFCUTEBOYS --->
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#eeeeee"/>
  23. <meta name="color:title" content="#dddddd"/>
  24. <meta name="color:link" content="#cccccc"/>
  25. <meta name="color:linkhover" content="#bbbbbbb"/>
  26. <meta name="color:titlehover" content="bcbcbcbc" />
  27. <meta name="color:italic" content="abababab" />
  28. <meta name="color:bold" content="abababab"/>
  29. <meta name="color:scrollbar" content="#aaaaaaa"/>
  30. <meta name="color:navilink" content="#zzzzzzz"/>
  31. <meta name="image:sidebar" content=""/>
  32.  
  33. <meta name="text:link1" content="link1"/>
  34. <meta name="text:link1url" content="link1url"/>
  35.  
  36. <meta name="text:link2" content="link2"/>
  37. <meta name="text:link2url" content="link2url"/>
  38.  
  39. <meta name="text:link3" content="link3"/>
  40. <meta name="text:link3url" content="link3url"/>
  41.  
  42. <meta name="text:link4" content="link4"/>
  43. <meta name="text:link4url" content="link4url"/>
  44.  
  45. <style type:"text/css">
  46.  
  47. ::-webkit-scrollbar {
  48. width: 6px;
  49. height: 3px;
  50. background: {color:background};
  51.  
  52. }
  53. ::-webkit-scrollbar-thumb {
  54. background-color:{color:title};
  55.  
  56. }
  57.  
  58.  
  59. body {
  60. background-color:{color:background};
  61. font-family:georgia, arial;
  62. font-size:10px;
  63. line-height:100%;
  64. color:{color:text};
  65.  
  66. }
  67.  
  68. a {
  69. color:{color:link};
  70. text-decoration:none;
  71. -webkit-transition-duration:.5s ease-in-out;
  72. -moz-transition-duration:.5s ease-in-out;
  73. -o-transition-duration:.5s ease-in-out;
  74. }
  75.  
  76. a:hover {
  77. color:{color:linkhover};
  78. -webkit-transition-duration:.5s ease-in-out;
  79. -moz-transition-duration:.5s ease-in-out;
  80. -o-transition-duration:.5s ease-in-out;
  81. }
  82.  
  83. h1 {
  84. font-size:16px;
  85. font-weight:bold;
  86. text-transform:lowercase;
  87. font-weight:95;
  88. text-align:center;
  89. font-style:italic;
  90. letter-spacing:-1px;
  91. line-height:100%;
  92. color:{color:title};
  93. }
  94.  
  95.  
  96. i {
  97. color:{color:italic};
  98.  
  99. }
  100.  
  101. b {
  102. color:{color:bold};
  103. }
  104.  
  105. blockquote {
  106. padding-left:10px;
  107. border-left:1px solid;
  108. }
  109.  
  110. blockquote blockquote {
  111. padding-left:10px;
  112. border-left:1px solid;
  113. color:{color:text};
  114. }
  115.  
  116.  
  117. #header {
  118. width:200px;
  119. height:100px;
  120. text-align:center;
  121. margin-top:45px;
  122. margin-left:auto;
  123. margin-right:auto;
  124. margin-bottom:150px;
  125. border-bottom:1px solid #ffffff;
  126. padding-bottom:50px;
  127. -webkit-transition-duration:.5s;
  128. -moz-transition-duration:.5s;
  129. -o-transition-duration:.5s;
  130.  
  131. }
  132.  
  133. #title {
  134. color:{color:title};
  135. width:200px;
  136. line-height:50%;
  137. margin-left:auto;
  138. margin-right:auto;
  139. overflow:hidden;
  140. text-align:center;
  141. font-size:60px;
  142. padding:4px;
  143. font-family:ar decode, andalus, arial;
  144. text-transform:lowercase;
  145. padding-bottom:10px;
  146. border-bottom:1px solid black;
  147. -webkit-transition-duration:.5s;
  148. -moz-transition-duration:.5s;
  149. -o-transition-duration:.5s;
  150. }
  151.  
  152. #title a:hover {
  153. color:{color:titlehover};
  154. }
  155.  
  156. #navilinks {
  157. text-align:center;
  158. text-transform:uppercase;
  159. font-size:8.5px;
  160. font-family:georgia, arial;
  161. letter-spacing:1px;
  162. margin-top:-10px;
  163. margin-left:auto;
  164. margin-right:auto;
  165. opacity:0;
  166. -webkit-transition-duration:.5s;
  167. -moz-transition-duration:.5s;
  168. -o-transition-duration:.5s;
  169. }
  170.  
  171.  
  172. #navilinks a {
  173. color:{color:navilink};
  174. }
  175.  
  176. #navilinks a:hover {
  177. color:{color:linkhover};
  178. -webkit-transition-duration:.5s;
  179. -moz-transition-duration:.5s;
  180. -o-transition-duration:.5s;
  181.  
  182. }
  183.  
  184. #header:hover #navilinks {
  185. opacity:1;
  186. margin-top:4px;
  187. -webkit-transition-duration:.5s;
  188. -moz-transition-duration:.5s;
  189. -o-transition-duration:.5s;
  190. }
  191.  
  192. #description {
  193. margin-top:5px;
  194. width:200px;
  195. text-align:center;
  196. font-family:arial;
  197. text-transform:none;
  198. font-size:10px;
  199. -webkit-transition-duration:.5s;
  200. -moz-transition-duration:.5s;
  201. -o-transition-duration:.5s;
  202. }
  203.  
  204. #header:hover #description {
  205. margin-top:5px;
  206. -webkit-transition-duration:.5s;
  207. -moz-transition-duration:.5s;
  208. -o-transition-duration:.5s;
  209. }
  210.  
  211. #entries {
  212. padding:10px;
  213. width:500px;
  214. margin-top:-200px;
  215. margin-left:auto;
  216. margin-right:auto;
  217. }
  218.  
  219. #post {
  220. width:500px;
  221. margin-top:60px;
  222. padding-bottom:10px;
  223. margin-left:right;
  224. }
  225.  
  226. .asker {
  227. background-color:{color:background};
  228. border-bottom:1px solid {color:linkhover};
  229. width:100%;
  230. text-align:left;
  231. padding:5px;
  232. font-family:georgia, arial;
  233. font-size:20px;
  234. color:{color:link};
  235. letter-spacing:-1px;
  236. text-transform:lowercase;
  237. font-style:italic;
  238. }
  239.  
  240. .asker a {
  241. border:none;
  242. }
  243.  
  244. .question {
  245. background-color:{color:background};
  246. color:{color:text};
  247. width:100%;
  248. padding:5px;
  249. font-family:georgia, arial;
  250. text-align:center;
  251. font-size:14px;
  252. min-height:20px;
  253. font-style:italic;
  254.  
  255. }
  256.  
  257. .reply {
  258. padding:2px;
  259. font-size:12px;
  260. font-weight:italic;
  261. }
  262.  
  263. #audio {
  264. position:relative;
  265. margin-bottom:30px;
  266. padding:10px;
  267. }
  268.  
  269. .tumblr_audio_player {
  270. position: relative;
  271. height:40px;
  272. width: 40px;
  273. margin-top:10px;
  274. padding-bottom:10px;
  275. }
  276.  
  277.  
  278. .trackinfo {
  279. font-size:20px;
  280. position:relative;
  281. padding:25px;
  282. margin-top:40px;
  283. text-align:right;
  284. }
  285.  
  286.  
  287.  
  288.  
  289. #info {
  290. width:500px;
  291. font-size:6px
  292. text-align:left;
  293. padding-top:5px;
  294. margin-top:5px;
  295. margin-bottom:10px;
  296.  
  297. }
  298.  
  299. #tags {
  300. text-align:center;
  301. margin-top:5px;
  302. font-size:10px;
  303. color:{color:link};
  304. font-style:italic;
  305.  
  306. }
  307.  
  308.  
  309. #pagi {
  310. margin-right:auto;
  311. margin-left:auto;
  312. text-transform:lowercase;
  313. text-align:center;
  314. font-size:10px;
  315. margin-top:40px;
  316. margin-bottom:-20px;
  317. color:{color:link};
  318.  
  319. }
  320.  
  321. #cred {
  322. bottom:3px;
  323. position:fixed;
  324. right:10px;
  325. float:left;
  326. font-family:arial;
  327. color:{color:link};
  328. font-size:10px;
  329. margin-bottom:5px;
  330. text-transform:lowercase;
  331. }
  332.  
  333. #cred a {
  334. color:{color:link};
  335. }
  336.  
  337.  
  338. #cred a:hover {
  339. color:{color:linkhover};
  340. }
  341.  
  342. {CustomCSS}</style></head>
  343.  
  344. <body>
  345.  
  346.  
  347. <div id="header">
  348. <div id="title"><a href="/">{Title}</a></div>
  349. <div id="navilinks">
  350. <a href=/ask>Ask</a>
  351. <a href="{text:link1url}">{text:link1}</a>
  352. <a href="{text:link2url}">{text:link2}</a>
  353. <a href="{text:link3url}">{text:link3}</a>
  354. <a href="{text:link4url}">{text:link4}</a>
  355. <a href="{text:link5url}">{text:link5}</a>
  356. </div>
  357. <div id="description">{Description}</div>
  358. </div>
  359.  
  360. <div id="entries">{block:Posts}<div id="post">
  361.  
  362. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  363.  
  364. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  365.  
  366. {block:Photoset}
  367. <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  368.  
  369. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  370.  
  371. {block:Quote}<h1>{Quote}</h1>{block:Source}<center>-{Source}</center>{/block:Source}{/block:Quote}
  372.  
  373. {block:AudioPlayer}{AudioPlayerWhite}{/block:Audio}
  374. <div id="trackinfo">
  375. {block:TrackName}{Trackname}{block:Trackname}{block:Artist} by {Artist}{/block:Artist}</div>
  376. {/block:AudioPlayer}
  377.  
  378. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  379.  
  380. {block:Answer}
  381. <div class="asker">
  382. {Asker}: </div><div class="question">{Question}</div>
  383. <div class="reply">
  384. {Answer}</div>
  385. {/block:Answer}
  386.  
  387. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  388.  
  389. <div id="info">
  390.  
  391. posted <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  392. with <a href="{Permalink}">{NoteCountWithLabel}</a> <br>
  393. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> / {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  394. <br>
  395. {block:HasTags}
  396. <div id="tags">
  397. {block:Tags} - <a href="{TagURL}">{Tag} &nbsp&nbsp </a>{/block:Tags}</div>
  398. {/block:HasTags}
  399. </div>
  400.  
  401. {/block:Posts}
  402.  
  403.  
  404. <div id="pagi">
  405. {block:Pagination}{block:PreviousPage}<i><a href="{PreviousPage}"> ← back </a></i>{/block:PreviousPage}
  406. {block:NextPage}<i></i><a href="{NextPage}"> forward → </a></i>{/block:NextPage}{/block:Pagination}
  407. </div>
  408.  
  409. <div id="cred"><a href="http://teddyluqin.tumblr.com/">♛</a></div>
  410.  
  411. </body>
  412. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement