API tools faq
paste
Advertisement
ofcuteboys

Theme #07, "Redux 01"

ofcuteboys
Dec 28th, 2013
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.36 KB | None | 0 0
raw download clone embed print report
  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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----THEME #07 BY OFCUTEBOYS
  9.  
  10. Custom theme for Israa aka tattums
  11.  
  12.  
  13. available for public use in accordance with creative commons 4.0 licensing
  14.  
  15. please follow the rules if you use this:
  16.  
  17. 1. No stealing, redistributing, borrowing pieces of the code, claiming as your own, or using as a base code.
  18.  
  19. 2. You may not tamper with the credit in any way, including but not limited to moving it, changing its appearance, and removing it.
  20.  
  21. 3. You must like or reblog the theme post in order to use this theme.
  22.  
  23. 4. You may edit as much as you like. It's still 100% my theme.
  24.  
  25. please enjoy it!
  26.  
  27. special thanks/credit goes to the following people:
  28. -hoenarry (base code)
  29.  
  30.  
  31.  
  32.  
  33. --->
  34.  
  35.  
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Text" content="#838282"/>
  38. <meta name="color:Link" content="#b8b8b8"/>
  39. <meta name="color:posts" content="#ffffff"/>
  40. <meta name="color:Hover" content="#838282"/>
  41. <meta name="color:accent" content="#838282"/>
  42. <meta name="color:scrollbarbg" content="#838282"/>
  43. <meta name="color:sidebar" content="#ff0000"/>
  44. <meta name="text:link1" content="link 1 title">
  45. <meta name="text:link1url" content="link 1 url">
  46. <meta name="text:link2" content="link 2 title">
  47. <meta name="text:link2url" content="link 2 url">
  48. <meta name="image:backgroundimage" content="https://24.media.tumblr.com/f168ae50ca6a7fad9437d6f502ded877/tumblr_my6ijfYFlW1r4cjjlo2_250.jpg"/>
  49.  
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57.  
  58. body {
  59. background-image:url({image:backgroundimage});
  60. margin:0px;
  61. background-attachment: fixed;
  62. background-repeat: repeat;
  63. color:{color:text};
  64. font-family:candara;
  65. font-size:12px;
  66. line-height:100%;
  67. }
  68.  
  69. a {
  70. font-size:15px;
  71. text-shadow:1px 1px {color:accent};
  72. color:{color:link};}
  73.  
  74. a:hover{
  75. color:{color:hover};
  76. }
  77.  
  78. img {
  79. border:none;
  80. }
  81.  
  82. ::selection {
  83. background-color:{color:accent};
  84. }
  85.  
  86. blockquote {
  87. padding-left:5px;
  88. border-left:2px solid;
  89. }
  90.  
  91. blockquote blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96. h1 {
  97. font-size:15px;
  98. }
  99.  
  100. #entries {
  101. padding:10px;
  102. width:500px;
  103. margin-left:500px;
  104. margin-top:40px;
  105. }
  106.  
  107. #lace {
  108. background-image:url(http://media.tumblr.com/3ea0e75af7eb7375e5b1c9ed4c96be5b/tumblr_inline_moqo7gfSbI1qz4rgp.png);
  109. width:100%;
  110. height:17px;
  111. position:fixed;
  112. margin-top:-40px;
  113. }
  114.  
  115. #post {
  116. width:500px;
  117. -webkit-border-radius:10px;
  118. -moz-border-radius:10px;
  119. -o-border-radius:10px;
  120. -webkit-box-shadow:6px 6px #888;
  121. -moz-box-shadow:6px 6px #888;
  122. -o-box-shadow:6px 6px #888;
  123. background-color:{color:posts};
  124. padding:10px;
  125. margin-bottom:50px;
  126. }
  127.  
  128. #sidebar {
  129. background-color:{color:sidebar};
  130. width:150px;
  131. height:100px;
  132. position:fixed;
  133. padding:10px;
  134. margin-left:200px;
  135. margin-top:100px;
  136. -webkit-border-radius:10px;
  137. -moz-border-radius:10px;
  138. -o-border-radius:10px;
  139. -webkit-box-shadow:6px 6px gray;
  140. -moz-box-shadow:6px 6px gray;
  141. -o-box-shadow:6px 6px gray;
  142. }
  143.  
  144. #stars {
  145. font-size:15px;
  146. word-spacing:20px;
  147. text-align:center;
  148. margin-top:-40px;
  149. margin-left:-60px;
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. width: 5px;height: 5px;}
  154. ::-webkit-scrollbar-button:start:decrement,
  155. ::-webkit-scrollbar-button:end:increment {
  156. height: 6px;display: block;background-color: {color:white};}
  157. ::-webkit-scrollbar-track-piece {
  158. background-color: {color:scrollbarbg};}
  159. ::-webkit-scrollbar-thumb:vertical {
  160. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  161.  
  162.  
  163. #links{
  164. margin-top:10px;
  165. position:fixed;
  166. margin-left:20px;
  167. }
  168.  
  169.  
  170.  
  171. #description {
  172. text-align:center;
  173. text-transform:lowercase;
  174. line-height:100%;
  175. font-family:candara;
  176. font-size:12px;
  177. color:black;
  178.  
  179. margin-top:25px;
  180. width:150px;
  181. }
  182.  
  183. #description a {
  184. font-weight:bold;
  185. font-size:14px;
  186. text-shadow:1px 1px {color:accent};
  187. color:black;
  188. }
  189.  
  190. #description a:hover {
  191. color:white;
  192. }
  193.  
  194. #pagination {
  195. font-size:10px;
  196. text-align:center;
  197. }
  198.  
  199. #info {
  200. text-align:center;
  201. margin-top:10px;
  202. opacity:0;
  203. -webkit-transition-duration:1s;
  204. -o-transition-duration:1s;
  205. -moz-transition-duration:1s;
  206. }
  207.  
  208. #post:hover #info {
  209. opacity:1;
  210. -webkit-transition-duration:1s;
  211. -o-transition-duration:1s;
  212. -moz-transition-duration:1s;
  213. }
  214.  
  215. #asker {
  216. float:left;
  217. margin-right:5px;
  218. }
  219.  
  220. {CustomCSS}</style></head><body>
  221.  
  222. <div id="lace"></div>
  223.  
  224. <div id="sidebar">
  225.  
  226. <div id="stars">
  227. <a href="/"><img src="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/z199412725.gif"></a>
  228. <a href="/ask" title="mssg"><img src="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/z199412725.gif"></a>
  229. <a href="/archive" title="archive"><img src="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/z199412725.gif"></a>
  230. <a href="/random" title="random"><img src="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/z199412725.gif"></a>
  231.  
  232. </div>
  233.  
  234. <div id="description">{Description}</div>
  235.  
  236.  
  237. <div id="links">
  238. <select onchange='location=this.options[this.selectedIndex].value;' style=' font-family: arial;line-height:90%;font-size: 12px;text-transform:lowercase; width:100px; letter-spacing:1px; margin-left:10px; background-color:#ffffff; font-weight:bold;border: 1px solid #dfdddd;height:18px;margin-top:-5px;margin-bottom:3px; padding:1px; color:#000; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;padding-bottom:10px;
  239. '>
  240. <option>hella rad</option>
  241.  
  242. <option value="/">home</option>
  243. <option value="/ask">inbox</option>
  244. <option value="{text:link1url}">{text:link1}</option>
  245. <option value="{text:link2url}">{text:link2}</option>
  246. <option value="{Previous}">previous page</option>
  247. <option value="{Next}">next page</option>
  248. <option value="http://ofcuteboys.tumblr.com/">themecred</option>
  249.  
  250. </select></div>
  251.  
  252.  
  253. <div id="pagination">
  254. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} —
  255. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  256. </div>
  257.  
  258. </div>
  259.  
  260. <div id="entries">{block:Posts}<div id="post">
  261.  
  262. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  263.  
  264. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  265.  
  266. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  267.  
  268. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  269.  
  270. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  271.  
  272. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  273.  
  274. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  275.  
  276. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  277.  
  278. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  279.  
  280. <div id="info"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a> {/block:Date} with <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  281. <br>
  282. {block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  283.  
  284. </div>
  285. {block:PostNotes}{PostNotes}{/block:PostNotes}
  286. {/block:Posts}</div>
  287.  
  288. </body></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!