API tools faq
paste
Advertisement
ranmouri

Sailor Moon blogger.com Layout 04

ranmouri
Apr 23rd, 2016
608
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4.  
  5.  
  6. <!--
  7. #02 Theme - Sailor Moon
  8. by redvelvet.cc
  9. JOY
  10. Change the theme all you want. Don't remove the credits!
  11. -->
  12.  
  13.  
  14. <head>
  15.  
  16. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  17. <meta name="description" content="DESCRIPTION" />
  18. <meta name="author" content="http://redvelvet.cc" />
  19. <title><$BlogPageTitle$></title>
  20.  
  21. <script type="text/javascript">
  22. function changeNavigation(id)
  23. {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  24. </script>
  25.  
  26. <link rel="shortcut icon" href="http://33.media.tumblr.com/tumblr_lx3nkgTuss1r4s90a.png">
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("[title]").style_my_tooltips();
  34. });
  35. })(jQuery);
  36. </script>
  37. <style type="text/css">
  38.  
  39. /*General Codes*/
  40.  
  41.  
  42. #s-m-t-tooltip {
  43. z-index: 9999;
  44. background: #FFF;
  45. font-size: 9px;
  46. line-height: 11px;
  47. font-family: cambria;
  48. font-style: oblique;
  49. letter-spacing: 1px;
  50. text-transform: lowercase;
  51. color: #AAA;
  52. border: 3px double #F0F0F0;
  53. max-width: 150px;
  54. text-align: justify;
  55. padding: 5px 10px 5px 10px;
  56. display: block;
  57. margin: 24px 14px 7px 12px;
  58. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  59. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  60. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  61. }
  62.  
  63. @font-face {
  64. font-family: nilland;
  65. src: url(http://static.tumblr.com/m6lylkj/kWan1pg8a/nilland.ttf);
  66. }
  67.  
  68. body {
  69. background-color: #fcf0ef;
  70. font-family: "Arial";
  71. background-image:url('');
  72. text-align:justify;
  73. font-size: 11px;
  74. color: #969696;
  75. margin: 0px;
  76. padding: 0px;
  77. width:100%; cursor: url(http://i.imgur.com/ZOrzC.png), auto; margin:0; line-height:15px;;
  78. }
  79.  
  80. #header{position: fixed; left: 0px; top: 0px;}
  81. #welcome{position: fixed; left: 805px; top: 10px; width:250px; padding:3px; background-color:#fcf0ef; height:163px;}
  82. #sidebar{position: fixed; left: 805px; top: 83px; width:180px; padding:3px; background-color:#fcf0ef;}
  83. #content{position: absolute; left: 300px; top: 50px; width:494px; padding:3px; background-color:#fcf0ef;}
  84. #navi{position: absolute; left: 300px; top: 10px; width:502px; padding:0px; margin:0px;}
  85.  
  86.  
  87. a:link, a:active, a:visited {
  88. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  89. text-decoration: none;
  90. color: #736F6E;
  91. }
  92. a:hover {
  93. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  94. color: #ffffff;
  95. text-decoration: none;
  96. -webkit-transition:0.5s;
  97. -moz-transition:0.5s;
  98. -ms-transition:0.5s;
  99. -o-transition:0.5s;
  100. transition:0.5s;
  101. }
  102.  
  103. a.nav1:link, a.nav1:active, a.nav1:visited{
  104. font-family: "tahoma";
  105. text-align:center;
  106. text-shadow: 1px 2px 1px #fff;
  107. letter-spacing: 2px;
  108. padding:10px; margin:1px;
  109. font-size: 10px;
  110. color: #d69daa;
  111. background-color:#f9ebe8;
  112. text-transform:uppercase;
  113. float:left; display:block;
  114. width:103px;
  115. }
  116. a.nav1:hover{
  117. letter-spacing: 2px;
  118. font-family: "tahoma";
  119. text-align:center;
  120. padding:10px; margin:1px;
  121. font-size: 10px;
  122. color: #edc4cd;
  123. background-color:#f2e0ee;
  124. text-transform:uppercase;
  125. float:left; display:block;
  126. width:103px;
  127. }
  128.  
  129. a.nav:link, a.nav:active, a.nav:visited{
  130. font-family: "tahoma";
  131. text-align:left;
  132. padding:3px; margin:1px;
  133. padding-left:5px;
  134. font-size: 10px;
  135. color: #eee;
  136. background-color:#ccc;
  137. display:block;
  138. }
  139. a.nav:hover{
  140. font-family: "tahoma";
  141. text-align:left;
  142. padding:3px; margin:1px;
  143. padding-left:10px;
  144. font-size: 10px;
  145. color: #fff;
  146. background-color:#f9ebe8;
  147. display:block;
  148. }
  149.  
  150. a.aff:link, a.aff:active, a.aff:visited{
  151. font-family: "tahoma";
  152. text-align:center;
  153. padding:2px; margin:1px;
  154. font-size: 10px; line-height:9px;
  155. color: #d3adc3;
  156. background-color:#f9ebe8;
  157. display:block;
  158. }
  159. a.aff:hover{
  160. font-family: "tahoma";
  161. text-align:center;
  162. padding:2px; margin:1px;
  163. font-size: 10px; line-height:9px;
  164. color: #a0abc3;
  165. background-color:#f9ebe8;
  166. display:block;
  167. }
  168.  
  169. h1{
  170. color: #d5cbc6;
  171. font-size: 14px;
  172. font-weight: bold;
  173. padding-left:2px;
  174. background-color: #f9ebe8;
  175. display:block;
  176. margin:0px; padding:2px;
  177. }
  178.  
  179. b, strong {color:#9a7d94;
  180. font-weight: bold;
  181. font-family: Tahoma;
  182. font-size: 8px;
  183. text-transform: uppercase;
  184. text-shadow: #e6e6e6 1px 1px 1px;}
  185. i, em {color:#759f98;} }
  186.  
  187. u {color:#b29eb8;
  188. font-weight: bold;
  189. border-bottom: 1px dotted;
  190. border-bottom-color: #ab9bb0;
  191. font-family: Tahoma;
  192. font-size: 8px;
  193. text-transform: uppercase;}
  194.  
  195. s {color:#c17682; }
  196. big {color:#362424; }
  197. small {color:#be5555; }
  198.  
  199. li {
  200. list-style-image:url('http://media.tumblr.com/7a1012d22dc1be13a901a917d20005d0/tumblr_inline_nkji20huX91s8cpby.gif');
  201. }
  202.  
  203.  
  204. blockquote {
  205. display: block;
  206. padding: 0px 5px 0px 5px;
  207. font-size: 10px !important;
  208. border-left: 2px solid #F4F4F4;
  209. -webkit-margin-before: 5px;
  210. -webkit-margin-after: 5px;
  211. -webkit-margin-start: 5px;
  212. -webkit-margin-end: 5px;
  213. }
  214.  
  215. blockquote p {
  216. -webkit-margin-before: 5px;
  217. -webkit-margin-after: 5px;
  218. -webkit-margin-start: 0px;
  219. -webkit-margin-end: 0px;
  220. }
  221.  
  222.  
  223. e img {
  224. padding:5px;
  225. border:1px solid #eeeeee;
  226. background-color:#fbfbfb;
  227. opacity: 0.5;
  228.  
  229. -webkit-filter: grayscale(0%);
  230. z-index: -9999999999999999999999999px;
  231. -webkit-transition: all 0.9s ease-in-out;
  232. -moz-transition: all 0.9s ease-in-out;
  233. -o-transition: all 0.9s ease-in-out;
  234. -ms-transition: all 0.9s ease-in-out;
  235. transition: all 0.9s ease-in-out;
  236. }
  237.  
  238. e img:hover {
  239. -webkit-filter: grayscale(0%);
  240. z-index: -9999999999999999999999999px;
  241. -webkit-transition: all 0.9s ease-in-out;
  242. -moz-transition: all 0.9s ease-in-out;
  243. -o-transition: all 0.9s ease-in-out;
  244. -ms-transition: all 0.9s ease-in-out;
  245. transition: all 0.9s ease-in-out;
  246.  
  247. opacity: 1;
  248. }
  249.  
  250. #candy {
  251. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  252. opacity: 0.6;
  253. bottom:3px;
  254. right:3px;
  255. opacity:1;
  256. position:fixed; z-index:1;
  257. }
  258.  
  259.  
  260. h3 {
  261. font-family: calibri;
  262. color: #b09ab5;
  263. font-weight: normal;
  264. text-indent: 5px;
  265. text-transform: uppercase;
  266. letter-spacing: 1px;
  267. font-size: 9px;
  268. display: block;
  269.  
  270. margin-top: 0px;
  271.  
  272. }
  273.  
  274. .blogger-labels {
  275. COLOR: #b6b6b6; font-weight: bold; font-family: Tahoma; font-size: 8px; text-transform: uppercase;
  276. }
  277. .blogger-labels a {
  278. COLOR: #b29eb8;
  279. font-weight: bold;
  280. border-bottom: 1px dotted;
  281. border-bottom-color: #c3b6c7;
  282. font-family: Tahoma;
  283. font-size: 8px;
  284. text-transform: uppercase
  285. }
  286.  
  287.  
  288. </style>
  289.  
  290. <body>
  291. <div id="candy">
  292.  
  293. <a href="http://redvelvet.cc" target="_blank" title="layout credits"> <img src="http://static.tumblr.com/e74603d0f94a3a9f265682fbb6b00414/vtpjnno/mCoo3es8b/tumblr_static_614o4hd9034skwgw4ookkks8o.png" /> </a>
  294.  
  295.  
  296. </div>
  297.  
  298. <div id="header">
  299. <img src="http://static.tumblr.com/d35096f9e35a7c99398de20e74d155ca/vtpjnno/7J6o3es96/tumblr_static_appb2ghe9qg404ggckwc0csg0.png">
  300. </div>
  301.  
  302. <div id="navi">
  303. <a href="/" class="nav1" title="Refresh?" >Home</a>
  304. <a href="/profile" class="nav1" title="More About Me">Profile</a>
  305. <a href="" class="nav1" title="Layouts, Icons, etc.">Designs</a>
  306. <a href="" class="nav1" title="Rules and Buttons">Affiliation</a>
  307. </div>
  308.  
  309.  
  310.  
  311. <div id="sidebar">
  312. <h1>Info</h1>
  313. This theme was made by <a href="http://redvelvet.cc" target="_blank">Joy</a>. I hope you enjoy it and please <i>do not</i> remove the <b>credits</b>. Thank you & enjoy!
  314.  
  315.  
  316.  
  317. <br><br>
  318.  
  319. <h1>Categories</h1>
  320. I <i>highly</i> doubt someone will actually click through my <big>tags</big> but well, if you decide to do so, you'll find some amazingly written <i>categorised</i> posts by me.<p>
  321.  
  322.  
  323. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  324. <tr><td width="50%" valign="top">
  325. <a href="/search/label/update" title="regular posts aka life updates" class="aff">#update</a>
  326. <a href="/search/label/rant" title="!!!!!!!!!!!!!!!!" class="aff">#rants</a>
  327. <a href="/search/label/love life" title="posts that are either extremely happy or dramatic af" class="aff">#love life</a>
  328. </td><td width="50%" valign="top">
  329. <a href="/search/label/kdrama" title="me talking about kdramas" class="aff">#k-dramas</a>
  330. <a href="/search/label/rant" title="i probably cried" class="aff">#sad</a>
  331. <a href="/search/label/happy" title="a rare feeling that needs to be documented" class="aff">#happy</a>
  332. </td></tr></table>
  333.  
  334.  
  335. <p>
  336. <h1>credits</h1>
  337. Layout: <a href="http://redvelvet.cc"><b>redvelvet.cc</b></a><br>
  338. Header img: <a href="http://dod0king.deviantart.com/art/Usagi-Tsukino-manga-color-483273819"><b>Dod0king</b></a><br>
  339. Template: <a href="http://punk-rose.com"><b>punk-rose.com</b></a><br>
  340. </div>
  341.  
  342. <div id="content">
  343. <Blogger>
  344. <div class="title"><a href="<$BlogItemPermalinkURL$>"><h1><BlogItemTitle><$BlogItemTitle$> </BlogItemTitle><br></h1></a>
  345.  
  346.  
  347. <div><h3>written on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> ♡</h3></div>
  348. </div>
  349.  
  350. <div style="font-family: "tahoma";
  351. text-align:justify;
  352. line-height: auto;
  353. font-size: 10px;
  354. color: #8f8f8f;
  355. "><$blogitembody$></div>
  356.  
  357. <div style="text-align: right;"><h3><BlogItemCommentsEnabled>
  358. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled></div>
  359.  
  360. </Blogger>
  361.  
  362. </div>
  363. <div>
  364.  
  365.  
  366. <div id="entries">
  367.  
  368.  
  369.  
  370.  
  371. </div>
  372. <div id="footer">
  373. <div id="pagination">
  374.  
  375. <NewerPosts>
  376. <a href=<$NewerPosts$>> « </a>
  377. </NewerPosts>
  378.  
  379.  
  380. <OlderPosts>
  381. <a href=<$OlderPosts$>> » </a>
  382. </OlderPosts>
  383.  
  384.  
  385. (c) <a href="">yoursite.com</a> all rights reserved. Hosted by: <a href="">hosthere</a>
  386.  
  387. <p></center>
  388. </div>
  389. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!