Advertisement
Somerhaldder

Theme #8 - How I Wonder & Crave What You See

Jan 16th, 2013
834
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.47 KB | None | 0 0
  1. <html lang="en"> <head>
  2.  
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <meta name="color:Background" content="#FFFCF7"/>
  11. <meta name="color:Font" content="#6F685D"/>
  12. <meta name="color:Question" content="#FCFAF7"/>
  13. <meta name="color:Link" content="#806981"/>
  14. <meta name="color:Link Hover" content="#C7BFB0"/>
  15. <meta name="color:Border" content="#F1ECE1"/>
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="text:Link One Title" content="" />
  19. <meta name="text:Link One" content="" />
  20. <meta name="text:Link Two Title" content="" />
  21. <meta name="text:Link Two " content="" />
  22.  
  23. <style type="text/css">
  24.  
  25. /*-- IMPORTANT --*/
  26.  
  27. iframe#tumblr_controls { top: 0% !important; right:0% !important; position: fixed !important }
  28.  
  29. #credit { text-transform: uppercase; position:fixed; bottom:8px; right:10px; letter-spacing:2px; font-size: 8px }
  30.  
  31. /*-- General --*/
  32.  
  33. body { color:{color:font}; font-family:calibri; font-size:10px; text-wrap: normal; word-wrap: break-word; background-color: {color:background}; background-image: url('{image:Background}'); background-repeat:repeat }
  34.  
  35. a, a:active, a:visited { text-decoration: none; color: {color:link}; }
  36.  
  37. a:hover { color:{color:link hover}; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out }
  38.  
  39. img {border:0px; max-width: 500px; height: auto; }
  40.  
  41. img:hover { border:0px; }
  42.  
  43. a.img, a.img:visited { border:0px; }
  44.  
  45. a.img:hover { border:0px; }
  46.  
  47. /*-- Sidebar --*/
  48.  
  49. #sidebar { background-color:transparent; width:200px; height:300px; margin-top:100px; margin-left:200px; position:fixed; padding:10px }
  50.  
  51. #sidebarimg img { min-width:200px; margin-left:-3px; height:auto; text-align:center; border-radius:3px }
  52.  
  53. /*-- Description & Navigation --*/
  54.  
  55. #description { text-transform: uppercase; font-size:8px; display: block; width:135px; padding-top: 2px; padding-bottom: 2px; text-align:right; margin-right: 56px; background: transparent }
  56.  
  57. #links { position: fixed; display: block; margin-left: 145px; margin-top:2px; width:48px; text-align: left; text-transform: uppercase; font-family: calibri; font-size: 8px; padding-left: 5px; border-left: 1px solid {color:border}; background: transparent }
  58.  
  59. /*-- Pagination --*/
  60.  
  61. #pagination { font-size: 8px; width:160px; margin-left: 25px; margin-top: -12px; background-color: transparent; text-align:right; position:fixed; display: block; text-transform: uppercase; }
  62.  
  63. /*-- Posts --*/
  64.  
  65. #content { width:520px; height:auto; margin-left:400px; background-color: transparent; position:absolute; padding:5px; }
  66.  
  67. #post { padding:8px; background-color:transparent ;width:500px; float:left; margin:8px; margin-left: 50px; }
  68.  
  69. blockquote { padding-left: 4px; border-left: 3px solid {color:font}; }
  70.  
  71. /*-- Question Posts --*/
  72.  
  73. #asker img { float: left; width: 33px; height: 33px; border-radius: 3px; border:1px solid {color:border}; }
  74.  
  75. #questions { margin-left: 40px; width: 430px; background-color:transparent; text-align:left; padding:10px; border-top: 1px solid {color:border}; border-radius: 3px; background: {color:question}; }
  76.  
  77. /*-- Chat Posts --*/
  78.  
  79. .chat ul { text-align: left; margin-left: -40px; list-style-type: none; width: 500px; font-spacing: 1px }
  80.  
  81. .odd { background-color: transparent; padding: 2px }
  82.  
  83. .even { padding: 2px; color: {color:link}; }
  84.  
  85. /*-- Audio Posts --*/
  86.  
  87. #albumart img { float: left; margin-left: 12px; width: 40px; height: 40px; padding: 0px; border-radius: 3px; }
  88.  
  89. .cover { position: relative; z-index: 1 }
  90.  
  91. .playbutton { display: block; width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 6px 13px 2px 5px }
  92.  
  93. .playbox { display:block; background-color: #fff; border-radius: 3px; position: absolute; z-index: 1000; margin-top: 0px; margin-left: 12px; opacity:0.50; border: 1px solid {color:border}; }
  94.  
  95. /*-- Quote Posts --*/
  96.  
  97. #q { position:absolute; display: block; font-size:50px; margin-top: -15px; font-family: georgia; opacity: 0.10 }
  98.  
  99. /*-- Posts' Information --*/
  100.  
  101. .note_count { text-align: left; padding: 10px; text-transform: lowercase; font-size: 10px; }
  102.  
  103. #permalink { font-size: 8px; padding: 2px 5px 0px 5px; text-transform: uppercase; text-align: left; border-top: 1px solid {color:border}; }
  104.  
  105. #tags { text-align:right; margin-top:-12px; margin-left: 190px; display:block; width:300px }
  106.  
  107. {CustomCSS]</style> </head>
  108.  
  109. <body>
  110.  
  111. <div id="sidebar"> <center>
  112. {block:Pagination} <div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}">Previously /</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> Next</a> {/block:NextPage} </div> {/block:Pagination}
  113. <div id="sidebarimg"> <img src="{image:Sidebar}"/> </div>
  114. <div id="links">
  115. <a href="/">Home</a> <br> <a href="/ask">Message</a> <br>
  116. <a href="{text:Link One}"> {text:Link One Title} </a> <br>
  117. <a href="{text:Link Two}"> {text:Link Two Title} </a> </div>
  118. <div id="description">{Description}</div>
  119.  
  120. </center> </div>
  121. </div></div>
  122.  
  123. <div id="content">
  124. {block:Posts} <div id="post">
  125.  
  126. <div style="font-size:10px; text-transform: uppercase"> {block:Title} {Title} {/block:Title} </div> {block:Text} {Body} {/block:Text}
  127.  
  128. {block:Photo} <div style="margin-bottom:5px;"> <a href="{permalink}"> <img src="{PhotoURL-500}" width="500"/> </a> {block:Caption} {Caption} {/block:Caption} </div> {/block:Photo}
  129.  
  130. {block:Photoset} <div style="margin-bottom:5px;"> {Photoset-500} {block:Caption} {Caption} {/block:Caption} </div> {/block:Photoset}
  131.  
  132. {block:Quote} <div id="q"> “ </div> <div style="font-size:10px; text-transform:uppercase; margin-left: 20px;"> {Quote} </div> <div align="right"> <div style="margin-bottom:5px;"> {block:Source} - {Source} {/block:Source} </div> </div> {/block:Quote}
  133.  
  134. {block:Video} <div style="margin-bottom:5px;"> <span class="videoback">
  135. {Video-500} </span> <br> {PlayCountWithLabel} {block:Caption}{Caption}{/block:Caption} </div> {/block:Video}
  136.  
  137. {block:Link} <div style="margin-bottom: 5px; font-size: 10px; text-transform: uppercase"> <a href="{URL}" class="link" {Target}>» {Name}</a> <BR> </div> {block:Caption}{Caption}{/block:Caption} {/block:Link}
  138.  
  139. {block:Chat} <div class="chat ul"> <div style="margin-bottom: -5px;"> <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> </div> {/block:Chat}
  140.  
  141. {block:Audio} <div style="padding-bottom: 5px;"> <div class="playbox"><div class="playbutton"> {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div> </div> <div id="albumart"> {block:AlbumArt} <img src="{albumarturl}" class="cover"> {/block:AlbumArt} </div> <div style="margin-left: 58px; margin-top: -1px"> {block:Artist}<b>Artist:</b> {Artist} {/block:Artist} <br> {block:TrackName}<b>Title:</b> {TrackName} {/block:TrackName} <br> {block:Album} <b>Album:</b> {Album} {/block:Album} </div> </div> <div style="display:block; width:400px;"> {block:Caption} {Caption} {/block:Caption} </div> {/block:Audio}
  142.  
  143. {block:Answer} <div id="asker"> <img src="{AskerPortraitURL-40}"> </div> <div id="questions"> <i> <a> {Asker} </a> wondered: {Question}</div> {Answer}</i> {/block:answer}
  144.  
  145. <div id="permalink"> {block:date} <a href="{Permalink}"> {TimeAgo} </a>{/block:Date} {block:NoteCount} / <a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a> {block:ContentSource}/ <a href="{SourceURL}">source</a> {/block:ContentSource} {/block:RebloggedFrom} </a>
  146.  
  147. <div id="tags"> {block:HasTags} {block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags} </div>
  148.  
  149. </div>
  150. </div>
  151.  
  152. <div class="note_count"> <div style="font-size: 8px; margin-left: 26px; margin-top:6px; padding-left:5px"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div> </div> {/block:Posts}
  153.  
  154. </div>
  155.  
  156. <div id="credit"> <a href="http://holdmetights.tumblr.com/nthemes"> © theme </a> </div>
  157.  
  158. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement