daily pastebin goal
5%
SHARE
TWEET

Sailor Moon blogger.com Layout 04

ranmouri Apr 23rd, 2016 (edited) 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top