Advertisement
tutorgirl

theme 07 by markedandtied (300sb)

May 14th, 2012
2,780
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.19 KB | None | 0 0
  1. <!---
  2. theme by vicki
  3. don't repost or copy!!
  4. ---!>
  5.  
  6. <html>
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#FCF8F5" />
  10. <meta name="color:topbar" content="#faf3e8" />
  11. <meta name="color:posts" content="#FCF8F5" />
  12. <meta name="color:info" content="#FAF3E8" />
  13. <meta name="color:questions" content="#FAF3E8" />
  14. <meta name="color:text" content="#855e56" />
  15. <meta name="color:title" content="#dfa888" />
  16. <meta name="color:link" content="#ce6e6a" />
  17. <meta name="color:link hover" content="#aa686b" />
  18. <meta name="color:slink bg" content="#f0e1d1" />
  19. <meta name="color:border" content="#f0e0d1" />
  20.  
  21. <meta name="font:title" content="georgia" />
  22. <meta name="font:body" content="helvetica" />
  23. <meta name="font:info" content="georgia" />
  24.  
  25. <meta name="image:sidebar" content="" />
  26. <meta name="text:simgheight" content="300" />
  27. <meta name="image:background" content="" />
  28.  
  29. <meta name="text:link1" content="" />
  30. <meta name="text:link1 title" content="" />
  31. <meta name="text:link2" content="" />
  32. <meta name="text:link2 title" content="" />
  33. <meta name="text:link3" content="" />
  34. <meta name="text:link3 title" content="" />
  35. <meta name="text:link4" content="" />
  36. <meta name="text:link4 title" content="" />
  37. <meta name="text:link4" content="" />
  38. <meta name="text:link5" content="" />
  39. <meta name="text:link5 title" content="" />
  40.  
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}
  44. {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <link rel="shortcut icon" href="{Favicon}" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49. <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Pacifico' rel='stylesheet' type='text/css'>
  50.  
  51. <style type="text/css">
  52. body {
  53. color:{color:text};
  54. background-color:{color:background};
  55. background-image: url('{image:background}');
  56. background-position:bottom right;
  57. background-attachment:fixed;
  58. background-repeat:no-repeat;
  59. text-align:justify;
  60. font-family:{font:body};
  61. font-size:11px;}
  62.  
  63. a {color:{color:link}; text-decoration: none;}
  64. a:hover {color:{color:link hover}; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s;}
  65.  
  66. #entries {margin-left:455px; width:515px; margin-top:30px; z-index:1;}
  67.  
  68. #posts {margin-bottom:15px; background-color:{color:posts}; padding:8px;}
  69. #posts:hover #pinfo {opacity:1; border-left:5px solid {color:border};}
  70.  
  71. #notes {z-index:1;}
  72.  
  73. #pinfo {width:100px; height:auto; margin-left:525px; font-family:helvetica; font-size:10px; text-align:left; padding:5px; letter-spacing:0px; opacity:0; line-height:110%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position:absolute; border-left:2px solid {color:border};}
  74. #pinfo:hover {opacity:1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
  75.  
  76. #info {background-color:{color:info}; margin:10px 0px 0px 0px; font-family:{font:info}; font-size:10px; text-transform: lowercase; font-style: italic; color:{color:text}; letter-spacing:0px; text-align:center; padding:5px;}
  77.  
  78. #tags {font-family:{font:info}; font-style:italic; font-size:10px; text-transform: lowercase; color:{color:text}; letter-spacing:1px;}
  79.  
  80. #container {background-color:{color:background}; top:0; left:0; width:100%; height:38px; position:fixed; overflow:hidden; z-index:2;}
  81.  
  82. #topbar {background-color:{color:topbar}; top:0; left:0; width:100%; height:auto;}
  83.  
  84. #sbarlinks {padding:0px; margin-bottom:10px; z-index:3; }
  85. #sbarlinks a {font-family:georgia; font-size:10px; height:30px; width:70px; letter-spacing:1px; display:inline-block; line-height:30px; text-align: center; text-transform:lowercase; padding:0px 10px 0px 10px; margin:0px; background-color: {color:topbar}; color:{color:text}; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
  86. #sbarlinks a:hover {background-color: {color:slink bg}; color:{color:link}; font-style:italic; letter-spacing:2px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
  87.  
  88. #sidebar {background-color:{color:background}; font-family:{font:body}; font-size:10px; margin-left:135px; margin-top:65px; height:auto; width:300px; position: fixed;}
  89.  
  90. #sbarimg img {max-width:300px;}
  91. #sbarimg:hover .descrip {background-color:{color:topbar}; opacity:.8; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
  92.  
  93. .descrip {opacity:0; width:290px; height:{text:simgheight}px; padding:0px 5px 0px 5px; position:absolute; z-index:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
  94.  
  95. #title {font-size:28px; font-family: 'Great Vibes', cursive; padding: 3px; margin-top:35px; margin-bottom:-10px; text-align:center; color:{color:title}; letter-spacing:2px; height: auto; line-height:60%;}
  96.  
  97. #pagination {background-color:{color:info}; width:300px; padding:3px 0px 3px 0px; font-family: georgia; font-size:11px; text-align:center;}
  98.  
  99. #questions {background-color:{color:questions}; color: {color:text}; text-align:left; padding:5px; font-family:{font:body}; font-size:11px;}
  100.  
  101. .arrow {color:{color:questions}; text-align:right; padding:3px; font-family:{font:body}; font-size:22px;}
  102.  
  103. .asker {text-align:right; margin-top:-20px; margin-right:26px; padding:3px; font-family:{font:body}; font-size:11px;}
  104.  
  105. h1{color:{color:title}; font-family:{font:title}; font-size:14px; line-height:14px; font-weight:normal; text-align:left; font-style: italic; margin:0px; padding: 0px;}
  106.  
  107. h2{color:{color:title}; font-family:{font:title}; font-size:13px; line-height:14px; font-weight:normal; font-style: italic; text-align:left; font-style: italic; margin:0px; padding: 0px;}
  108.  
  109. b, strong{color:{color:title};}
  110. i, em {color:{color:title};}
  111. p{margin-top:6px; margin-bottom:6px}
  112. blockquote {border-left:2px {color:border} solid; padding-left:5px; margin:0px 2px 0px 10px;}
  113.  
  114. img a {border:none; width:100%}
  115. .audio {background-color:black; display:block; width:390px;}
  116.  
  117. .user_1 .label {color:{color:title}; font-weight:bold}
  118. .user_2 .label {color:{color:text}; font-weight:bold}
  119. .user_3 .label {color:{color:title}; font-weight:bold}
  120. .user_4 .label {color:{color:text}; font-weight:bold}
  121. .user_5 .label {color:{color:title}; font-weight:bold}
  122. .user_6 .label {color:{color:text}; font-weight:bold}
  123. .user_7 .label {color:{color:title}; font-weight:bold}
  124. .user_8 .label {color:{color:text}; font-weight:bold}
  125. .user_9 .label {color:{color:title}; font-weight:bold}
  126. .user_10 .label {color:{color:text}; font-weight:bold}
  127. .user_11 .label {color:{color:title}; font-weight:bold}
  128. .user_12 .label {color:{color:text}; font-weight:bold}
  129. .user_13 .label {color:{color:title}; font-weight:bold}
  130. .user_14 .label {color:{color:text}; font-weight:bold}
  131. .user_15 .label {color:{color:title}; font-weight:bold}
  132. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  133.  
  134. .notes img{width:10px; position:relative; top:1px;}
  135. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  136. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  137.  
  138. </style>
  139. <style type="text/css">{CustomCSS}</style>
  140. </head>
  141. <body>
  142. <div id="container">
  143. <div id="topbar">
  144. <div id="sbarlinks"><center><a href="/">home</a>
  145. <a href="/archive">archive</a>
  146. <a href="/ask">ask</a>
  147. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  148. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  149. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  150. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  151. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  152. <a href="http://markedandtied.tumblr.com">©</a></center></div></div></div>
  153.  
  154. <div id="sidebar">
  155. <div id="sbarimg">
  156. <center><div class="descrip"><div id="title">{Title}</div><br>
  157. {block:Description}{Description}{/block:Description}</div></center>
  158. <center><img src="{image:sidebar}"></center></div>
  159.  
  160. <div id="pagination"><center>{block:Pagination}
  161. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}&nbsp;{CurrentPage}/{TotalPages}&nbsp;{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  162. </center></div>
  163. </div>
  164.  
  165. <br>
  166. <div id="entries">
  167. {block:Posts}
  168.  
  169. <div id="posts">
  170. <div id="pinfo">{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">VIA</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">SOURCE</a> <br>{/block:ContentSource}
  171. {block:HasTags}<i>tagged as:</i>
  172. <br>{block:Tags} #<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  173. </div>
  174.  
  175. {block:Title}<h1>{Title}</h1>{/block:Title}
  176.  
  177. {block:Text}{Body}{/block:Text}
  178.  
  179. {block:Quote}<h2>"{Quote}"</h2>
  180. <br><div style="float:right; margin-top:-10px;"><i>- {Source}</i></div>{/block:Quote}
  181.  
  182. {block:Link}
  183. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  184. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  185.  
  186. {block:Photo}
  187. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  188.  
  189. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  190.  
  191. {block:Chat}
  192. <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}
  193.  
  194. {block:Video}
  195. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  196.  
  197. {block:Answer}
  198. <div id="questions">
  199. <center>{Question}</center></div>
  200. <div class="arrow"><div style="margin-top:-10px; margin-right:150px;">◥</div></div>
  201. <div class="asker"><img src="{AskerPortraitURL-16}">&nbsp;{Asker}</div>
  202. {Answer}{/block:Answer}
  203.  
  204. {block:Audio}<table><tr><td>{block:AlbumArt}<div class="art"><img src="{AlbumArtURL}" width="100px"></div>{/block:AlbumArt}</td><td valign="top">
  205. <span class="audio"><center>{AudioPlayerBlack}</center></span></td></tr></table>
  206.  
  207. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  208.  
  209. <div id="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonthWithZero} {ShortMonth}{/block:Date} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div>
  210.  
  211. {/block:Posts}
  212.  
  213. {block:PostNotes}{PostNotes}{/block:PostNotes}
  214. </div>
  215. </body>
  216. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement