Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Transparentsea Theme

By: rctyler24 on Jun 29th, 2012  |  syntax: None  |  size: 8.31 KB  |  hits: 90  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="en">
  3.  
  4.  
  5. <!-- -----------------------------------------------
  6.         Transparentsea v1 by thosesexycodes.tumblr.com
  7.         You may edit the theme as you wish, but please keep my original
  8.         source code.  Thank you xoxo
  9.      ----------------------------------------------- -->
  10.  
  11. <head>
  12. <style href>a {text-decoration: none} </style>
  13. <!--Default Variables-->
  14. <meta name="image:Background" content="" />
  15. <meta name="image:Sidebar" content="" />
  16. <meta name="image:Header" content="" />
  17.  
  18. <meta name="if:Sidebar Image" content="0">
  19.  
  20. <meta name="color:Background" content="#ffffff" />
  21. <meta name="color:Body Text" content="#6B5757" />
  22. <meta name="color:Title" content="#FE678A" />
  23. <meta name="color:Link" content="#7ECECA" />
  24. <meta name="color:Link Hover" content="#1693A5" />
  25.  
  26.  
  27. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  28. <link rel="shortcut icon" href="{Favicon}"/>
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
  36.  
  37. <style type="text/css">
  38.  
  39. body {
  40.     background: {color:Background};
  41.     background-image:url('{image:Background}');
  42.     background-attachment: fixed;
  43.     background-position:center;
  44.     font-family: 'Open Sans';
  45.     font-size:11px;
  46.     line-height:1em;
  47.     font-smooth: always;
  48.     font-weight: 400;
  49.     color: {color:Body Text};
  50.     }
  51.  
  52. a {
  53.     color: {color:Link};
  54.     font-smooth:always;
  55.     }
  56.  
  57. a:hover {
  58.     color: {color:Link Hover};
  59.     font-smooth:always;
  60.     }
  61.  
  62. img {
  63.     max-width: 500px;
  64.     overflow:hidden;
  65.     }
  66.    
  67. p {
  68.     line-height: 1.5em;
  69.     }
  70.  
  71. blockquote {
  72.     border-left: 2px {color:Link} solid;
  73.     margin-left: 15px;
  74.     padding-left: 5px;
  75.     }
  76.  
  77. /*sidebar title*/
  78. h2 {
  79.     font-size: 26px;
  80.     letter-spacing: -1px;
  81.     font-family: 'Open Sans Condensed';
  82.     font-weight: 400;
  83.     margin: 12px;
  84.     text-align: center;
  85.     font-smooth: always;
  86.     }
  87.  
  88. /*question formating (NOT ANSWER)*/
  89. h3 {
  90.     font-family: 'Open Sans Condensed';
  91.     font-size: 18px;
  92.     font-weight: 400;
  93.     line-height: 1.1em;
  94.     margin-top: -5px;
  95.     }
  96.  
  97. /*sidebar links*/
  98. .links{
  99.     text-align: center;
  100.     font-family: 'Open Sans Condensed';
  101.     margin-top: 8px;
  102.     margin-bottom: 2px;
  103.     letter-spacing: 1px;
  104.     font-size: 15px;
  105.     line-height: 1em;
  106.     text-transform:uppercase;
  107.     background; white;
  108.     }
  109.  
  110. /*post titles*/
  111. .title {
  112.     font-family: 'Open Sans Condensed';
  113.     text-align: left;
  114.     font-smooth: always;
  115.     font-weight: 400;
  116.     font-size: 26px;
  117.     letter-spacing: -1px;
  118.     line-height: 1em;
  119.     }
  120.  
  121. /*permalinks at the bottom of each post*/
  122. .permalink {
  123.     font-family: 'Open Sans Condensed';
  124.     font-size: 12px;
  125.     text-align: center;
  126.     text-transform: uppercase;
  127.     }    
  128.  
  129. #wrap {
  130.     background: transparent;
  131.     width:750px;
  132.     margin-left: auto;
  133.     margin-right: auto;
  134.     }  
  135.    
  136. #entry {
  137.     margin-top: 0px;
  138.     width: 500px;
  139.     background:white;
  140.     margin-bottom: 10px;
  141.     overflow: hidden;
  142.     display: inline;
  143.     position: relative;
  144.     float: right;
  145.     padding: 10px;
  146.     opacity: .9;
  147.     border-radius: 5px;
  148.     }
  149.    
  150. #sidebar {
  151.     margin-top: 0px;
  152.     width: 200px;
  153.     background: white;
  154.     text-align: center;
  155.     overflow: hidden;
  156.     float: left;
  157.     display:inline;
  158.     position: relative;
  159.     padding: 10px;
  160.     opacity: .9;
  161.     border-radius: 5px;
  162.     }
  163.  
  164. #navig {
  165.     width: 500px;
  166.     font-family: 'Open Sans Condensed';
  167.     text-transform: uppercase;
  168.     margin-top: 5px;
  169.     font-size: 14px;
  170.     text-align: center;
  171.     margin-left:auto;
  172.     margin-right:auto;
  173.     margin-bottom: 15px;
  174.     position: relative;
  175.     clear: both;
  176.     background:white;
  177.     display: inline;
  178.     float: right;
  179.     padding:10px;
  180.     opacity: .9;
  181.     border-radius: 5px;
  182.     }
  183.    
  184. #conversation {
  185.     line-height: 1.2em;
  186.     }
  187.    
  188. #credit {
  189.     width: auto;
  190.     position: fixed;
  191.     font-size: 8px;
  192.     text-transform: lowercase;
  193.     bottom: 5px;
  194.     margin-right: auto;
  195.     margin-left: auto;
  196.     padding:3px;
  197.     background: white;
  198.     opacity: .6;
  199.     border-radius: 5px;
  200.     }
  201.            
  202. #post-notes {
  203.     text-align: center;
  204.     font-family: 'Open Sans Condensed';
  205.     font-size: 12px;
  206.     text-transform: uppercase;
  207.     }
  208.    
  209. #description {
  210.     font-size: 10px;
  211.     }
  212.    
  213. /* CLEAR FIX*/
  214. .clearfix:after {content: ".";
  215.     display: block;
  216.     height: 0;
  217.     clear: both;
  218.     visibility: hidden;}
  219. .clearfix {display: inline-block;}
  220. /* Hides from IE-mac \*/
  221. * html .clearfix { height: 1%;}
  222. .clearfix {display: block;}
  223. /* End hide from IE-mac */
  224.  
  225.  
  226. {CustomCSS}
  227.  
  228. </style>
  229. </head>
  230.  
  231. <body>
  232.  
  233. <div id="wrap">
  234.    
  235.     <div id="main" class="clearfix">
  236.  
  237. <div id="sidebar">
  238.  
  239. {block:ifSidebarImage}
  240. <center>
  241. <a href="/">
  242. <img src="{image:Sidebar}" style="margin-bottom: 3px;  border-radius: 5px; width:200px;><br>
  243. </a>
  244. </center>
  245. {/block:ifSidebarImage}
  246. <a href="/"><h2>{Title}</h2></a>
  247.  
  248. <div id="description">
  249. {Description}
  250.  
  251. </div>
  252.  
  253.  
  254. <div class="links">
  255. <a href="/ask">{AskLabel}</a><br>
  256. {block:HasPages}{block:Pages}
  257. <a href="{URL}">{Label}</a><br>
  258. {/block:Pages}{/block:HasPages}
  259. {block:IfRSS}<a href="{RSS}">RSS</a><br>{/block:IfRSS}
  260. {block:IfSubmit}<a href="/submit">Submit</a>{/block:IfSubmit}
  261. </div>
  262.  
  263. <br>
  264.  
  265. <div id="description"><a href="http://thosesexycodes.tumblr.com/transparentsea">theme</a> by thosesexycodes</div>
  266. </div>
  267.  
  268.  
  269.  
  270.  
  271. {block:Posts}
  272.  
  273.  
  274. <div id="entry">
  275.  
  276.  
  277. {block:Text}
  278. {block:Title}<a href="{Permalink}"><div class="title">{Title}</div></a>{/block:Title}
  279. {Body}
  280. {/block:Text}
  281.  
  282.  
  283. {block:Photo}
  284. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"></a>{LinkCloseTag}
  285. {block:Caption}{Caption}{/block:Caption}
  286. {/block:Photo}
  287.  
  288.  
  289. {block:Photoset}
  290. {LinkOpenTag}<a href="{Permalink}" alt="{PhotoAlt}">{Photoset-500}</a>{LinkCloseTag}
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Photoset}
  293.  
  294.  
  295.  
  296. {block:Quote}
  297. <a href="{Permalink}"><div class="title">{Quote}</div></a><br>
  298. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;—&nbsp;{block:Source}{Source}{/block:Source}<br><br>
  299. {/block:Quote}
  300.  
  301.  
  302.  
  303. {block:Link}
  304. <div class="title"><a href="{URL}">{Name}</a></div>
  305. {block:Description}{Description}{/block:Description}
  306. {/block:Link}
  307.  
  308.  
  309.  
  310. {block:Audio}
  311. <center>
  312. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  313.  
  314. {block:AlbumArt}
  315. <img src="{AlbumArtURL}" width="250">
  316. {/block:AlbumArt}
  317.  
  318. <br><br>
  319.  
  320. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  321. </center>
  322. {block:Caption}{Caption}{/block:Caption}
  323.  
  324. {/block:Audio}
  325.  
  326.  
  327.  
  328. {block:Conversation}
  329. {block:Title}<div class="title">{Title}</div>{/block:Title}
  330.  
  331. <div class="conversation">
  332. {block:Lines}
  333. <br>
  334. {block:Label}<b>{Label}</b>{/block:Label}
  335. {Line}
  336. {/block:Lines}
  337. </div>
  338.  
  339. {/block:Conversation}
  340.  
  341.  
  342. {block:Video}
  343. {Video-500}
  344. {block:Caption}{Caption}{/block:Caption}
  345. {/block:Video}
  346.  
  347.  
  348.  
  349. {block:Answer}
  350. <h3>{Asker} asked: {Question}</h3>
  351.  
  352. {Answer}
  353. {/block:Answer}
  354.  
  355.  
  356. <div class="permalink">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}, {Year}&nbsp;•&nbsp;{NoteCountWithLabel}</a>{/block:Date}
  357. </div>
  358.  
  359.  
  360. {block:PostNotes}
  361.  
  362. <div id="post-notes">
  363. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  364. {/block:RebloggedFrom}
  365.  
  366. {block:ContentSource}&nbsp;|&nbsp;source: <a href="{SourceURL}">{SourceTitle}</a>
  367. {/block:ContentSource}
  368.  
  369.  
  370. <br>
  371.  
  372. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  373.  
  374. {PostNotes}{/block:PostNotes}</div>
  375.  
  376. {/block:Posts}
  377.  
  378. </div>
  379.  
  380.  
  381. {block:Pagination}
  382. <div id="navig">
  383.  
  384.  
  385.             {block:Pagination}
  386.             {block:PreviousPage}
  387.                 <a href="{PreviousPage}">« newer</a>
  388.             &nbsp;~&nbsp;
  389.             {/block:PreviousPage}
  390.  
  391.  
  392.  
  393.             {block:NextPage}
  394.                 <a href="{NextPage}">older »</a>
  395.             {/block:NextPage}
  396.         {/block:Pagination}
  397. </div>
  398. {/block:Pagination}
  399.  
  400. </div>
  401.  
  402.  
  403. <br><br><br>
  404.  
  405. </body>
  406. </html>
create a new version of this paste RAW Paste Data