API tools faq
paste
Advertisement
septaaa

07. Uniform B theme

septaaa
Jul 30th, 2014
1,084
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.38 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------------------------------
  2. O P U R P L E || SEPTAAA
  3. codes by septaaa (opurple@tumblr)
  4. themes form B creat at 2014/07/31
  5. DO NOT CROP CREDT!! BE SURE TO READ MY RULES
  6. IF ANY QUESTIONS, FEEL FREE TO ASK!
  7. (http://opurple.tumblr.com)
  8.  
  9. -------------------------------------------------------------------->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("[title]").style_my_tooltips();
  24. });
  25. })(jQuery);
  26. </script>
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Bg post" content="#ffffff"/>
  30. <meta name="color:Text" content="#838282"/>
  31. <meta name="color:title" content="#889da3" />
  32. <meta name="color:topbar" content="#464646"/>
  33. <meta name="color:Link" content="#91bbe8"/>
  34. <meta name="color:linkhover" content="#4b83bf"/>
  35. <meta name="color:nav linkhover" content="#aaaaaa"/>
  36. <meta name="color:nav link" content="#1a1a1a"/>
  37. <meta name="color:description text" content="#777777" />
  38. <meta name="color:line border" content="#1a1a1a" />
  39. <meta name="color:selection" content="#333333" />
  40. <meta name="color:bold" content="#464646" />
  41. <meta name="color:asker bg" content="#f5f5f5">
  42. <meta name="color:Scrollbar" content="#1a1a1a" />
  43. <meta name="color:smtooltip" content="#fff"/>
  44. <meta name="color:smtooltip bg" content="#1f1f1f"/>
  45.  
  46. <meta name="if:250px" content="0"/>
  47. <meta name="if:400px" content="1"/>
  48. <meta name="if:500px" content="0"/>
  49. <meta name="if:Show Caption" content="1"/>
  50. <meta name="if:showtags" content="1"/>
  51. <meta name="if:showfish" content="0"/>
  52. <meta name="image:side image" content="https://38.media.tumblr.com/7eb37992c9885afbf202e8f401337c62/tumblr_n9ljklBiAa1tfemujo1_400.png"/>
  53. <meta name="image:sidebg" content="https://31.media.tumblr.com/9f466750243e4774a6b71451466d04ee/tumblr_inline_n94w2eUc4p1rxz4i9.png"/>
  54. <meta name="image:topbar bg" content="http://static.tumblr.com/137f5a0320c9c454b4a93a26ce72c076/s4sajvj/JEan9jk4s/tumblr_static_3ol7bu8xmri84w8w84oo84k08.png"/>
  55.  
  56. <meta name="text:second title" content=""/>
  57. <meta name="text:link 1 title" content="link 1"/>
  58. <meta name="text:link 1" content="Link option"/>
  59. <meta name="text:link 1 url" content="/"/>
  60. <meta name="text:link 2 title" content="link 2"/>
  61. <meta name="text:link 2" content="Link option"/>
  62. <meta name="text:link 2 url" content="/"/>
  63. <meta name="text:link 3 title" content="link 3"/>
  64. <meta name="text:link 3" content="Link option"/>
  65. <meta name="text:link 3 url" content="/"/>
  66. <meta name="text:link 4 title" content="link 4"/>
  67. <meta name="text:link 4" content="Link option"/>
  68. <meta name="text:link 4 url" content="/"/>
  69. <meta name="text:link 5 title" content="link 5"/>
  70. <meta name="text:link 5" content="Link option"/>
  71. <meta name="text:link 4 url" content="/"/>
  72. <meta name="text:link 6 title" content="link 6"/>
  73. <meta name="text:link 6" content="Link option"/>
  74. <meta name="text:link 6 url" content="/"/>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  77. <link href='http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900' rel='stylesheet' type='text/css'>
  78. <link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
  79. <style type="text/css">
  80. #s-m-t-tooltip {
  81. display: block;
  82. background: {color:smtooltip bg};
  83. font-size: 10px;
  84. font-family: calibri;
  85. letter-spacing: 0px;
  86. text-transform: uppercase;
  87. color: {color:smtooltip};
  88. text-align: center;
  89. margin-left: 18px;
  90. padding: 1px 4px;
  91. border: 1px solid #fff;
  92. min-width: 40px;
  93. max-width: 200px;
  94. z-index: 99999;}
  95. ::-webkit-scrollbar-track {background-color:transparent;}
  96. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; border:1px dashed#000;}
  97. ::-webkit-scrollbar {width:5px;height:5px;}
  98.  
  99. ::selection { background-color:{color:selection};
  100. color:#fff; }
  101. body, a { cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto }
  102. a:hover { cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;}
  103. iframe#tumblr_controls {right:5px !important; position: fixed !important;
  104. z-index:999999999!important;
  105. opacity:0.5;
  106. -webkit-filter:invert(100%);
  107. -moz-filter:invert(100%);
  108. -o-filter:invert(100%);
  109. -ms-filter:invert(100%);
  110. filter:invert(100%);}
  111. body {
  112. background:{color:background};
  113. background-image:url(''); /*changes the main background*/
  114. background-attachment:fixed;
  115. margin:0px;
  116. color:{color:text};
  117. font-family:calibri,helvetica, arial, sans-serif;
  118. letter-spacing:0px;
  119. font-size:12px;
  120. {block:if250px}
  121. font-size:10px;
  122. {/block:if250px}
  123. line-height:150%;}
  124. a { color:{color:link};
  125. text-decoration: none;
  126. padding:0px 2px;}
  127. a:hover {
  128. color:{color:linkhover};
  129. transition-duration: 0.9s;
  130. -moz-transition-duration: 0.9s;
  131. -webkit-transition-duration: 0.9s;
  132. -o-transition-duration: 0.9s;}
  133. img { border:none;}
  134. blockquote { padding-left:5px;
  135. border-left:2px solid;}
  136. blockquote blockquote { padding-left:5px;
  137. border-left:2px solid;}
  138. h1 { font-size:15px;}
  139. b, strong {
  140. color:{color:bold};
  141. font-weight:bold;}
  142. #topbar { width:auto; top:0px; position:absolute; height:150px;
  143. background-attachment:fixed;}
  144. #fish { top:0px; position:absolute; height:180px; width:100%;
  145. background:url("{image:topbar bg}") repeat fixed center;}
  146. #title {
  147. width:auto; margin-top:5px; height:auto;
  148. -webkit-transition: all 0.8s ease;
  149. -moz-transition: all 0.8s ease;
  150. -o-transition: all 0.8s ease;padding:2px 10px ; text-align:left; line-height:normal; color:{color:title}; font-size:70px; font-family: 'Orbitron', sans-serif; letter-spacing:-2px; font-weight: 400;}
  151. #title::first-letter {
  152. font-size:110px; font-family: 'Orbitron', sans-serif; letter-spacing:1px; font-weight: 400;
  153. }
  154. #nav{opacity:.7;font-weight:bold;z-index:3;height:auto;margin-top:-30px; width:100%; letter-spacing:1px;}
  155. ul#navinti{height:30px;font-size:11px;margin:10px 0px 0px 5px;padding:0;float:left}
  156. ul#navinti li{list-style:none;
  157. display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative}
  158. ul#navinti li a{display:block;background-color: {color:nav link};
  159. border: 1px solid {color:nav link};
  160. text-decoration:none;color:white;padding:3px 10px; margin:0px 3px;}
  161. ul#navinti li.dgnsub > a{background-color: {color:nav link};
  162. border: 1px solid {color:nav link}; color:white;
  163. padding-right:20px}
  164. ul#navinti li.dgnsub > a::after{content:"";width:0;color:white;background-color: {color:nav link};
  165. border: 1px solid {color:nav link};
  166. height:0;border-width:2px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:12px;right:7px;}
  167. ul#navinti li:hover > a{background-color: {color:nav linkhover};
  168. border: 1px solid #ffffff;
  169. }
  170. ul#navinti ul.sub-menu{position:absolute;z-index:5;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:180px;background-color:none;font-weight:normal;display:none; line-height:30px;}
  171. ul#navinti li:hover ul.sub-menu.hidden{display:block; }
  172. ul#navinti ul li{float:none;display:block}
  173. ul#navinti ul a{color:black;padding:0 10px; background-color:none;}
  174. ul#navinti ul a:hover{background-color:{color:nav linkhover};border-left:4px solid #333}
  175. #mobilenav{display:none}
  176. #konten {
  177. width:540px; position:absolute; right:0px; top:180px; height:450px;
  178. padding:10px 0px 10px 0px; overflow-Y:auto; overflow-X:hidden;}
  179. #posted {
  180. {block:if250px} width:250px; margin-left:60px; {/block:if250px}
  181. {block:if400px} width:400px; margin-left:25px; {/block:if400px}
  182. {block:if500px} width:500px; margin-left:0px; {/block:if500px}
  183. margin-bottom:15px; border:15px solid{color:bg post}; background:{color:bg post}; overflow: hidden;
  184. }
  185. #posted:hover #tags{ opacity:1;
  186. -webkit-transition: all 0.8s ease;
  187. -moz-transition: all 0.8s ease;
  188. -o-transition: all 0.8s ease;
  189. }
  190. #photos img {
  191. {block:if250px} width:250px; {/block:if250px}
  192. {block:if400px} width:400px; {/block:if400px}
  193. {block:if500px} width:500px; {/block:if500px}}
  194. #photoset img {
  195. {block:if250px} width:250px; {Photoset-250} {/block:if250px}
  196. {block:if400px} width:400px; {Photoset-400} {/block:if400px}
  197. {block:if500px} width:500px; {Photoset-500} {/block:if500px}
  198. }
  199. #audioanya{
  200. position:relative; margin:0px; min-height:80px;
  201. }
  202. #albumnya img {
  203. width:80px; margin-top:0px; margin-left:0px;
  204. border: 1px double {color:Border}; float:left; z-index:10;
  205. }
  206. #playnya {
  207. position:absolute; float:left; opacity:.8; overflow:hidden; margin-left:30px; margin-top:28px; z-index:100000; width:30px;
  208. }
  209. #audio {
  210. position:absolute; float:left; padding:5px; font-size:12px; line-height:130%; z-index:10000; color:{color:Text}; margin-left:90px; margin-top:0px;
  211. }
  212. #question { padding:5px; margin-left:6px; text-align:center; color:{color:text}; line-height:150%; background-color:{color:asker bg};
  213. }
  214. #question-image img {
  215. width:20px; height:20px; margin-left:6px; margin-bottom:0px; text-align:center; padding:5px; background-color:{color:asker bg}; border:1px solid {color:border}; border-radius:90%;
  216. }
  217. #answer { text-align:center; padding:10px; color:{color:text};
  218. }
  219. #quote { font-family: courier new; font-size: 15px; letter-spacing:0px; text-align:justify; line-height: 120%;
  220. }
  221. #date {font-size:12px; {block:if250px}
  222. font-size:10px;
  223. {/block:if250px} padding:0px 5px; }
  224. #info { {block:if250px} width:240px; {/block:if250px}
  225. {block:if400px} width:390px; {/block:if400px}
  226. {block:if500px} width:490px; {/block:if500px} padding:5px;
  227. {block:if250px} font-size:10px; {/block:if250px} font-size:12px; color:{color:link}; margin-top:10px; margin-bottom:0px; text-transform:uppercase; letter-spacing:1px; font-style:italic; text-align:center; border-top:1px dashed{color:line border}; padding-top:10px; padding-bottom:2px; }
  228. #tags { font-size:11px; text-align:right; letter-spacing:0px; padding:2px; opacity:0; overflow:hidden; z-index: 9999;
  229. -webkit-transition: all 0.8s ease;
  230. -moz-transition: all 0.8s ease;
  231. -o-transition: all 0.8s ease; }
  232. #sidebar {width:105px; height:auto;position:fixed; bottom:20px; left:610px; padding:10px;}
  233. #kotak1 { width:150px; height:auto; }
  234. #kotak1 img { width:150px; height:auto; opacity:.8;}
  235. #name { background:rgba(0,0,0, .35); width:130px; height:170px; padding:1px 1px; opacity:.8; position:absolute; margin-top:-170px; }
  236. #pagi {width:100%; text-align:center; padding:5px 3px 0px; position:fixed; bottom:0px; left:0px;}
  237. #sidebar2 {width:135px; height:300px; position:fixed; bottom:0px; left:610px; padding:10px;}
  238. #sidebar2:hover #desc {
  239. opacity:1;
  240. margin-left:50px;
  241. -webkit-transition: all 0.8s ease;
  242. -moz-transition: all 0.8s ease;
  243. -o-transition: all 0.8s ease;
  244. }
  245. #desc { margin-top:0px; width:150px; height:auto; overflow:auto; font-size:12px; text-align:justify; border-top:1px dashed{color:line border}; border-right:1px dashed{color:line border}; font-family:calibri; letter-spacing:0px; padding:2px 5px; opacity:0; line-height:normal; z-index:9999999; color:{color:description text}; -webkit-transition: all 0.8s ease;
  246. -moz-transition: all 0.8s ease;
  247. -o-transition: all 0.8s ease;}
  248.  
  249. #sidebg {width:400px;height:auto; position:absolute; left:5px; bottom:14px; }
  250. #sidebg img {width:380px;height:auto;}
  251. #kai { width:10px; height:9px; left:2px; bottom:29px; position:fixed;
  252. }
  253. #kaki { width:100%; position:absolute; bottom:0px; right:0px; height:10px;background:{color:line border};padding:4px 0px; }
  254. {CustomCSS}
  255. </style>
  256.  
  257. <body>
  258. <div id="sidebg"><img src="{image:sidebg}"/></div>
  259.  
  260. <div id="sidebar">
  261. <div id="kotak1"><img src="{image:side image}"/></div>
  262. </div>
  263. <div id="sidebar2">
  264. <div id="desc">{description}</div>
  265. </div>
  266. <div id="konten">{block:Posts}<div id="posted">{block:Photo}{LinkOpenTag}<div id="photos"><img src="{PhotoURL-500}" style="margin-top:-30px;"/></div>{LinkCloseTag}{/block:Photo}
  267. <div id="photoset">
  268. {block:Photoset}{Photoset}{/block:Photoset}{/block:indexpage}{/block:Photoset}
  269. </div>
  270. {block:Text}<div style="font-size:16px; font-weight:bold;font-family:calibri;line-height:normal; text-align:center; text-transform:uppercase;">✖ {Title} ✖</div>{Body}{/block:Text}
  271. {block:Quote}
  272. <div id="quote"><span style="font-size:25px;">→</span> {Quote} <small><small><p style="text-align:right;">— {Source}</small></small></p></div>
  273. {/block:Quote}
  274.  
  275. {block:Link}<div style="font-size:16px; font-weight:bold;font-family:calibri;line-height:normal; text-align:center; text-transform:uppercase;">✂ <a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  276.  
  277. {block:Chat}<p style="font-family: 'Playball', cursive; text-align:center; font-size:20px; margin-top:0px; line-height:100%; letter-spacing:0px;">{block:Title}{Title}</center>{/block:Title}</p>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  278.  
  279.  
  280. {block:Video}
  281. {block:IndexPage}{block:If400px}{video-400}{/block:If400px}{block:If250px}{video-250}{/block:If250px}{block:If500px}{video-500}{/block:If500px}{/block:IndexPage}{/block:Video}
  282.  
  283. {block:Answer}<div id="question"><div id="question-image"><img src="{AskerPortraitURL-16}"></div> {Asker}: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  284.  
  285. {block:Audio}
  286. <div id="audioanya">
  287. <div id="audio">
  288. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  289. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  290. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  291. {block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}<br> </div>
  292. <div id="playnya">
  293. {AudioPlayerWhite}</div>
  294. <div id="albumnya">{block:AlbumArt}<img src="{AlbumArtURL}">
  295. {block:AlbumArt}</div>
  296. </div>
  297. {/block:Audio}
  298.  
  299. {block:IfShowCaption}{block:Caption}<div style="margin-top:5px; padding:10px; font-size:12px;{block:if250px}
  300. font-size:10px;
  301. {/block:if250px}">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  302.  
  303. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photo}
  304. {block:Date}<div id="info"><div id="date"><a style="padding:2px 5px; background:{color:line border}; color:#fff;">{ShortMonth}-{DayOfMonthWithZero}<a href="{Permalink}" style="padding:2px 5px; background:{color:line border}; color:#fff;">{24Hour}:{Minutes}</a></a> {block:NoteCount}<a href="{Permalink}" title="{notecountwithlabel}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  305. {block:ContentSource}<a href="{SourceURL}">ori</a>{/block:ContentSource} <a href="{ReblogURL}" title="reblog" target=_blank class=details>reblog?</a></div></div>{/block:Date}
  306. {block:HasTags}
  307. <div id="tags">
  308. {block:Tags}{block:ifshowtags}<a href="{TagURL}"> {Tag},</a>{/block:ifshowtags}{/block:Tags}</div>
  309. {/block:HasTags}
  310. {block:PostNotes}{PostNotes}{/block:PostNotes}
  311. </div>
  312. {/block:Posts}
  313. </div>
  314. </div>
  315. <div id="kaki"></div>
  316. <div id="pagi">{block:PreviousPage}
  317. <a href="{PreviousPage}">less —</a>
  318. {/block:PreviousPage}
  319. {CurrentPage} of {TotalPages}
  320. {block:NextPage}
  321. <a href="{NextPage}">— forth</a>
  322. {/block:NextPage}</div>
  323. {/block:indexpage}
  324. <div id="kai"><a href="http://opurple.tumblr.com" style="background:{color:line border}; padding:2px 4px; font-size:11px;" title="codes by opurple">op</a></div>
  325. <div id="fish"> {block:ifshowfish}<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_backgroundImage=http://&up_fishColor4=D1D1D1&up_fishName=Fish&up_fishColor10=315283&up_fishColor7=D1D1D1&up_fishColor2=D1D1D1&up_numFish=8&up_foodColor=888888&up_fishColor6=D1D1D1&up_fishColor8=D1D1D1&up_fishColor1=D1D1D1&up_fishColor3=D1D1D1&up_backgroundColor=222222&up_fishColor5=D1D1D1&up_fishColor9=315283&" width="100%" height="180"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_backgroundImage=http://&up_fishColor4=315283&up_fishName=Fish&up_fishColor10=315283&up_fishColor7=D1D1D1&up_fishColor2=D1D1D1&up_numFish=8&up_foodColor=888888&up_fishColor6=D1D1D1&up_fishColor8=D1D1D1&up_fishColor1=D1D1D1&up_fishColor3=D1D1D1&up_backgroundColor=222222&up_fishColor5=D1D1D1&up_fishColor9=D1D1D1&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>{/block:ifshowfish}</div>
  326. <div id="topbar">
  327. <div id="title">{title}</div>
  328. <div id='nav'>
  329. <a href='#' id='mobilenav'>Select a Page</a>
  330. <ul id='navinti'><div style="margin-left:20px;">
  331. <li><a href='/'>index</a></li>
  332. <li><a href='/ask' title='messages?'>ask</a></li>
  333. <li><a href='/archive' title='archives post'>past</a></li>
  334. <li><a href='{text:link 1 url}' title='{text:link 1}'>{text:link 1 title}</a></li>
  335. <li><a href='{text:link 2 url}' title='{text:link 2}'>{text:link 2 title}</a></li>
  336. <li class='dgnsub'><a href='#'>more</a>
  337. <ul class='sub-menu hidden'>
  338. <li>
  339. <a href='{text:link 3 url}' style='color:#fff;' title='{text:link 3}'>{text:link 3 title}</a></li>
  340. <li><a href='{text:link 4 url}' style='color:#fff;' title='{text:link 4}'>{text:link 4 title}</a></li>
  341. <li><a href='{text:link 5 url}' style='color:#fff;' title='{text:link 5}'>{text:link 5 title}</a></li>
  342. <li><a href='{text:link 6 url}' style='color:#fff;' title='{text:link 6}'>{text:link 6 title}</a></li>
  343. </ul>
  344. </li>
  345. </ul></div>
  346. </div> </div> </body>
  347. </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!