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

lullaby theme by selrauhl

By: selrauhl on Apr 2nd, 2012  |  syntax: None  |  size: 8.24 KB  |  hits: 4,269  |  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. <!--
  2. Lullaby theme by selrauhl
  3. 1. Please leave credit intact.
  4. 2. Edit it as you wish.
  5. 3. Do not claim this as your own. -->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:text" content="#978481" />
  12. <meta name="color:link" content="#AF7E79" />
  13. <meta name="color:link hover" content="#AF7E79" />
  14. <meta name="color:title" content="#AF7E79" />
  15. <meta name="color:background" content="#FDF6F5" />
  16. <meta name="color:sidebar" content="#F8EEE9" />
  17. <meta name="color:entries" content="#FDF6F5" />
  18. <meta name="color:permalink" content="#F8EEE9" />
  19. <meta name="color:side links" content="#F8EEE9" />
  20. <meta name="color:side links bar" content="#F0E1D9" />
  21.  
  22. <meta name="font:body" content="Georgia" />
  23. <meta name="image:background" content="" />
  24.  
  25. <meta name="text:Link1Title" content="link 1"/>
  26. <meta name="text:Link1" content="http://" />
  27. <meta name="text:Link2Title" content="link 2" />
  28. <meta name="text:Link2" content="http://" />
  29. <meta name="text:Link3Title" content="link 3" />
  30. <meta name="text:Link3" content="http://" />
  31. <meta name="text:Link4Title" content="link 4" />
  32. <meta name="text:Link4" content="http://" />
  33.  
  34.  
  35.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  39.  
  40. <style type="text/css">
  41.  
  42. body {color:{color:text}; background-color:{color:Background}; background-image: url('{image:Background}'); background-position:top left; background-attachment:fixed; background-repeat:repeat; font-size:10px; font-family:{font:body}; line-height:110%; text-align:justify}
  43.  
  44. a:link, a:active, a:visited {color: {color:link}; text-decoration:none}
  45.  
  46. a:hover{color:{color:link hover}; font-style:italic; border-bottom:1px dotted {color:link hover};}
  47.  
  48. #entries {margin-left:450px;  margin-top:5px;  padding:3px; width:520px;}
  49.  
  50. #posts {overflow:hidden; background-color:{color:entries}; padding:10px;
  51. font-size:10px; margin-bottom:15px; font-family:{font:body}; letter-spacing:0px;}
  52.  
  53. #sidebar {width:250px; padding:10px; margin-top:100px; margin-left:150px; height:250px; -moz-border-radius:450px; -webkit-border-radius:450px; position:fixed; background-color:{color:sidebar};}
  54.  
  55. #sidebarinfo {color:{color:text}; font-family:{font:body}; font-size:10px; width:250px; margin-top:10px;}
  56.  
  57. .sidebarlinks {color:{color:text}; font-family:calibri; font-size:13px; width:250px; margin-top:10px; text-align:center; text-transform:uppercase;}
  58.  
  59. .icon {border:7px solid {color:circle links}; position:fixed; margin-top:-65px; margin-left:18px; color:{color:side links};}
  60.  
  61. #linksbar {position: fixed;top:0px;left:25px;width:100px; height:100%;background-color:{color:side links bar};}
  62.  
  63. #sidelinks {margin-top:170px;  line-height:5px;}
  64.  
  65. #sidelinks a {width: 50px; height:50px; font-family: georgia; font-size: 9px; line-height:50px; display:block; text-align: center; background-color:{color:side links}; color:{color:link}; padding: 5px; letter-spacing: 0px; text-transform:lowercase; -webkit-transition: opacity 0.8s linear; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  66.  
  67. #sidelinks a:hover {background-color:{color:background}; color:{color:text}; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  68.  
  69. #title {width:250px; margin-top:65px; color:{color:title}; font-family: 'Satisfy', cursive; font-size:20px; text-align:center;}
  70.  
  71. h1 {color:{color:link}; font-family: 'Satisfy', cursive; font-size:20px; line-height:17px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:center}
  72.  
  73. h2 {color:{color:link}; font-family: 'Satisfy', cursive; font-size:20px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:0px; text-align:center}
  74.  
  75. #pagination {font-family:georgia; text-align:center; font-size:15px;}
  76.  
  77. #permalink {display:block; margin:2px 0px 2px 0px; padding:2px; color:{color:text}; font:10px {font:body}; line-height:110%; text-transform:none; background-color:{color:permalink}; letter-spacing:0px; border-bottom:1px solid {color:text};}
  78. #permalink a {color:{color:link};}
  79. #permalink a:hover {color:{color:link hover};}
  80.  
  81. #tags {background-color:trans; font-family:georgia; text-align:right; margin-top: 3px; text-transform:lowercase; font-size:10px; font-style:italic;}
  82.  
  83. #audiopost{display:block; background-color:white;}
  84. #audioimage{float:left; width: 60px; border: 5px solid; color: {color:background};}
  85. #audioimage img {max-width: 60px; height: auto;}
  86.  
  87. #askerimg{float: center; margin: 0px 4px 2px 0}
  88.  
  89. #questions {background-color:{color:permalink}; color: {color:text}; padding:10px; margin-bottom:0px; font-size:10px; text-align:center; font-family:{font:body};}
  90.  
  91. #questions a {color:{color:text};}
  92.  
  93. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  94. blockquote img, blockquote a img {max-width: 500px}
  95.  
  96. #user_1 .label {color:{color:links}; font-weight:bold}
  97. #user_2 .label {color:{color:text}; font-weight:bold}
  98. ul.chat, .chat ol, .chat li {display:block; background-color: {color:sidebar}; list-style:none; margin:0px; padding:0px;}
  99.  
  100. </style>
  101. <style type="text/css">{CustomCSS}</style>
  102.  
  103. </head>
  104.  
  105. <body>
  106. <div id="linksbar">
  107. <center>
  108. <div id="sidelinks">
  109. <div class="icon"><img src="{PortraitUrl-48}"></div><br>
  110. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}<br>
  111. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a> {/block:ifLink2}<br>
  112. {block:ifLink3}<a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3}<br>
  113. {block:ifLink4}<a href="{text:Link4}">{text:Link4Title}</a> {/block:ifLink4}
  114. </div></div>
  115.  
  116. <div id="sidebar">
  117. <div id="title">{Title}</div>
  118. <div id="sidebarinfo">{Description}</div>
  119. <div class="sidebarlinks">
  120. <a href="/">home</a> -
  121. <a href="/ask">message</a> -
  122. <a href="http://selrauhl.tumblr.com/themebox">theme</a></div><br>
  123. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div><br><center></div></div>
  124.  
  125.  
  126. <div id="entries">
  127. {block:Posts}
  128. <div id="posts">
  129. {block:Quote}<h2>"{Quote}" <br>- {Source}</h2>{/block:Quote}
  130. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  131. {block:Text}{Body}{/block:Text}
  132.  
  133. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  134. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  135.  
  136. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  137. {block:Photoset}<center>{Photoset-500}</center>
  138. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  139.  
  140. {block:Chat}<ul class="chat">{block:Lines}<li id="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  141.  
  142. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  143. {block:Answer}<div id="questions"><div class="askerimg"><img src="{AskerPortraitURL-16}">&nbsp;<strong>{Asker}</strong> asked: "{Question}"</div></div>
  144. {Answer}{/block:answer}
  145.  
  146. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
  147. {AudioPlayerWhite}</span><br>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  148.  
  149. <div id="permalink">{block:Date} posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}{/block:Date}<div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><br></div>
  150. <div id="tags">{block:HasTags}{block:Tags}&middot;&nbsp;<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  151.  
  152. </div>{/block:Posts}
  153. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  154. </div>
  155. </body>
  156. </html>
create a new version of this paste RAW Paste Data