Rita-Themes

Cher Theme - Theme Seven

Jun 29th, 2013
340
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.28 KB | None | 0 0
  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. <link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700' rel='stylesheet' type='text/css'>
  11.  
  12. <!---- Theme 7 by lol-themesbyrita| tumblr
  13. do not redistribute or take credit--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#838282"/>
  17. <meta name="color:link" content="#000000" />
  18. <meta name="color:link hover" content="#fff" />
  19. <meta name="color:link background" content="#bababa">
  20. <meta name="color:link background hover" content="#bababa">
  21. <meta name="color:border" content="#000000" />
  22. <meta name="color:description bg" content="#bababa">
  23. <meta name="color:sidebar bg" content="#bababa">
  24. <meta name="color:post" content="#bababa">
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content=""/>
  29.  
  30. <meta name="text:Link One Title" content="link one" />
  31. <meta name="text:Link One" content="" />
  32.  
  33. <meta name="text:Link Two Title" content="link two" />
  34. <meta name="text:Link Two" content="" />
  35.  
  36. <meta name="text:Link Three Title" content="link three" />
  37. <meta name="text:Link Three" content="" />
  38.  
  39. <meta name="text:Link Four Title" content="link four" />
  40. <meta name="text:Link Four" content="" />
  41.  
  42. <meta name="text:Link Five Title" content="link five" />
  43. <meta name="text:Link Five" content="" />
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48.  
  49. body {
  50. background: {color:background};
  51. line-height: 100%;
  52. text-transform: none;
  53. background-image: url('{image:background}');
  54. font-size:12px;
  55. background-attachment:fixed;
  56. }
  57.  
  58. a:link, a:active, a:visited {
  59. text-decoration: none;
  60. color: {color:link};
  61.  
  62. }
  63.  
  64. a:hover {
  65. color: {color:link hover};
  66.  
  67. }
  68.  
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. outline:none;
  74. -moz-outline-style:none;
  75. color:{color:link};
  76. }
  77.  
  78. img {
  79. border:none;
  80. }
  81.  
  82. blockquote {
  83. padding-left:5px;
  84. border-left:2px solid;
  85. }
  86.  
  87. blockquote blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. h1 {
  93. font-family: 'Playfair Display', serif;
  94. font-weight: 900;
  95. font-size:20px;
  96. }
  97.  
  98. #entries {
  99. padding:10px;
  100. width:500px;
  101. margin-left:500px;
  102. margin-top:40px;
  103. }
  104.  
  105. #post{
  106. font-family:'calibri';
  107. font-size:12px;
  108. padding: 10px;
  109. width: 500px;
  110. margin-bottom:20px;
  111. background-color:{color:post};
  112. color:{color:text};
  113. text-align: justify;
  114. border: solid 1px {color:border};
  115.  
  116. }
  117.  
  118. #sidebar{
  119. position:fixed;
  120. width:230px;
  121. height:260px;
  122. background-color:{color:sidebar bg};
  123. margin-left:200px;
  124. margin-top:100px;
  125. padding-left:18px;
  126. padding-right:10px;
  127. padding-top:10px;
  128. -webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.41);
  129. -moz-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.41);
  130. box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.41);
  131. }
  132.  
  133. #sidebarr {
  134. width:230px;
  135. position:fixed;
  136. margin-left:200px;
  137. margin-top:100px;
  138. }
  139.  
  140. #title {
  141. font-family: 'Sofia', cursive;
  142. width:270px;
  143. font-size:25px;
  144. line-height:15px;
  145. text-align:center;
  146. margin-bottom:5px;
  147. margin-left:-25px;
  148. text-shadow: 3px 3px 3px rgba(150, 150, 150, 0.82);
  149. }
  150.  
  151. #sidebarimage {
  152. padding-top:5px;
  153. width 218px;
  154. height:200px;
  155.  
  156. }
  157.  
  158. #sidebarimage img {
  159. width:218px;
  160. height:200px;
  161.  
  162. }
  163.  
  164. #about {
  165. text-align:center;
  166. margin-left:8px;
  167. padding:10px;
  168. padding-top:8px;
  169. margin-bottom:50px;
  170. position:absolute;
  171. width:180px;
  172. height:200px;
  173. border:2px solid {color:border};
  174. font-family: times;
  175. opacity:0;
  176. font-size:11px;
  177. background:{color:description bg};
  178. color:#000;
  179.  
  180. }
  181.  
  182. #sidebar:hover #about {
  183. opacity:.65;
  184. margin-top:20px;
  185. height:150px;
  186. webkit-box-shadow: 4px 5px 5px rgba(50, 50, 50, 0.5);
  187. -moz-box-shadow: 4px 5px 5px rgba(50, 50, 50, 0.5);
  188. box-shadow: 4px 5px 5px rgba(50, 50, 50, 0.5);
  189. -webkit-transition: all 0.7s ease-out;
  190. -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  191. }
  192.  
  193.  
  194. #pagination {
  195. font-size:25px;
  196. text-align:center;
  197. }
  198.  
  199. #linkbar {
  200. margin-left: 110px;
  201. margin-top: 128px;
  202. position: fixed;
  203. text-align:center;
  204.  
  205. }
  206.  
  207.  
  208.  
  209.  
  210.  
  211. div.linkss a{
  212. text-transform:lowercase;
  213. background: {color:Link Background};
  214. color: {color:Link} ;
  215. font-family:'calibri';
  216. font-size:12px;
  217. letter-spacing: 0px;
  218. text-align:center;
  219. display:block;
  220. padding:10px 0;
  221. padding-bottom:10px;
  222. height:10px;
  223. width: 80px;
  224. margin-top:-9px;
  225. margin-bottom:3px;
  226. position:relative;
  227. z-index:1;
  228. text-shadow: 3px 0px 6px rgba(150, 150, 150, 1);
  229. -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.82);
  230. -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.82);
  231. box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.82);
  232. }
  233.  
  234. div.linkss a:hover{
  235. text-transform: lowercase;
  236. background: {color:Link Background Hover};
  237. color: {color:Link Hover};
  238. font-weight:none;
  239. -webkit-transition: all 0.7s ease-in-out;
  240. border-top-right-radius:7px;
  241. border-bottom-right-radius:7px;
  242. border-top-left-radius:7px;
  243. border-bottom-left-radius:7px; }
  244. -webkit-transition: all 0.7s ease-in-out;
  245. -moz-transition: all 0.7s ease-in-out;
  246. -o-transition: all 0.7s ease-in-out;
  247. -ms-transition: all 0.7s ease-in-out;
  248. transition: all 0.7s ease-in-out;
  249. }
  250.  
  251.  
  252. #info {
  253. text-align:center;
  254. margin-top:10px;
  255. }
  256.  
  257. #asker {
  258. float:left;
  259. margin-right:5px;
  260. }
  261.  
  262. {CustomCSS}
  263.  
  264. </style>
  265. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  266. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  267. <script type="text/javascript" charset="utf-8">
  268. var $j = jQuery.noConflict();
  269. $j(function() {
  270. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  271. $j("img").lazyload({
  272. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  273. effect: "fadeIn",
  274. });
  275. });
  276. </script>
  277. </head><body>
  278.  
  279. <div id="linkbar"><div id="links">
  280. <div class="linkss">
  281. <a href="/">Home</a><br>
  282.  
  283. <a href="/ask">mail</a><br>
  284.  
  285.  
  286. <a href="{text:Link One}">{text:Link One Title}</a></span> {/block:ifLinkOneTitle}<br>
  287.  
  288. <a href="{text:Link Two}">{text:Link Two Title}</a></span> {/block:ifLinkTwoTitle}<br>
  289.  
  290. <a href="{text:Link Three}">{text:Link Three Title}</a></span> {/block:ifLinkThreeTitle}<br>
  291.  
  292. <a href="{text:Link Four}">{text:Link Four Title}</a></span> {/block:ifLinkFourTitle}<br>
  293.  
  294. <a href="{text:Link Five}">{text:Link Five Title}</a></span> {/block:ifLinkFiveTitle}</div>
  295.  
  296. </div>
  297. </div>
  298.  
  299. <div id="sidebar">
  300.  
  301. <div id="title">{Title}</div>
  302.  
  303.  
  304.  
  305. <div id="about">{Description}</div>
  306. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  307.  
  308. <br>
  309.  
  310. <div id="pagination">
  311. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  312. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  313. </div>
  314. </div>
  315.  
  316.  
  317. <div id="entries">{block:Posts}<div id="post">
  318.  
  319. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  320.  
  321. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  322.  
  323. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  324.  
  325. {block:Quote}<font-size:15px>{Quote}</font>{block:Source} —{Source}{/block:Source}{/block:Quote}
  326.  
  327. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  328.  
  329. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  330.  
  331. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  332.  
  333. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  334.  
  335. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  336.  
  337. <center>
  338. <div id="info">
  339. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  340. {NoteCountWithLabel} <br></a>{block:RebloggedFrom}<a href="{ReblogParentURL}"
  341. title="{ReblogParentTitle}">via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  342.  
  343. </div>
  344. {block:PostNotes}{PostNotes}{/block:PostNotes}
  345. {/block:Posts}
  346. </center>
  347.  
  348. </div></div>
  349.  
  350.  
  351.  
  352. </body>
  353. <div style="position:fixed; bottom:3px; left:5px; padding:5px; font-size: 10px; border:2px solid rgba(0,0,0,0.1);"><a href="http://ivealwayswantedyou.tumblr.com/"><b>THEME</b></a>
  354.  
  355. </html>
Advertisement
Add Comment
Please, Sign In to add comment