API tools faq
paste
SyahirahShaari

Themescya11

SyahirahShaari
Feb 17th, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.           <!--------------------------------------------------
  6.                    Themescya11 by SYAHIRAHSHAARI
  7.                     www.syahirahshaari.tumblr.com
  8.                Please don't remove the credit. Thank you.
  9.          ---------------------------------------------------->
  10.        
  11.      
  12.      
  13.        <!------------ DEFAULT COLORS ------------>
  14.                 <meta name="image:Sidebar Image" content="{PortraitURL-128}"/>
  15.         <meta name="image:Sidebar Image 2" content="http://static.tumblr.com/a784685bdeb0c5c8064527f3f0c45b97/n3wihrq/Mj1miauar/tumblr_static_tumblr_mf1fqimkhn1rv7vsqo1_500.jpg"/>
  16.         <meta name="image:Background" content=""/>
  17.        
  18.        
  19.         <meta name="color:Background" content="#FFF2F2"/>
  20.         <meta name="color:Content Background" content="#FFF5F5"/>
  21.         <meta name="color:Scrollbar" content="#FFE4E4"/>
  22.         <meta name="color:Post Border" content="#FFEBEB"/>
  23.         <meta name="color:Bottom Border" content="#FFE4E4"/>
  24.         <meta name="color:Post Background" content="#FFDADA"/>
  25.         <meta name="color:Post Text" content="#FFE6E6"/>
  26.         <meta name="color:Post Title" content="#E69898"/>  
  27.         <meta name="color:Quote" content="#E69898"/>
  28.         <meta name="color:Quote Source" content="#E69898"/>
  29.         <meta name="color:Link Title" content="#E69898"/>
  30.         <meta name="color:Chat Title" content="#E69898"/>
  31.         <meta name="color:Text" content="#E69898"/>
  32.         <meta name="color:Title" content="#DE7373"/>
  33.         <meta name="color:Title Background" content="#FFE4E4"/>
  34.         <meta name="color:Description" content="#DC8C8C"/>
  35.         <meta name="color:Description Background" content="#FFE4E4"/>
  36.         <meta name="color:Date Background" content="#FFC1C1"/>
  37.         <meta name="color:Date Background 2" content="#FFC9C9"/>
  38.         <meta name="color:Caption" content="#E69898"/>
  39.         <meta name="color:Top Link Background" content="#FFE4E4"/>
  40.         <meta name="color:Top Link Background Hover" content="#FFF2F2"/>
  41.         <meta name="color:Side Link Background" content="#FFD7D7"/>
  42.         <meta name="color:Side Link Background Hover" content="#FFEBEB"/>
  43.         <meta name="color:Side Link Text" content="#DC8C8C"/>
  44.         <meta name="color:Side Link Text Hover" content="#DE7373"/>
  45.         <meta name="color:Side Link Border" content="#FFC1C1"/>
  46.         <meta name="color:Side Link Border Hover" content="#FFC1C1"/>
  47.         <meta name="color:Page" content="#EE9C9C"/>
  48.         <meta name="color:Answer Text" content="#E69898"/>
  49.         <meta name="color:Audio Text" content="#FFE4E4"/>
  50.         <meta name="color:Audio Text 1" content="#FFF2F2"/>
  51.         <meta name="color:Links" content="#DC8C8C"/>
  52.         <meta name="color:Links Hover" content="#973636"/>
  53.         <meta name="color:Sidebar" content="#FFEBEB"/>
  54.  
  55.         <meta name="font:Title" content="crappydan"/>
  56.         <meta name="font:Body" content="arial"/>
  57.         <meta name="font:Description" content="arial" />
  58.         <meta name="font:Post Title" content="akbar"/>    
  59.         <meta name="font:Link" content="arial"/>
  60.         <meta name="font:Quote" content="angelina"/>
  61.         <meta name="font:Quote Source" content="calibri"/>
  62.         <meta name="font:Link Post" content="akbar"/>
  63.          
  64.         <meta name="text:Link 1" content="http://">
  65.         <meta name="text:Link Title 1" content="">
  66.         <meta name="text:Link 2" content="http://">
  67.         <meta name="text:Link Title 2" content="">
  68.         <meta name="text:Link 3" content="http://">
  69.         <meta name="text:Link Title 3" content="">
  70.         <meta name="text:Link 4" content="http://">
  71.         <meta name="text:Link Title 4" content="">
  72.  
  73.         <meta name="if:tiny scrollbar" content="1">
  74.         <meta name="if:tiny cursor" content=""/>
  75.  
  76.        <!------------ END DEFAULT COLORS ------------>
  77.  
  78.  <title>{Title}</title>
  79.         <link rel="shortcut icon" href="{Favicon}"/>
  80.         <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  81.         {block:Description}
  82.         <meta name="description" content="{MetaDescription}" />
  83.         {/block:Description}
  84.  
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89. ::-webkit-scrollbar {width: 8px; height: 4px; background-color:{color:Background}; background-image: url('{image:Background}');}
  90.  
  91. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; border: 1px solid {color:Scrollbar};}
  92.  
  93. </style>
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. small{font-size: 100%;}
  99.    
  100. @font-face {font-family: "crappydan";src: url('http://static.tumblr.com/n3wihrq/Konmhjw2b/crappydan.ttf');}
  101.  
  102. @font-face {font-family: "angelina";src: url('http://static.tumblr.com/n3wihrq/iu6mhjv3s/angelina.ttf');}
  103.  
  104. @font-face {font-family: "akbar";src: url('http://static.tumblr.com/n3wihrq/ENhm01hxu/akbar.ttf');}
  105.  
  106. body {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  107.  
  108. a,a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  109.  
  110. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  111.  
  112. iframe#tumblr_controls {!important; position: fixed !important;-webkit-transition: opacity 0.6s linear;opacity:0.1;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
  113.  
  114. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  115.  
  116.  
  117. body {color:{color:Text}; background-attachment:fixed;
  118. background-position:center;
  119. background-color:{color:Background};background-image: url('{image:Background}'); background-repeat:repeat ;text-align:justify;font-family:helvetica;font-size:11px; }
  120.  
  121. a {text-decoration:none;color:{color:Links};}
  122.  
  123. a:hover  {text-decoration:none;color:{color:Links Hover};}
  124.  
  125. img, a img {border: 0px;opacity: 0.60;filter: alpha(opacity=75);
  126. -o-transition: opacity 1.5s linear;
  127. -webkit-transition: opacity 1.5s linear;
  128. -moz-transition: opacity 1.5s linear;}
  129.  
  130. img:hover, a:hover img {opacity: 1;filter: alpha(opacity=100);
  131. -o-transition: opacity .1s linear;
  132. -webkit-transition: opacity .1s linear;
  133. -moz-transition: opacity .1s linear;}
  134.  
  135.  
  136. #contain{width:535px;margin-left:30px;
  137. position:absolute;overflow:hidden;padding-bottom:50px;padding-top:5px;padding-left:5px;padding-right:5px;top:40px;}
  138.  
  139. .posaya{padding-bottom:1px;padding-top:1px;padding-right:1px;padding-left:1px;background-color:{Content Background};background-image:url('{image:Background}');border:14px solid {color:Post Border};width:500px;float:left;margin:7px;overflow:hidden;}
  140.  
  141. .posaya #sen{padding-top:7px;padding-bottom:4px;padding-right:0px;margin-top:0px;border-bottom:2px solid {color:Bottom Border};opacity:0.3;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;position:relative;width:500px;font-size:10px;line-height:3px;text-align:center;letter-spacing:1px;font-family:'calibri';text-transform:uppercase;height:8px;background-color:{color:Post Background};color:{color:Post Text};}
  142.  
  143. .posaya:hover #sen{color:{color:Post Text};opacity:0.95;-webkit-transition: all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background-color:{color:Date Background};}
  144.  
  145. .posaya:hover #sen:hover{font-weight:bold;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;padding-left:0px;margin-top:0px;background-color:{Date Background 2};}
  146.  
  147. .postext{padding-top:7px;padding-left:5px;padding-right:5px;padding-bottom:2px;}
  148.  
  149. .caption{padding-top:7px;padding-left:5px;padding-right:5px;float:left;font-family:'helvetica';font-size:11px;
  150. text-align:justify;color:{color:Caption};}
  151.  
  152. .apost {padding-top:15px;text-align:center;color:{color:Post Title};
  153. font-family:'akbar';font-size:12px;line-height:12px;letter-spacing:2px;
  154. font-weight:normal;text-transform: normal;padding-top:7px;
  155. padding-bottom:0px;}
  156.  
  157. .quotee {padding:5px;text-align:center;color:{color:Quote};
  158. font-family:'angelina';font-size:18px;line-height:28px;
  159. letter-spacing:1px;font-weight: normal;text-transform: normal;}
  160.  
  161. .sourcee {padding-right:7px;text-align:right;color:{color:Quote Source};font-family: 'calibri';font-size:12px;line-height: 12px;font-weight: normal;
  162. text-transform:normal;}
  163.  
  164. .chate {margin-top: 7px;text-align:center;color:{color:Chat Title};
  165. font-family:'akbar';font-size:12px;line-height:12px;font-weight: normal;
  166. text-transform: normal;}
  167.  
  168. .linke {padding-top: 0px;text-align:center;color:{color:Link Title};
  169. font-family: 'akbar';font-size:14px;line-height: 14px;font-weight: normal;
  170. text-transform: normal;}
  171.  
  172. .desceira2 {color:{color:Description};left:25px;margin-top:2px;margin-bottom:5px;margin-left:0px;margin-right:0px;width:260px;font-family:calibri;font-size:11px;padding:5px;text-align:justify;background-color:{color:Description Background};}
  173.  
  174. .desceira2 img {width:45px;float:left;margin-top:0px;margin-bottom:0px;margin-left:5px;margin-right:5px;-moz-border-radius: 20px;
  175. -webkit-border-radius: 25px;}
  176.  
  177. .desceira2 img:hover {-moz-border-radius: 0px;
  178. -webkit-border-radius: 0px;}
  179.      
  180. #sidebar2 {background-color:{color:Sidebar};left:600px;top:50px;width:270px;height:auto;position:fixed !important; padding-top:5px; float:center;padding-bottom:5px; padding-left:5px;
  181. padding-right:5px;margin-bottom:2px;}
  182.  
  183. #sitititle {color:{color:Title};text-align:center;background-color:{color:Title Background};font-family:'crappydan';font-size:20px;line-height:22px;letter-spacing:2px;font-weight:normal; width:270x;margin-top;5px;
  184. text-transform: normal;}
  185.  
  186. #topmenus {top:0px;width:500px;left:15px;text-align:center;
  187. display: inline-block;position:fixed;padding:0px;background-color:transparent;opacity:0.75;z-index:6;}
  188.  
  189. .navis{background-color:{color:Top Link Background};color: #000;left:0px;font-family:'calibri';display: inline-block;text-transform:uppercase;float:center;padding:2px;
  190. width: 100px;height:36px;font-size:10px;}
  191.  
  192. .navis:hover{background-color:{color:Top Link Background Hover};font-family:'crappydan';display: inline-block;text-transform:uppercase;float:center;padding:2px;width: 100px;height:36px;font-size: 10px;}
  193.  
  194. #side1{width:270px;
  195. float:left;}
  196.  
  197. #side1 a{width:60px;height:10px;display:block;text-align: center;font-family: 'calibri';font-size: 10px;letter-spacing:1px;line-height:10px;font-weight:normal;background-color:{color:Side Link Background}; border:1px solid #FFC1C1;padding-top:0px;padding-bottom:0px;float:left;
  198. text-transform: uppercase;-webkit-transition-duration: 0.8s;
  199. color:{color:Side Link Text};margin:2px;border-right:2px solid
  200. {color:Side Link Border};-webkit-transition:opacity 0.7s linear;
  201. -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;
  202. transition:all 0.3s ease-out;}
  203.  
  204. #side1 a:hover{display:block;text-align: center;float:left;
  205. background-color:{color:Side Link Background Hover};color:{color:Side Link Text Hover}; border:1px solid  {color:Side Link Border Hover}; border-right:4px solid {color:Side Link Border Hover};text-align:center;-webkit-transition:opacity 0.8s linear;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
  206.  
  207. #pagira {position:fixed;top: 170px;left:900px;padding:4px;font-family:'calibri';font-size:14px;line-height:14px;text-align:center;}
  208.    
  209. #pagira a {color:{color:Page};text-decoration:none;padding-top:1px; padding-bottom:1px; padding-left:4px; padding-right:4px;}
  210.    
  211. #pagira a:hover {color:{color:Side Link Background Hover};top:100px;}
  212.  
  213. .ir { position: fixed;  bottom: 0px; right:7px;  opacity: 0.8;  }
  214.  
  215. .question{border-bottom:1px dotted {color:border};overflow:show;margin-top:3px;margin-bottom:3px;padding:5px;}
  216.  
  217. .answer {margin:0px;display:block; float:left; width:500px; overflow:hidden;
  218. padding: 7px;text-transform:normal; color:{color:Answer Text};}
  219.  
  220. .posnotesya {padding-bottom:1px;padding-top:1px;padding-right:1px;padding-left:1px;background-color:{Content Background};background-image:url('{image:Background}');border:14px solid {color:Post Border};width:500px;float:left;margin:7px;overflow:hidden;}
  221.  
  222. ol.notes, .notes li {width:500px;list-style:none; margin:0px; padding:0px;}
  223.  
  224. blockquote {border-left:3px solid {color:Text};padding:0px;padding-left:5px;margin:5px;}
  225.  
  226. .artist {float:left;background-color:{color:Audio Text};width:485px;
  227. padding:2px;margin-top:3px;{block:permalinkpage}width:485px;{/block:permalinkpage}}
  228.    
  229. .album {float:left;background-color:{color:Audio Text 1};width:485px;
  230. padding:2px;margin-top:3px;{block:permalinkpage}width:485px;{/block:permalinkpage}}
  231.    
  232. .track {float:left;background-color:{color:Audio Text};width:485px;
  233. padding:2px;margin-top:3px;{block:permalinkpage}width:485px;{/block:permalinkpage}}
  234.  
  235. .label {font-family:'calibri';font-size: 12px; line-height:12px;}
  236.  
  237.  
  238.  
  239. {CustomCSS}
  240. </style>
  241. </head>
  242.  
  243. <body>
  244.  
  245.  
  246. <center>
  247. <div id="topsidebar"></div>
  248. <div id="topmenus">
  249. <div class="navis"><a href="{text:Link 1}"target="_blank">{text:Link Title 1}</a></div>
  250. <div class="navis"><a href="{text:Link 2}"target="_blank">{text:Link Title 2}</a></div>
  251. <div class="navis"><a href="{text:Link 3}"target="_blank">{text:Link Title 3}</a></div>
  252. <div class="navis"><a href="{text:Link 4}"target="_blank">{text:Link Title 4}</a></div>
  253. </center></div>
  254.  
  255.  
  256. <div id="sidebar2">
  257. <div id="sitititle">{Title}</div>
  258. <center><img src="{image:Sidebar Image 2}" float="centre" width="270px"></center>
  259. <div class="desceira2"><img src="{PortraitURL-128}">{block:Description}{Description}{/block:Description}
  260.   </div>
  261. <div id="side1">
  262.  <a href="/">Home</a>
  263. <a href="/ask">Message</a>
  264. <a href="/archive"target="_blank">History</a>
  265. <a href="http://syahirahshaari-themestutorials.tumblr.com/tagged/allthemes/"target="_blank">Theme</a></div>
  266.  
  267. </div>
  268.  
  269. <div id="pagira"><center>
  270. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><font size="+5">«</font></a>
  271. {/block:PreviousPage}
  272. {block:NextPage}<a href="{NextPage}"><font size="+5">»</font></a>{/block:NextPage}{/block:Pagination}</center></div></div>
  273.  
  274. <div id="contain">
  275. <div class="autopagerize_page_element">
  276.  
  277. {block:Posts}
  278.  
  279. <div class="posaya">
  280.  
  281. {block:Date}<div id="sen"><a href="{ReblogURL}" target="_blank">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom}  via <a href="{ReblogParentURL}">{ReblogParentName}</a> | {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />
  282. {/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}{/block:RebloggedFrom} | {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  283.  
  284. {block:Photo}<center>{block:IndexPage}
  285. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  286. {/block:IndexPage}{block:PermalinkPage}
  287. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{block:Caption}
  288. <div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  289. </center>{/block:Photo}
  290.  
  291. <div class="apost">{block:Title}{Title}{/block:Title}</div>
  292. {block:Text}<div class="postext">{Body}</div>{/block:Text}
  293.  
  294. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{block:Caption}
  295. <div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}
  296. {block:PermalinkPage}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}</center>{/block:Photoset}
  297.  
  298. <div class="quotee">{block:Quote}"{Quote}"{/block:Quote}</div>{block:Quote}<div align="right"><div class="sourcee">{block:Source}-{Source}{/block:Source}</div></div>{/block:Quote}
  299.  
  300. {block:Video}<center>{block:IndexPage}{Video-500}<br>{PlayCountWithLabel}
  301. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  302. {/block:IndexPage}{block:PermalinkPage}{Video-500}<br>{PlayCountWithLabel}{/block:PermalinkPage}</center>{/block:Video}
  303.  
  304. <div class="chate">{block:Chat}{block:Title}{/block:Title}{/block:Chat}</div>{block:Chat}<div class="postext">{block:Lines}{block:Label}<span class="label"><br>{Label}</span>{/block:Label}&nbsp;{Line}{/block:Lines}</div>{/block:Chat}
  305.  
  306. {block:Link}<div class="linke"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}<div class="postext">{Description}</div>{/block:Description}{/block:Link}
  307.  
  308. {block:Audio}<div class="postext">{AudioPlayerWhite}{block:Artist}<div class="artist"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="album"><b>Album:</b> {Album}</div>{/block:Album}{block:TrackName}<div class="track"><b>Track Name:</b> {TrackName}</div><br>{/block:TrackName}</div><br><br>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Audio}
  309.  
  310. {block:Answer}<div class="question"><img src="{AskerPortraitURL-40}"style="padding:2px; border:1px ridge #eaaba2; margin-top:17px; margin-left:13px;"/> {Asker} asked: <b>{Question}</b></div><div class="answer"><center>{Answer}</center></div>{/block:Answer}
  311.  
  312.  
  313.  
  314.   </div>
  315.  
  316.  
  317. {/block:Posts}
  318. </div>
  319.    
  320.    <br><br>
  321. {block:PostNotes}<div class="posnotesya">{PostNotes}</div>{/block:PostNotes}
  322.  
  323.    
  324. </center>  
  325.  
  326. <div class="ir">
  327. <a href="http://syahirahshaari.tumblr.com/"target="_blank"><font size="+1">&copy;</a></div>
  328.  
  329. </body>
  330. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!