API tools faq
paste
themesbystewlovers

theme #7 Pinky

themesbystewlovers
May 19th, 2012
828
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.98 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. #7 - Pinky - theme by stewlovers!
  3. ------------------------------------
  4. If you have any question about this theme,
  5. send me an question! (stewlovers.tumblr.com)
  6. -->
  7.  
  8. <html>
  9. <head>
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:sidebar" content="#ffffff" />
  12. <meta name="color:entry" content="#ffffff" />
  13.  
  14. <meta name="color:text" content="#cacaca" />
  15. <meta name="color:bold" content="#bfbfbf" />
  16. <meta name="color:link" content="#b7c8ff" />
  17. <meta name="color:link hover" content="#c2b5d4" />
  18. <meta name="color:linkone" content="#d2d2d2" />
  19. <meta name="color:linktwo" content="#d4d4d4" />
  20. <meta name="color:linkthree" content="#d6d6d6" />
  21. <meta name="color:linkfour" content="#d8d8d8" />
  22. <meta name="color:linkfive" content="#1d1d1d" />
  23. <meta name="color:linksix" content="#3d3d3d" />
  24. <meta name="color:permalinkbg" content="#fafafa" />
  25. <meta name="color:solid" content="#fafafa" />
  26. <meta name="color:box background" content="#FAFAFA" />
  27. <meta name="font:body" content="trebuchet ms" />
  28.  
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="if:Show Links" content="1" />
  31. <meta name="if:3D Effect" content="1" />
  32. <meta name="text:LinkOne" content="http://" />
  33. <meta name="text:LinkOne Title" content="L<br>i<br>n<br>k<br>1" />
  34. <meta name="text:LinkTwo" content="http://" />
  35. <meta name="text:LinkTwo Title" content="L<br>i<br>n<br>k<br>2" />
  36. <meta name="text:LinkThree" content="http://" />
  37. <meta name="text:LinkThree Title" content="L<br>i<br>n<br>k<br>3" />
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44. <style type="text/css">
  45.  
  46. body {
  47. color:{color:text};
  48. background-color:{color:background};
  49. background-image: url('{image:background}');
  50. background-position: center;
  51. background-attachment:fixed;
  52. background-repeat:no-repeat;
  53. font-size:10px;
  54. font-family:{font:body};
  55. line-height:110%;
  56. text-align:justify}
  57.  
  58. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  59.  
  60. a:hover {color:{color:link hover};{block:if3DEffect}text-shadow:1px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);{/block:if3DEffect}-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  61.  
  62. #entries {margin-left:500px; margin-top:45px; width:510px}
  63.  
  64. #posts{background-color: {color:entry}; margin-bottom:10px; padding:3px;}
  65. #posts:hover #photoinfo {opacity:1; display:block;}
  66.  
  67. #sidebar img { width: 245px; height:auto; margin-top:0px; margin-bottom:10px; padding: 0px; 3px; 0px; border:3px solid; color: {color:solid};}
  68.  
  69. #sidebar { width:245px; height:auto; font-size:10px; font-family:consolas, monospace; text-align:center; margin-left:220px; line-height:9px; padding: 5px; 0px; 3px; margin-top:100px; position:fixed; background-color:transparent;}
  70.  
  71. #description {background-color:white; width:235px; height:165px; margin-left:3px; margin-top:-259px; position:fixed; padding:5px; padding-top:75px; font-size:10px; font-family:consolas, monospace; opacity:0.2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  72. #description:hover{opacity:0.9}
  73.  
  74. #slinks { width: 245px; height: 8px;margin-top:-14px;margin-left:80px;}
  75.  
  76. #linkone a {width:15px; height:35px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linkone}; color:transparent;letter-spacing: 2px;margin-left:-5px;
  77. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  78. -moz-transition: all .6s ease-out;
  79. -o-transition: all .6s ease-out;
  80. transition: all .6s ease-out;}
  81. #linkone a:hover{color:#fff; background-color:{color:linkone}; height:113px;padding-top:77px;letter-spacing: 2px;-webkit-transition: all .6s ease-out;
  82. -moz-transition: all .6s ease-out;
  83. -o-transition: all .6s ease-out;
  84. transition: all .6s ease-out;}
  85.  
  86. #linktwo a {width:15px; height:15px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linktwo}; color:transparent;letter-spacing: -3px;margin-left: 10px;
  87. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  88. -moz-transition: all .6s ease-out;
  89. -o-transition: all .6s ease-out;
  90. transition: all .6s ease-out;}
  91. #linktwo a:hover {color: #fff; background-color:{color:linktwo}; height: 113px; padding-top: 77px; letter-spacing: 2px; -webkit-transition: all .6s ease-out;
  92. -moz-transition: all .6s ease-out;
  93. -o-transition: all .6s ease-out;
  94. transition: all .6s ease-out;}
  95.  
  96. #linkthree a {width:15px; height:55px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linkthree}; color:transparent;letter-spacing: -3px;margin-left: 25px;
  97. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  98. -moz-transition: all .6s ease-out;
  99. -o-transition: all .6s ease-out;
  100. transition: all .6s ease-out;}
  101. #linkthree a:hover {color: #fff; background-color:{color:linkthree}; height: 113px; padding-top: 77px; letter-spacing: 2px; -webkit-transition: all .6s ease-out;
  102. -moz-transition: all .6s ease-out;
  103. -o-transition: all .6s ease-out;
  104. transition: all .6s ease-out;}
  105.  
  106. #linkfour a {width:15px; height:45px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linkfour}; color:transparent;letter-spacing: -3px;margin-left: 40px;
  107. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  108. -moz-transition: all .6s ease-out;
  109. -o-transition: all .6s ease-out;
  110. transition: all .6s ease-out;}
  111. #linkfour a:hover {color: #fff; background-color:{color:linkfour}; height: 113px; padding-top: 77px; letter-spacing: 2px; -webkit-transition: all .6s ease-out;
  112. -moz-transition: all .6s ease-out;
  113. -o-transition: all .6s ease-out;
  114. transition: all .6s ease-out;}
  115.  
  116. #linkfive a {width:15px; height:65px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linkfive}; color:transparent;letter-spacing: -3px;margin-left: 55px;
  117. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  118. -moz-transition: all .6s ease-out;
  119. -o-transition: all .6s ease-out;
  120. transition: all .6s ease-out;}
  121. #linkfive a:hover {color: #fff; background-color:{color:linkfive}; height: 113px; padding-top: 77px; letter-spacing: 2px; -webkit-transition: all .6s ease-out;
  122. -moz-transition: all .6s ease-out;
  123. -o-transition: all .6s ease-out;
  124. transition: all .6s ease-out;}
  125.  
  126. #linksix a {width:15px; height:35px; position: fixed; font-family: Trebuchet MS; font-size: 9px; display:block; text-align: center; background-color:{color:linksix}; color:transparent;letter-spacing: -3px;margin-left: 70px;
  127. padding:0px; z-index: 90;-webkit-transition: all .6s ease-out;
  128. -moz-transition: all .6s ease-out;
  129. -o-transition: all .6s ease-out;
  130. transition: all .6s ease-out;}
  131. #linksix a:hover {color: #fff; background-color:{color:linkix}; height: 113px; padding-top: 77px; letter-spacing: 2px; -webkit-transition: all .6s ease-out;
  132. -moz-transition: all .6s ease-out;
  133. -o-transition: all .6s ease-out;
  134. transition: all .6s ease-out;}
  135.  
  136. #pagination{background-color:white; width:65px; height:23px; margin-top:320px; margin-left:320px; color:{color:text}; font-size:23px; font-family:georgia; line-height:20px; letter-spacing:-1px; text-align:center; position:fixed;opacity:0.7}
  137.  
  138. h1{ color:{color:title}; font-family:georgia; font-size:16px; line-height:17px; letter-spacing:0px; font-style:italic; margin:0px; padding:0px; text-align:center; text-transform: lowercase;}
  139.  
  140. h2{ color:{color:text}; font-family:trebuchet ms; font-size:16px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; font-style: italic; text-align:center; }
  141.  
  142. #photoinfo {background-color:{permalinkbg}; width:510px; margin:2px 0px 2px 0px; font-family:consolas, monospace; font-size:11px; text-transform: uppercase; color:{color:text}; text-align:center; padding:3px;border-bottom: 1px solid {color:solid};opacity:0.7;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  143. #photoinfo:hover {opacity: 0.9;}
  144.  
  145. #tags {margin-top:3px; padding:2px; font:11px consolas, monospace; text-transform:uppercase; text-align:center; opacity:0.5;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  146. #tags:hover {opacity: 0.9;}
  147.  
  148. #question {font-size: 10px; font-family:georgia; background-color:{color:box background}; color:{color:bold};margin-bottom:3px; padding: 5px; font-style: italic;z-index: 1; box-shadow: 0px 1px 5px rgba(0,0,0,0.10)}
  149.  
  150. #answer {font-size: 10px; font-family:georgia; color:{color:text};padding-top: 3px; font-style: italic;}
  151.  
  152. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  153. blockquote img, blockquote a img {max-width: 490px}
  154.  
  155. b, strong{color:{color:bold};}
  156. i, em {color:{color:text};}
  157. p{margin-top:3px; margin-bottom:3px}
  158.  
  159. img a{border:none}
  160. .audio{width:420px; float:left; margin-left:10px;background-color:#{color:entry}; z-index: 1; box-shadow: 0px 1px 10px rgba(0,0,0,0.10)}
  161. #audioimage img{float:left; width: 500px; border: 5px solid; color: white; width: 48px; height: 48px; z-index: 1; box-shadow: 0px 1px 10px rgba(0,0,0,0.10)}
  162.  
  163. .user_1 .label {background-color:{color:chat1}; font-weight:bold}
  164. .user_2 .label {background-color:{color:chat2}; font-weight:bold}
  165. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  166.  
  167. .notes img{width:10px; position:relative; top:1px;}
  168. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  169. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  170.  
  171. </style>
  172. <style type="text/css">{CustomCSS}</style>
  173. </head>
  174.  
  175. <body>
  176. <div id="sidebar">
  177. <div id="sidebarimg">
  178. <img src="{image:sidebar}"/></div>
  179. <div id="description">
  180. {Description}</div>
  181. <div id="slinks"align="center">
  182. <div id="linkone"><a href="/">h<br>o<br>m<br>e</a></div>
  183. <div id="linktwo"><a href="/ask">a<br>s<br>k</a></div>
  184. <div id="linkthree"><a href="http://stewlovers.tumblr.com/tagged/theme">t<br>h<br>e<br>m<br>e<br>s</a></div>
  185. {block:IfShowLinks}
  186. <div id="linkfour">{block:ifLinkOne}<a href="{text:LinkOne}">{text:LinkOne Title}</a></div>{/block:ifLinkOne}
  187. <div id="linkfive">{block:ifLinkTwo}<a href="{text:LinkTwo}">{text:LinkTwo Title}</a></div>{/block:ifLinkTwo}
  188. <div id="linksix">{block:ifLinkThree}<a href="{text:LinkThree}">{text:LinkThree Title}</a></div>{/block:ifLinkThree}{/block:IfShowLinks}</div>
  189. </div></div>
  190. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  191. </div>
  192. <br>
  193.  
  194. <div id="entries">
  195. {block:Posts}
  196. <div id="posts">
  197. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  198. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  199. {block:Text}{Body}{/block:Text}
  200.  
  201. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  202. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  203.  
  204. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  205. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  206.  
  207. {block:Chat}<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}
  208.  
  209. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  210.  
  211. {block:Answer}
  212. <div id="question"><b>{Asker}</b> Question: <br />{Question}</div>
  213. <div id="answer">{Answer}</div>{/block:Answer}
  214.  
  215. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span class="audio">{AudioPlayerWhite}</span>
  216. <br><center>{block:Caption}<br><br>{Caption}{/block:Caption}</center>{/block:Audio}<br>
  217.  
  218.  
  219. <div id="photoinfo">
  220. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  221. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  222. {/block:ContentSource}</div>
  223. <div id="tags">{block:HasTags}tags:{block:Tags} •<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  224. {block:PostNotes}{PostNotes}{/block:PostNotes}
  225. </div>
  226.  
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!