Advertisement
zmmaliks

theme 38 by sunraysalive.

Nov 10th, 2012
5,290
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.94 KB | None | 0 0
  1. <!--theme38 by sunraysalive ®
  2. if you download it, like or reblog and PLEASE don't remove my credits.
  3. DON'T USE THIS THEME AS BASE!-->
  4.  
  5. <html>
  6. <head>
  7.  
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#ffffff" />
  10. <meta name="color:scrollbg" content="#ffffff" />
  11. <meta name="color:scrollbar" content="#dfdfdf" />
  12. <meta name="color:text" content="#747474" />
  13. <meta name="color:link" content="#747474" />
  14. <meta name="color:linkhovercolor" content="#666565" />
  15. <meta name="color:imgsidebar border" content="#f2f2f2">
  16. <meta name="color:post border" content="#f8f8f8">
  17. <meta name="color:description border" content="#f2f2f2">
  18. <meta name="color:title" content="#747474" />
  19. <meta name="color:tags" content="#747474">
  20. <meta name="color:blockquote text" content="#747474">
  21. <meta name="color:chat text" content="#747474">
  22. <meta name="color:chat background" content="#f8f8f8">
  23. <meta name="color:bg links" content="#ffffff">
  24.  
  25. <meta name="image:sids" content=""/>
  26. <meta name="image:background" content="" />
  27. <meta name="text:title2" content="type your second title" />
  28.  
  29. <meta name="text:Link1" content="/" />
  30. <meta name="text:Link1 Title" content="link 1" />
  31. <meta name="text:Link2" content="/" />
  32. <meta name="text:Link2 Title" content="link 2" />
  33. <meta name="text:Link3" content="/" />
  34. <meta name="text:Link3 Title" content="link 3" />
  35. <meta name="text:Link4" content="/" />
  36. <meta name="text:Link4 Title" content="link 4" />
  37. <meta name="text:Link5" content="/" />
  38. <meta name="text:Link5 Title" content="link 5" />
  39. <meta name="text:Link6" content="/" />
  40. <meta name="text:Link6 Title" content="link 6" />
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  51. ::-webkit-scrollbar-corner {padding:2px;background:{color:scrollbg}}
  52. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  53. ::-webkit-scrollbar-button:horizontal {width: 10px; height: 5px; display: block; background:{color:scrollbar}}
  54. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  55. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg};}
  56. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  57.  
  58. /* ------------ BODY/LINKS -------------- */
  59.  
  60. body{
  61. color:{color:text};
  62. font-family: calibri;
  63. font-size:11px;
  64. letter-spacing: 0.5px;
  65. background-color:{color:background};
  66. background-position: center;
  67. background-attachment:fixed;
  68. line-height:11px;
  69. text-align:justify;
  70. font-style: normal;
  71. font-weight: normal;}
  72.  
  73. a:link, a:active, a:visited{
  74. color: {color:link};
  75. text-decoration:none;
  76. -webkit-transition-duration: .90s;
  77. padding: 1px;}
  78. a:hover{
  79. color:{color:linkhovercolor};
  80. -webkit-transition-duration: .90s;}
  81.  
  82. /* ------------ POSTS -------------- */
  83.  
  84. .entries{
  85. font-family: calibri;
  86. padding:15px;
  87. width:520px;
  88. margin-left:500px;
  89. margin-top:30px;
  90. font-style: normal;
  91. font-weight: normal;
  92. line-height:11px;
  93. background-color: {color:background};}
  94.  
  95. .post{
  96. width:500px;
  97. padding:10px;
  98. padding-top: 15px;
  99. margin-top:30px;
  100. margin-bottom:5px;
  101. font-family: calibri;
  102. font-style: normal;
  103. font-weight: normal;
  104. line-height:11px;
  105. background-color:#ffffff;
  106. border: 1px solid #f8f8f8;}
  107.  
  108. .post img{
  109. opacity: 0.7;
  110. -webkit-transition-duration: .90s;}
  111.  
  112. .post img:hover{
  113. opacity: 0.9;
  114. -webkit-transition-duration: .90s;}
  115.  
  116. /* ------------ SIDE/DESCRIPTION/PAGINATION -------------- */
  117.  
  118. #sidebar{
  119. width:220px;
  120. text-align:center;
  121. margin-top:120px;
  122. margin-left: 250px;
  123. position:fixed;
  124. overflow:hidden;
  125. background-color: transparent;
  126. font-size:8.5px;
  127. padding:10px;
  128. font-style: normal;
  129. font-weight: normal;}
  130.  
  131. .sidebarimg{
  132. background-color: #fcfcfc;
  133. cursor:crosshover;
  134. width: 180px;
  135. height: 210px;
  136. opacity: 0.9;
  137. border: 1px solid {color:imgsidebar border};
  138. padding: 7px;
  139. padding-bottom: 35px;
  140. z-index: 1;}
  141.  
  142. .sidebarimg a:hover{
  143. opacity: 0.9;}
  144.  
  145. .description{
  146. color:#747474;
  147. font-family: calibri;
  148. font-size: 8px;
  149. font-style: normal;
  150. text-transform: uppercase;
  151. font-weight: none;
  152. text-align: center;
  153. margin-top: 290px;
  154. margin-left: 290px;
  155. width: 130px;
  156. background-color: #ffffff;
  157. border: 1px solid #f8f8f8;
  158. line-height: 10px;
  159. opacity: 1.0;
  160. padding: 3px;
  161. position: fixed;}
  162.  
  163. .description a{color:#747474;}
  164. .description a:hover{color:#747474;}
  165.  
  166. .pagination {
  167. width:160px;
  168. font-size:8px;
  169. word-spacing:7px;
  170. text-align:left;
  171. color:#747474;
  172. margin-left: -45px;
  173. position: fixed;
  174. background-color: transparent;}
  175.  
  176. /* ------------ TITLES -------------- */
  177.  
  178. h1{
  179. color:{color:title};
  180. font-family:cambria;
  181. font-size:13px;
  182. line-height:12px;
  183. letter-spacing:0px;
  184. font-weight:bold;
  185. text-transform:lowercase;
  186. margin:0px;
  187. padding:20px;
  188. text-align:center;
  189. font-style: italic;}
  190.  
  191. h2{
  192. color:{color:title};
  193. font-family:cambria;
  194. font-size:13px;
  195. line-height:12px;
  196. letter-spacing:0px;
  197. font-weight:bold;
  198. text-transform:lowercase;
  199. margin:0px;
  200. padding:20px;
  201. text-align:center;
  202. font-style: italic;
  203. background-color: #fcfcfc;
  204. border: 1px solid #f8f8f8;}
  205.  
  206. h3{
  207. color:{color:title};
  208. width: 460px;
  209. font-family:cambria;
  210. font-size:13px;
  211. line-height:12px;
  212. letter-spacing:0px;
  213. font-weight:bold;
  214. text-transform:lowercase;
  215. margin:0px;
  216. padding:20px;
  217. text-align:center;
  218. font-style: italic;
  219. background-color: #fcfcfc;
  220. border: 1px solid #f8f8f8;}
  221.  
  222. /* ------------ MENU&LINKS -------------- */
  223.  
  224. #menu{
  225. font-size:8px;
  226. padding: 1px;
  227. margin-top: 347px;
  228. margin-left: 270px;
  229. -webkit-transition-duration: .90s;
  230. font-style: normal;
  231. z-index: 1;
  232. position: fixed;}
  233.  
  234. #menu a:hover{
  235. background-color: {color:bg links};
  236. color: #c0c0c0;
  237. padding:1px;
  238. -webkit-transition-duration: .90s;}
  239.  
  240. #links a{
  241. width:50px;
  242. text-align: center;
  243. display:inline-block;
  244. font-weight: normal;
  245. font-family:calibri;
  246. font-size:8px;
  247. letter-spacing:0px;
  248. padding: 2px;
  249. text-transform: uppercase;
  250. background-color: #ffffff;
  251. -webkit-transition-duration: .90s;}
  252.  
  253. #links a:hover{
  254. width:50px;
  255. text-align: center;
  256. display:inline-block;
  257. font-weight: normal;
  258. font-family:calibri;
  259. font-size:8px;
  260. letter-spacing:0px;
  261. padding: 2px;
  262. text-transform: uppercase;
  263. background-color: #f5f5f5;
  264. -webkit-transition-duration: .90s;}
  265.  
  266. /* ------------ PERMALINK/TAGS -------------- */
  267.  
  268. .info{
  269. color: {color:tags};
  270. width:512px;
  271. margin-top: 15px;
  272. margin-bottom: -10px;
  273. margin-left: -10px;
  274. font-family:cambria;
  275. font-size: 11px;
  276. letter-spacing: 1px;
  277. font-style: italic;
  278. padding: 4px;
  279. line-height: 12px;
  280. letter-spacing: 0.5px;
  281. text-align: left;
  282. -webkit-transition-duration: 0.9s;
  283. -moz-transition-duration: 0.9s;
  284. background: #fefefe;
  285. border-top: 1px dotted #eeeeee;}
  286.  
  287. .info a:hover{
  288. padding: 1px;
  289. text-decoration: none;
  290. -webkit-transition-duration: 0.9s;
  291. -moz-transition-duration: 0.9s;}
  292.  
  293. .tags{
  294. color: {color:tags};
  295. background-color: #fcfcfc;
  296. font-family:calibri;
  297. font-size:8px;
  298. text-transform:uppercase;
  299. font-style: normal;
  300. opacity: 1.0;
  301. width:514px;
  302. margin-top: -5px;
  303. margin-left: 0px;
  304. text-align:left;
  305. line-height:10px;
  306. padding:4px;
  307. -webkit-transition-duration: 0.6s;
  308. -moz-transition-duration: 0.6s;
  309. border-radius: 0px 0px 10px 10px;}
  310.  
  311. .tags a{
  312. color: {color:tags};
  313. -webkit-transition-duration: 0.6s;
  314. -moz-transition-duration: 0.6s;}
  315.  
  316. .tags a:hover{
  317. color: {color:linkhovercolor}
  318. padding: 1px;
  319. -webkit-transition-duration: 0.6s;
  320. -moz-transition-duration: 0.6s;}
  321.  
  322. /* ------------ QUESTIONS -------------- */
  323.  
  324. .questions{
  325. color: #808080;
  326. font-family: cambria;
  327. font-size:11px;
  328. background-color: #ffffff;
  329. padding:10px;
  330. margin-bottom:0px;
  331. text-align:left;
  332. letter-spacing: 0px;
  333. font-style: italic;}
  334.  
  335. .questions a:hover{
  336. color:{color:linkhovercolor};}
  337.  
  338. .answer{
  339. color:#808080;
  340. font-family:cambria;
  341. font-size:11px;
  342. font-style: italic;
  343. background-color:#ffffff;
  344. padding:5px;
  345. margin-bottom:0px;
  346. text-align:left;
  347. line-height: 12px;}
  348.  
  349. /* ------------ BLOCKQUOTE/SPACE -------------- */
  350.  
  351. blockquote{
  352. color: {color:blockquote text};
  353. background-color: #ffffff;
  354. border: 1px solid #f8f8f8;
  355. font-family: cambria;
  356. font-size: 9px;
  357. font-style: italic;
  358. margin-left:20px;
  359. margin:5px;
  360. padding:10px;
  361. max-width: 490px;
  362. border-radius: 0px;}
  363. blockquote img, blockquote a img {max-width: 490px;}
  364.  
  365. p{margin-top:3px; margin-bottom:3px}
  366.  
  367. /* ------------ AUDIO -------------- */
  368.  
  369. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px;} .player {position:absolute; z-index:3; background:#000000; margin-top:45px; margin-left:73px; opacity:0.75; filter:alpha(opacity=75); border:0px #000000 solid; border-radius: 100px;} .audioplayer {background: #fcfcfc; border: 1px solid #ededed; width:207px; height:18px; overflow:hidden; padding:5px; padding-bottom:13px; margin-right:11px} .audioinfo {margin-left:140px; line-height:155%; font-family: cambria; font-size:10px!important;} .audiocaption {margin-left:172px;} .audiocaption img {max-width:330px!important} .audiocaption blockquote img {max-width:320px!important} .audiocaption blockquote blockquote img {max-width:310px!important}
  370.  
  371. /* ------------ CHAT -------------- */
  372.  
  373. .user_1 .label {color:{color:text}; font-weight:bold;}
  374. .user_2 .label {color:{color:chat text}; font-weight:bold;}
  375. .user_3 .label {color:{color:text}; font-weight:bold;}
  376. .user_4 .label {color:{color:chat text}; font-weight:bold;}
  377. .user_5 .label {color:{color:text}; font-weight:bold;}
  378. .user_6 .label {color:{color:chat text}; font-weight:bold;}
  379. .ul.chat {}
  380. .chat ol {}
  381. .chat li {list-style:none; margin-left:-40px; padding:-5px; font-family: cambria; font-style: italic; font-size: 11px; letter-spacing: 0.5px; background-color: #ffffff; border: 0px double #f8f8f8; text-transform: lowercase;}
  382.  
  383.  
  384. /* ------------ NOTES -------------- */
  385.  
  386. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border: solid 0px #fcfcfc; font-family:calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 0px; text-align: left; font-style: normal;}
  387.  
  388. ol.notes li.note {border-top: solid 0px #f8f8f8; padding: 10px;}
  389.  
  390. ol.notes li.note img.avatar {vertical-align: -4px; margin-right: 10px; width: 24px; height: 24px; border-radius: 0px; border: 3px double #eeeeee; opacity: 0.6;}
  391.  
  392. ol.notes li.note span.action {font-style: normal;}
  393.  
  394. ol.notes li.note .answer_content {font-weight: normal;}
  395.  
  396. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  397.  
  398. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  399.  
  400. /* ------------ CREDITS -------------- */
  401.  
  402. .credit {position:fixed; bottom:15px; right:15px; font: 8px cambria, sans-serif; background: #fcfcfc; color: #cccccc; border: 1px solid #f2f2f2; text-transform:uppercase; letter-spacing: 0px; padding: 5px; cursor: crosshair;}
  403. .credit a{color:{color:link}; opacity:0.8;}
  404. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  405. </style>
  406. </head>
  407.  
  408. <body>
  409. <div id="menu">
  410. <table><tr><td width="0px" style="font-size:8px;"><p><div id="links">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div></div><p><div id="links">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div></td><td width="0px" style="font-size:8px; text-align: right;"><p><div id="links">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div> <p><div id="links">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div></td><td width="0px" style="font-size:8px; text-align: right;"><p><div id="links">{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</div> <p><div id="links">{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}</div></td></tr></table></div></div>
  411. <div style="text-align: center; text-transform: uppercase; font-family: cambria; font-size: 8px; letter-spacing: 1px; font-weight: bold; color: #828282; margin-left: 278px; margin-top: 115px; position: fixed; font-style: normal;">{title}</div>
  412. <br>
  413. <div style="text-align: center; text-transform: uppercase; font-family: cambria; font-size: 8px; letter-spacing: 1px; font-weight: bold; color: #828282; margin-left: 285px; margin-top: 115px; position: fixed; font-style: normal;">{text:title2}</div>
  414. <div id="sidebar">
  415. <div class="sidebarimg">
  416. <a href="/"><img src="{image:sids}"/>
  417. </div>
  418. </div>
  419. <div style="padding: 5px; padding-top: 2px; position: fixed; text-align: right; font-size: 15px; font-family: cambria; font-style: normal; font-weight: normal; background-color: #ffffff; margin-top: 105px; margin-left: 415px; z-index: 1; color: #747474; border: 1px solid #f5f5f5;">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  420. <div class="description">{Description}</div>
  421.  
  422. <div class="entries">
  423. {block:Posts}
  424. <div class="post">
  425.  
  426. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  427.  
  428. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  429.  
  430. {block:Photoset}<div style="opacity: 0.7;">{Photoset-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  431.  
  432. {block:Quote}<h2>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</h2>
  433.  
  434. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  435.  
  436. {block:Chat}<h3>{block:Title}{Title}{/block:Title}</h3><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  437.  
  438. {block:Audio}<div class="audio"><span style="background-color:{color:Background}; position:absolute; width:80px; height:80px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="110px" height="110px" align="left" style="margin-left:30px; opacity: 0.7; border: 1px solid #ededed; padding: 3px; font-size: 8px;" />{/block:AlbumArt}</span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  439. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  440. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  441.  
  442. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  443.  
  444. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  445. <div class="answer">{Answer}</div>{/block:answer}
  446.  
  447. <div class="info"><table><tr><td width="350px" style="font-size:8px;">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:RebloggedFrom}via<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} /{block:ContentSource}<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</td><td width="250px" style="font-size:8px; text-align: right;">({block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount})</td></tr></table>
  448. </div>
  449. </div>
  450. <div class="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  451. {/block:Posts}
  452. {block:Posts}{PostNotes}{/block:Posts}
  453. <div class="credit"><a href="http://sunraysalivethemes.tumblr.com/themess">THEME ®</a></div>
  454. </body>
  455. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement