Advertisement
mysansa

Theme #10a

Aug 30th, 2013
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.19 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.  
  3. <!--
  4.  
  5. Theme by "mysansa" don't steal, or use as base code, or remove credit. feel free to edit as much as you want, I am willing to help if needed. Go crazy!
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <title>{Title}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:Text" content="#bbbbbb"/>
  22. <meta name="color:sidebar background" content="#e9e7e7"/>
  23. <meta name="color:Link" content="#9c9b9b"/>
  24. <meta name="color:Tags" content="#cccccc"/>
  25. <meta name="color:Hover" content="#706f6f"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#d5d3d3"/>
  28. <meta name="color:scrollbar" content="#f2f2f2"/>
  29. <meta name="color:post" content="ffffff"/>
  30. <meta name="color:title" content="#6b6b6a"/>
  31.  
  32.  
  33.  
  34.  
  35. <meta name="image:sidebar" content=""/>
  36.  
  37.  
  38.  
  39. <meta name="text:link 1" content="Link 1"/>
  40. <meta name="text:link 1 url" content="/"/>
  41. <meta name="text:link 2" content="Link 2"/>
  42. <meta name="text:link 2 url" content="/"/>
  43. <meta name="text:link 3" content="Link 3"/>
  44. <meta name="text:link 3 url" content="/"/>
  45. <meta name="text:link 4" content="Link 4"/>
  46. <meta name="text:link 4 url" content="/"/>
  47. <meta name="text:link 5" content="Link 5"/>
  48. <meta name="text:link 5 url" content="/"/>
  49.  
  50. <meta name="if:ShowTitle" content="1"/>
  51.  
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:10px}
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  60.  
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-family:cambria;
  67. font-size:11px;
  68. line-height:100%;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. -moz-outline-style:none;
  74. color:{color:link};
  75. }
  76.  
  77. img {
  78. border:none;
  79. }
  80.  
  81.  
  82. h1 {
  83. font-size:12px;
  84. text-transform:uppercase;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. blockquote blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97.  
  98. a:hover {
  99. color:{color:hover};
  100. padding:0px;
  101. text-transform:lowercase;
  102. font-style:normal;
  103. -moz-transition-duration:.90s;
  104. -webkit-transition-duration:.90s;
  105. -o-transition-duration:.90s;
  106. }
  107.  
  108. #stitle {
  109. font-size:22px;
  110. font-family: abbeyline;
  111. text-align:left;
  112. font-style:italic;
  113. margin-top: 10px;
  114. margin-left:10px;
  115. position: fixed;
  116. width:252px;
  117. line-height: 110%;
  118. color:{color:title};
  119. }
  120.  
  121.  
  122. #sidebar {
  123. color:{color:text};
  124. position:fixed;
  125. width:250px;
  126. height:330px;
  127. margin-top:70px;
  128. margin-left:100px;
  129. text-align:left;
  130. background:{color:sidebar background};
  131. border-left: 100px solid black;
  132. }
  133.  
  134. #sidebar img {
  135. position:fixed;
  136. margin-left:65px;
  137. width:100px;
  138. margin-top:60px;
  139. height: 100px;
  140. opacity: 0.9;
  141. border:1px solid {color:border};
  142. padding: 8px;
  143. border-radius:100px;
  144. }
  145.  
  146. #links {
  147. position:relative;
  148. letter-spacing:1px;
  149. position:fixed;
  150. font-family:cambria;
  151. width:50px;
  152. padding: 10px;
  153. display:block;
  154. margin-top:80px;
  155. margin-left:90px;
  156. font-size:13px;
  157. text-transform:uppercase;
  158. text-align:center;
  159. line-height:170%;
  160. }
  161.  
  162. #links a{
  163. display:block;
  164. background-color:transparent;
  165. width:100px;
  166. height:30px;
  167. opacity:0.75;
  168. line-height:185%;
  169. margin-bottom:35px;
  170. color:#fff;
  171. letter-spacing:1px;
  172. text-decoration:none;
  173. -moz-transition-duration:.3s;
  174. -webkit-transition-duration:.3s;
  175. -o-transition-duration:.3s;
  176. }
  177.  
  178. #links a:hover {
  179. letter-spacing:2px;
  180. font-style:italic;
  181. background-color: #ffffff;
  182. color:black;
  183. opacity:2;
  184. padding:0px;
  185. -moz-transition-duration:0.3s;
  186. -webkit-transition-duration:0.3s;
  187. -o-transition-duration:0.3s;
  188. }
  189.  
  190. #sidebar #links {
  191. margin-top:70px;
  192.  
  193. opacity:1;
  194. margin-left:80px;
  195. -moz-transition-duration:1s;
  196. -webkit-transition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. #sidebar:hover #links {
  201. margin-top:-70px;
  202. margin-left:80px;
  203. opacity:1;
  204. -moz-transition-duration:1s;
  205. -webkit-transition-duration:1s;
  206. -o-transition-duration:1s;
  207.  
  208. }
  209.  
  210.  
  211. #description {
  212. position: fixed;
  213. text-align:justify;
  214. width:150px;
  215. background:#fff;
  216. overflow:auto;
  217. height:100px;
  218. padding:7px;
  219. color: {color:text};
  220. opacity:0.75;
  221. margin-left:240px;
  222. margin-top:260px;
  223. font-family:georgia;
  224. text-transform:none;
  225. font-style:none;
  226. font-size:11px;
  227. line-height:140%;
  228. background-color:transparent;
  229. border-top:1px solid {color:border};
  230. padding-top:6px;
  231. }
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238. #pagination {
  239. position:fixed;
  240. font-family:times;
  241. text-align:center;
  242. font-size:16px;
  243. width:150px;
  244. background-color:tranparent;
  245. opacity:.75;
  246. word-spacing:3px;
  247. font-style:normal;
  248. margin-top:410px;
  249. margin-left:310px;
  250. padding: 5px
  251. line-height:110%;
  252. }
  253.  
  254.  
  255. #all {
  256. padding:10px;
  257. width:500px;
  258. margin-left:540px;
  259. margin-top:50px;
  260. font-size:12px;
  261. }
  262.  
  263.  
  264.  
  265. #posts {
  266. width:500px;
  267. padding-bottom:20px;
  268. padding:10px;
  269. margin-top:30px;
  270. background-color:{color:Post};
  271. }
  272.  
  273.  
  274. #details {
  275. text-align:right;
  276. margin-top:8px;
  277. text-transform:uppercase;
  278. font-size:9px;
  279. font-style:none;
  280. border-top:1px solid {color:Line};
  281. }
  282.  
  283.  
  284. #tags {
  285. font-family:cambria;
  286. letter-spacing:0px;
  287. text-transform:lowercase;
  288. font-size:10px;
  289. font-style:italic;
  290. margin-top:2px;
  291. text-align:right;
  292. }
  293.  
  294. #tags a {
  295. display:inline-block;
  296. padding:-3px;
  297. text-align:right;
  298. color:{color:Tags};
  299. -webkit-transition: all 0.6s ease-in-out;
  300. -moz-transition: all 0.6s ease-in-out;
  301. -o-transition: all 0.6s ease-in-out;
  302. -ms-transition: all 0.6s ease-in-out;
  303. -transition: all 0.6s ease-in-out;
  304. }
  305.  
  306.  
  307. #question {
  308. padding:8px;
  309. font-family:cambria;
  310. letter-spacing:2px;
  311. text-align:right;
  312. font-style:italic;
  313. border:3px {color:border} solid;
  314. color:{color:text};
  315. background-color:{color:background}
  316. }
  317.  
  318. #cred {
  319. font-size:14px;
  320. font-family:cambria;
  321. letter-spacing:1px;
  322. display: block
  323. width:20px;
  324. height: 20px;
  325.  
  326. -moz-transition-duration:0.5s;
  327. -webkit-transition-duration:0.5s;
  328. -o-transition-duration:0.5s;
  329. }
  330.  
  331. #cred a {
  332. background-color:#ffffff;
  333. padding:5px;
  334. position:fixed;
  335. border: 1px solid {color:border};
  336. right:5px;
  337. bottom:10px;
  338. color: {color: text};
  339. }
  340.  
  341.  
  342. {CustomCSS}</style></head><body>
  343.  
  344.  
  345.  
  346. <div id="sidebar">
  347.  
  348.  
  349. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  350.  
  351. {block:ifShowTitle} <div id="stitle">{Title}</div>{/block:ifShowTitle}
  352.  
  353. </div>
  354.  
  355. </div>
  356. <div id="description">
  357. {Description}
  358. </div>
  359.  
  360. </div>
  361.  
  362. </div>
  363.  
  364. <div id="links">
  365. <a href="{text:link 1 url}">{text:link 1}</a>
  366. <a href="{text:link 2 url}">{text:link 2}</a>
  367. <a href="{text:link 3 url}">{text:link 3}</a>
  368. <a href="{text:link 4 url}">{text:link 4}</a>
  369. <a href="{text:link 5 url}">{text:link 5}</a>
  370. </a>
  371.  
  372. </div>
  373.  
  374. {block:Pagination}
  375. <div id="pagination">
  376. {block:PreviousPage}
  377. <a href="{PreviousPage}">«</a>
  378. {/block:PreviousPage}
  379. {block:JumpPagination length="5"}
  380. {block:CurrentPage}
  381. <span class="current_page">{PageNumber}</span>
  382. {/block:CurrentPage}
  383. {block:JumpPage}
  384. <a class="jump_page" href="{URL}">{PageNumber}</a>
  385. {/block:JumpPage}
  386. {/block:JumpPagination}
  387. {block:NextPage}
  388. <a href="{NextPage}">»</a>
  389. {/block:NextPage}
  390. </div>
  391. {/block:Pagination}
  392. </div>
  393.  
  394. </div>
  395.  
  396. <div id="all">{block:Posts}<div id="posts">
  397.  
  398. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  399.  
  400. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  401.  
  402. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  403.  
  404. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  405.  
  406. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  407.  
  408. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  409. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  410. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  411. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  412. {/block:Audio}
  413.  
  414. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  415.  
  416. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  417.  
  418.  
  419. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  420.  
  421. <div id="details">
  422. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank">reblog</a>
  423. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  424. {/block:Posts}
  425. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  426. {/block:Posts}</div></div></div></div>
  427.  
  428.  
  429. <div id="cred"><a href="http://mysansa.tumblr.com"><img src="http://media.tumblr.com/91b7711932eb7840f8e0e81789828222/tumblr_inline_mqjut3jKWy1qz4rgp.png"height="20" width "20"> ©</div>
  430.  
  431.  
  432. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement