Advertisement
loosay

theme three 'stripped'

Jul 29th, 2014
704
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.02 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!-------------------------------------------------------------------------
  11. ---------------tommoassists' THEME THREE 'STRIPPED'-----------------
  12. --Please do not take any of the coding and use it as your own----------- -------Do not remove the credit------------
  13. ----------------message me with any questions!-------------------------->
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#888"/>
  17. <meta name="color:title" content="#ffffff"/>
  18. <meta name="color:link" content="#888"/>
  19. <meta name="color:link hover" content="#b8b8b8"/>
  20. <meta name="color:scrollbar" content="#888" />
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:link1" content="link" />
  24. <meta name="text:link1 URL" content="/" />
  25. <meta name="text:link2" content="link" />
  26. <meta name="text:link2 URL" content="/" />
  27. <meta name="text:link3" content="link" />
  28. <meta name="text:link3 URL" content="/" />
  29. <meta name="text:link4" content="link" />
  30. <meta name="text:link4 URL" content="/" />
  31.  
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  37.  
  38. <script src="//use.edgefonts.net/lora;prata;arapey.js"></script>
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  42.  
  43. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  44. ::-webkit-scrollbar-track{background-color:#ffffff;}
  45.  
  46.  
  47. body {
  48. background:{color:background};
  49. margin:0px;
  50. color:{color:text};
  51. font-family:arial;
  52. font-size:9px;
  53. line-height:150%;
  54. text-align:justify;
  55. }
  56.  
  57. div#qTip {
  58. font-size:8px;
  59. margin-top: 3px;
  60. margin-left: 3px;
  61. display: none;
  62. text-align: center;
  63. position :absolute;
  64. letter-spacing: 0px;
  65. text-transform: uppercase;
  66. z-index: 5;
  67. padding:3px;
  68. color: {color:text};
  69. background: #ffffff;
  70. border: 1px solid {color:border}}
  71.  
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. -moz-outline-style:none;
  76. color:{color:link};
  77. -webkit-transition: all 0.5s ease-in-out;
  78. -moz-transition: all 0.5s ease-in-out;
  79. -o-transition: all 0.5s ease-in-out;
  80. }
  81.  
  82. a:hover {
  83. text-decoration:none;
  84. outline:none;
  85. -moz-outline-style:none;
  86. color:{color:link hover};
  87. -webkit-transition: all 0.5s ease-in-out;
  88. -moz-transition: all 0.5s ease-in-out;
  89. -o-transition: all 0.5s ease-in-out;
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. h1 {
  97. font-size:15px;
  98. }
  99.  
  100. #entries {
  101. padding:10px;
  102. width:500px;
  103. margin-left:620px;
  104. margin-top:50px;
  105. }
  106.  
  107. #post {
  108. width:500px;
  109. margin-bottom: 50px;
  110. }
  111.  
  112.  
  113.  
  114. #title {
  115. margin-top:-20px;
  116. margin-left:630px;
  117. text-align:right;
  118. color:{color:title};
  119. font-size:30px;
  120. letter-spacing: 2px;
  121. font-family:arapey, san-serif;
  122. font-weight:bold;
  123. width:500;
  124. position:absolute;
  125. }
  126.  
  127. #sidebar {
  128. width:249px;
  129. position:fixed;
  130. margin-left:190px;
  131. margin-top:70px;
  132. }
  133.  
  134.  
  135. #links {
  136. width: 400px;
  137. line-height:100%;
  138. margin-bottom:0px;
  139. margin-top:-233px;
  140. text-align:center;
  141. font-size: 20px;
  142. }
  143.  
  144.  
  145. #links a{
  146. line-height:100%;
  147. font-family:arapey, san-serif;
  148. letter-spacing: 2px;
  149. padding:10px;
  150. color:{color:link};
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. }
  155.  
  156. #links a:hover{
  157. color:{color:link hover};
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. -o-transition: all 0.5s ease-in-out;
  161. }
  162.  
  163. #posttitle {
  164. letter-spacing: 1px;
  165. margin-bottom: 5px;
  166. color:{color:sidebar link};
  167. text-transform: uppercase;
  168. font-size:11px;
  169. text-align:left;
  170. }
  171.  
  172. #sidebarimage {
  173. width 400px;
  174. height:200px;
  175. margin-top:-20px;
  176. }
  177.  
  178. #sidebarimage img {
  179. width:400px;
  180. height:200px;
  181. }
  182.  
  183. #description {
  184. padding: 0px;
  185. line-height:130%;
  186. width:400px;
  187. background: none;
  188. font-size: 15px;
  189. font-family:arial;
  190. margin-top: 220px;
  191. margin-left: 0px;
  192. overflow:hidden;
  193. }
  194.  
  195. #pagination {
  196. font-size:15px;
  197. text-align:center;
  198. width:400px;
  199. font-family:arapey, san-serif;
  200. }
  201.  
  202. #info {
  203. font-size:8px;
  204. letter-spacing: 0px;
  205. text-transform: uppercase;
  206. padding-top: 3px;
  207. padding-bottom: 0px;
  208. margin-top:2px;
  209. }
  210.  
  211. #tags {
  212. text-transform: lowercase;
  213. letter-spacing: 0px;
  214. margin-top:0px;
  215. font-size: 9px;
  216. text-align:center;
  217. }
  218.  
  219. b, strong {
  220. color:{color:link}
  221. }
  222.  
  223. i, em {
  224. color:{color:text}
  225. }
  226.  
  227. #p, p {
  228. margin-top:5px;
  229. margin-bottom:5px
  230. }
  231.  
  232. #audio {
  233. border-radius:0%;
  234. width:100%;
  235. height:100px;
  236. margin-bottom:10px}
  237.  
  238. .albumart {
  239. border-radius:0%;
  240. padding: 2px;
  241. border: 1px #f1f1f1 solid;
  242. float:left;
  243. width:100px;
  244. height:100px}
  245.  
  246. .player {
  247. border-radius:0%;
  248. margin-left:2px;
  249. margin-top:2px;
  250. padding:11px;
  251. display:block;
  252. height:80px;
  253. width:80px;
  254. overflow:hidden;
  255. position:absolute;
  256. opacity:0.3;
  257. background:#fff;
  258. -webkit-transition:all 0.4s ease-in-out;
  259. -moz-transition:all 0.4s ease-in-out;
  260. -o-transition:all 0.4s ease-in-out;
  261. -ms-transition: all 0.4s ease-in-out;
  262. transition:all 0.5s ease-in-out}
  263.  
  264. .player:hover {
  265. opacity:0.7;
  266. -webkit-transition:all 0.4s ease-in-out;
  267. -moz-transition:all 0.4s ease-in-out;
  268. -o-transition:all 0.4s ease-in-out;
  269. -ms-transition: all 0.4s ease-in-out;
  270. transition:all 0.5s ease-in-out}
  271.  
  272. .audioplayer {
  273. width:24px;
  274. height:24px;
  275. margin:28px 0 0 28px;
  276. overflow:hidden}
  277.  
  278. .audioinfo {
  279. margin-left:105px;
  280. height:54px;
  281. line-height:100%;
  282. color:{color:text};
  283. padding:26px 5px 24px 10px;
  284. text-align:left}
  285.  
  286. .tracktitle {
  287. margin-top: 10px;
  288. color:{color:title};
  289. margin-bottom:-15px;
  290. text-transform: uppercase;
  291. font-size: 11px;
  292. }
  293.  
  294. #asks {
  295. text-align:justify;
  296. padding:22px 5px 5px 8px;
  297. background-color:transparent;
  298. min-height:43px;
  299. margin-left:70px}
  300.  
  301. .asker {
  302. margin-bottom:-12px;
  303. font-size:11px;
  304. letter-spacing:2px;}
  305.  
  306. #answers {
  307. margin-top:8px}
  308.  
  309. blockquote {
  310. margin-top: 0px;
  311. margin-bottom: 0px;
  312. width: 480px;
  313. border-left: 1px {color:border} solid;
  314. padding-left: 5px;
  315. margin-left: 5px;
  316. text-align:justify;
  317. }
  318.  
  319. #credit a {
  320. position:fixed;
  321. letter-spacing: 1px;
  322. font:10px arial;
  323. color:{color:link};
  324. padding:0px;
  325. bottom:10px;
  326. right:10px
  327. }
  328.  
  329. #credit a:hover {
  330. color:{color:text}
  331. }
  332.  
  333.  
  334. {CustomCSS}</style></head><body>
  335.  
  336. <div id="title">{Title}</div>
  337. <div id="sidebar">
  338.  
  339. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  340.  
  341. <div id="links">
  342. <a href="{text:Link1 URL}">{text:Link1}</a>
  343. <a href="{text:Link2 URL}">{text:Link2}</a>
  344. <a href="{text:Link3 URL}">{text:Link3}</a>
  345. <a href="{text:Link4 URL}">{text:Link4}</a>
  346. </div>
  347.  
  348. <div id="description">{Description}</div>
  349. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}{/block:Pagination}</div>
  350. </div>
  351.  
  352. <div id="entries">{block:Posts}<div id="post">
  353.  
  354. {block:Title}<div id="posttitle">{Title}</div>{/block:Title} {Body}
  355.  
  356. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  357.  
  358. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  359.  
  360. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  361.  
  362. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  363.  
  364. {block:Chat}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  365.  
  366. {block:Audio}
  367. <div id="audio">
  368. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  369. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 0%">{/block:AlbumArt}</div>
  370. <div class="audioinfo">
  371. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by <b>{Artist}</b>{/block:Artist}</div><br>
  372. {block:Album}<br>
  373. <b>Album:</b> {Album}{/block:Album}<br>
  374. <b>Played:</b> {FormattedPlayCount} times</div></div>
  375. {block:Caption}{Caption}{/block:Caption}
  376. {/block:Audio}
  377.  
  378. {block:Answer}
  379. <div id="asker"><center>{Asker} asked: {Question}</center><br></span> </div><left><div style="padding:4px;margin-top:2px;">{Answer}</font></div>{/block:Answer}
  380. {/block:Answer}
  381.  
  382.  
  383.  
  384. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} — {NoteCount} ♥{/block:NoteCount}{block:RebloggedFrom} — via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} (<a href="{SourceURL}">source</a>){block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  385. <div id="tags">{block:Tags}{block:HasTags}#<a href="{TagURL}">{Tag}</a> {/block:HasTags}{/block:Tags}</div>
  386.  
  387. </div>
  388. {block:PostNotes}{PostNotes}{/block:PostNotes}
  389. {/block:Posts}</div>
  390.  
  391. <!-- DO NOT REMOVE THIS -->
  392. <div id="credit"><a href="http://tommoassists.tumblr.com/"><big>✖</big></a></div>
  393. <!-- DO NOT REMOVE THIS -->
  394.  
  395. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement