Advertisement
lauracw

Theme Across The Sea

Mar 21st, 2013
517
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.35 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.  
  4. <!---- theme#2 by bluevlvet.tumblr.com
  5. DONT REMOVE CREDIT
  6. DONT USE THIS AS A BASE CODE
  7. ENJOY !! --->
  8.  
  9. <html>
  10. <head>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="image:sidebar1" content="" />
  14. <meta name="color:background" content="#FFFFFF" />
  15. <meta name="color:text" content="#BABABA" />
  16. <meta name="color:scrollbar" content="#5CCFDB" />
  17. <meta name="image:sidebar2" content=""/>
  18. <meta name="color:links" content="#9C9C9C" />
  19. <meta name="color:links hover" content="#616161" />
  20. <meta name="color:slinks hover bg" content="#5CCFDB" />
  21. <meta name="color:sidebar img border" content="#f2f2f2" />
  22. <meta name="color:post border" content="#f0f0f0" />
  23. <meta name="color:ask bg" content="#222222" />
  24. <meta name="text:link 1" content="" />
  25. <meta name="text:link 1 title" content="link 01" />
  26. <meta name="text:link 2" content="" />
  27. <meta name="text:link 2 title" content="link 02" />
  28. <meta name="text:link 3" content="" />
  29. <meta name="text:link 3 title" content="link 03" />
  30. <meta name="text:titlee" content="your blog title here" />
  31.  
  32. <title>{Title}</title>
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}">
  35.  
  36. <style type="text/css">
  37.  
  38. iframe#tumblr_controls {top:0px !important;right:5px !important;position: fixed !important;opacity: 0.5;-webkit-transition: all 0.5s ease;}
  39. iframe#tumblr_controls:hover{opacity: 1;-webkit-transition: all 0.5s ease;}
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar};height:7px;}
  42. ::-webkit-scrollbar-thumb:horizontal {background-color{color:scrollbar};height:7px!important;}
  43. ::-webkit-scrollbar {background-color:{color:background};height:5px;width:7px;}
  44.  
  45. body {background-color: {color:background};color: {color:text}; font-family:trebuchet ms; font-size:10px;}
  46.  
  47. a {text-decoration: none; color: {color:links};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  48. a:hover {color: {color:links hover};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  49.  
  50.  
  51. #sidebar {background-image:url('{image:sidebar1}');margin-top:183px;width:220px;height:330px;margin-left:70px;position:fixed;z-index:999999999
  52. }
  53.  
  54. #sidebarss {opacity:0;border:0px solid #e0e0e0;background-image:url('{image:sidebar2}');margin-top:px;width:220px;height:330px;margin-left:0px;position:fixed;-webkit-transition:0.5s linear;z-index:01;}
  55.  
  56. #side {height:auto; width:225px; margin-top:px; text-align:center; padding:5px; position:fixed; background:transparent;}
  57.  
  58. #sidebar:hover .slinks{opacity:1;padding-top:5px;-webkit-transition: all 0.9s ease;
  59. -moz-transition: all 0.9s ease;
  60. -o-transition: all 0.9s ease;}
  61.  
  62. #sidebar:hover .description{padding-top:30px;-webkit-transition: all 0.9s ease;
  63. -moz-transition: all 0.9s ease;
  64. -o-transition: all 0.9s ease;}
  65.  
  66. #sidebar:hover #sidebarss{
  67. opacity:1;
  68.  
  69. -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
  70. -webkit-transition-duration: .50s;
  71.  
  72. }
  73.  
  74.  
  75.  
  76.  
  77. .titlee {
  78. padding:0px 1px 0px 2px;
  79. text-align:left;
  80. margin-left:0px;
  81. width:225px;
  82. opacity:1;
  83. position:fixed;
  84. margin-top:290px;
  85. line-height:20px;
  86. font-family:'trebuchet ms';
  87. font-size:10px;
  88. text-transform:uppercase;
  89. position:fixed;
  90. -webkit-transition: all 0.7s ease;
  91. -moz-transition: all 0.7s ease;
  92. -o-transition: all 0.7s ease;
  93. background-color:#fff;
  94. opacity:0.70;}
  95.  
  96. .description {margin-top:-20px; width: 215px;text-align:left;-webkit-transition: all 0.9s ease;
  97. -moz-transition: all 0.9s ease;
  98. -o-transition: all 0.9s ease;margin-left:6px;}
  99.  
  100. .slinks {font-family:trebuchet ms;font-size: 9px;margin-top:333px; width: 220px;text-align: center;text-transform: uppercase; padding-bottom: 10px; border-bottom: 3px double {color:sidebar img border};opacity:0;-webkit-transition: all 0.9s ease;
  101. -moz-transition: all 0.9s ease;
  102. -o-transition: all 0.9s ease;margin-left:0px;display:inline-block;}
  103. .slinks a{padding:5px;display:inline;width:50px;}
  104. .slinks a:hover {background-color: {color:slinks hover bg}; color: #fff;}
  105. .pagination {width: 215px; text-align:left;margin-top:0px;font-style: italic;text-transform: lowercase;margin-left:6px;}
  106.  
  107. #container {padding-top: 40px;margin-left: 380px;width: 500px;}
  108. #entry {width: 500px;margin-bottom: 40px;}
  109. #post {width: 500px;padding-bottom:20px;border-bottom:1px solid {color:post border};}
  110. .permalink {padding-top: 3px;width: 500px;text-transform: uppercase;font-size: 9px;font-family: consolas;}
  111. .tags {font-family:consolas;width: 500px;font-size: 10px;text-transform:lowercase;}
  112. .tags a {font-style: italic;}
  113.  
  114. .asker a {color: {color:bold};}
  115.  
  116. .answer {
  117. margin-top:-5px;font-weight: normal; }
  118.  
  119. .asker {
  120. width: 485px;
  121. background-color: {color:question};
  122. font-family:cambria;
  123. padding: 10px;
  124. font-style:italic;
  125. font-size: 10px; color: {color:bold};
  126. font-weight: normal;
  127. text-transform: lowercase;
  128. line-height: 11px; }
  129.  
  130. .asker img{
  131. float: left;
  132. padding: 0px 5px 0px 0px;
  133. border-radius: 100px;}
  134.  
  135. .asker a{
  136. font-size: 12px;
  137. color:{color:bold};
  138. line-height: 11px;
  139. padding: 0;
  140. margin: 0;}
  141.  
  142. .question {
  143. font-size: 12px;
  144. font-weight: normal;
  145. color:{color:text};
  146. padding:20px
  147. overflow:hidden;
  148. text-transform: none;}
  149.  
  150. .answer {
  151. padding-left: 4px;
  152. padding-right: 4px;
  153. padding-top: 4px;}
  154.  
  155.  
  156.  
  157. h1 {font-family:consolas; font-weight: bold;font-size: 14px;text-transform:uppercase;}
  158.  
  159. small {font-size:8px;font-family:cambria;}
  160. big {font-size:14px;}
  161. b, strong {color:{color:link}; font-family:times; font-size:10px;}
  162. i, em {color:{color:text};}
  163. p {margin-top:5px; margin-bottom:5px}
  164. blockquote {border-left:1px solid #e9e7e7; padding-left:5px; margin:5px; max-width:500px!important;}
  165.  
  166.  
  167. .quote {padding: 2px; font-family:calibri; font-weight: bold;font-size: 14px;}
  168. .source {margin-top: 5px;text-align:center; font-family:calibri}
  169.  
  170. .audio {opacity: 0.9; position:relative; overflow:hidden; min-height:150px;opacity:0.90;
  171. -webkit-transition: all 0.9s ease;
  172. -moz-transition: all 0.9s ease;
  173. -o-transition: all 0.9s ease;
  174.  
  175. -webkit-filter: grayscale(100%);
  176. z-index: -9999999999999999999999999px;
  177. -webkit-transition: all 0.9s ease;
  178. -moz-transition: all 0.9s ease;
  179. -o-transition: all 0.9s ease;
  180. -ms-transition: all 0.9s ease;
  181. transition: all 0.9s ease;}
  182.  
  183.  
  184. .audio:hover {opacity:0.90;
  185. -webkit-transition: all 0.9s ease;
  186. -moz-transition: all 0.9s ease;
  187. -o-transition: all 0.9s ease;
  188.  
  189. -webkit-filter: grayscale(0%);
  190. z-index: -9999999999999999999999999px;
  191. -webkit-transition: all 0.9s ease;
  192. -moz-transition: all 0.9s ease;
  193. -o-transition: all 0.9s ease;
  194. -ms-transition: all 0.9s ease;
  195. transition: all 0.9s ease;
  196. }
  197. .player {position:absolute; z-index:100; background:#FFFFFF; margin-top:100px; margin-left:130px; opacity:0.75; filter:alpha(opacity=75);}
  198. .audioplayer {width:15px; height:25px; overflow:hidden; padding:3px; margin-right:11px}
  199. .audioinfo {margin-left:172px; line-height:155%; font-family:'trebuchet ms';font-style:italic; font-size:10px!important;}
  200. .audiocaption {margin-left:172px;}
  201. .audiocaption img {max-width:330px!important}
  202. .audiocaption blockquote img {max-width:320px!important}
  203. .audiocaption blockquote blockquote img {max-width:310px!important}
  204.  
  205. .notes {width:500px; font-family: cambria; text-transform: lowercase; font-size: 10px; font-style: italic;letter-spacing: 1px; margin-left: -20px;}
  206. ol.notes {list-style-type:none;}
  207. ol.notes li.note {border: none; padding: 2px;}
  208. ol.notes li.note img.avatar {display: none}
  209.  
  210.  
  211.  
  212. </style></head>
  213.  
  214. <body>
  215.  
  216. <div id="sidebar">
  217. <div id="sidebarss">
  218. <div class="titlee"> &nbsp; &nbsp;{text:titlee}</div></div>
  219.  
  220. <div class="slinks">
  221. <a href="/">index</a>
  222. <a href="/ask">inbox</a>
  223. <a href="{text:link 1}">{text:link 1 title}</a>
  224. <a href="{text:link 2}">{text:link 2 title}</a>
  225. <a href="{text:link 3}">{text:link 3 title}</a>
  226. </div>
  227.  
  228. <div class="description">{Description}</div>
  229.  
  230. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage} {/block:Pagination}</div>
  231.  
  232. </div>
  233.  
  234. <div id="container">
  235.  
  236. {block:Posts}
  237. {block:ContentSource}
  238. {/block:ContentSource}
  239.  
  240. <div id="entry">
  241. <div id="post">
  242.  
  243. {block:Text}
  244. {block:Title}<h1>{Title}</h1>{/block:Title}
  245. {Body}
  246. {/block:Text}
  247.  
  248. {block:Photo}
  249. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  250. {Caption}
  251. {/block:Photo}
  252.  
  253. {block:Photoset}
  254. {Photoset-500}
  255. {Caption}
  256. {/block:Photoset}
  257.  
  258. {block:Quote}
  259. <div class="quote">{Quote}</div>
  260. {block:Source}<div class="source">{Source};</div>{/block:Source}
  261. {/block:Quote}
  262.  
  263. {block:Link}
  264. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  265. {block:Description}{Description}{/block:Description}
  266. {/block:Link}
  267.  
  268. {block:Chat}
  269. {block:Title}<h1>{Title}</h1>{/block:Title}
  270. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  271. {/block:Chat}
  272.  
  273.  
  274. {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="130px" height="130px" align="left" style="margin-left:30px; opacity: 0.5; border: 1px solid #ededed; padding: 5px;" />{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div></span><div class="audioinfo"><b>Name:</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 />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Plays:</b> {PlayCount}</div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  275.  
  276. {block:Video}
  277. {Video-500}
  278. {Caption}
  279. {/block:Video}
  280.  
  281. {block:Answer}
  282. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker} said to me: </br>
  283. <div class="question">{Question}</div></div>
  284. <div class="answer">{Answer}</div>
  285. {/block:Answer}
  286.  
  287.  
  288. <div class="permalink">
  289. {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}</a><a href="{Permalink}"></a>{/block:Date}
  290. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a><a href="{ReblogRootURL}"> (&copy; {ReblogRootName})</a>{/block:RebloggedFrom}<div style="float:right;">{block:NoteCount}with </font><a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes</div>
  291. </div>
  292.  
  293. <div class="tags">{block:HasTags}<span class="permalink">filed under:</span> {block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  294. </div>
  295.  
  296.  
  297.  
  298. {block:PermalinkPage}
  299. {block:PostNotes}
  300. <div id="postnotes">{PostNotes}</div>
  301. {/block:PostNotes}
  302. {/block:PermalinkPage}
  303. {/block:Posts}
  304.  
  305. <div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:10px;font-family:calibri;text-transform:uppercase;"><center>
  306. <a href="http://bluevlvet.tumblr.com">©</a>
  307. </div>
  308. </body>
  309. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement