SyahirahShaari

Themescya12

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