API tools faq
paste
Advertisement
Darkness_Royal

BIAS - Blogskin template

Darkness_Royal
Jan 25th, 2018
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <title>December</title>
  3. <head>
  4.  
  5. <script type="text/javascript">
  6. snowStorm.snowColor = '#ffffff'; //
  7. snowStorm.flakesMaxActive = 60;
  8. </script>
  9. <body oncontextmenu='return false;' onkeydown='return false;'>
  10. <style type="text/css">
  11. #navbar-iframe {display: none;}
  12.  
  13. body {
  14. font-size: 10px;
  15. font-family: arial, sans serif;
  16. font-color:#252525;
  17. cursor: default;
  18. background:#fff;
  19. }
  20.  
  21.  
  22. a:link,a:active,a:visited{
  23. color:#888;
  24. text-decoration:none;
  25. cursor: default;}
  26.  
  27. a:hover {
  28. cursor: default;
  29.  
  30. }
  31.  
  32. ::-webkit-scrollbar {width: 5px; height:5px; background:#fff; }
  33. ::-webkit-scrollbar-thumb:vertical {background:#2a2a2a;}
  34.  
  35. ::-moz-selection {
  36. background:#FFFFFF;
  37. color:#ccc;
  38. }
  39.  
  40. ::selection {
  41. background:#FFFFFF;
  42. color:#ccc;
  43. }
  44.  
  45. b, strong {
  46. font-weight: italic;
  47. color: #a2dbdb; text-decoration: strong;font-family: century gothic;
  48. -webkit-transition-duration: 1s;
  49. }
  50. b:hover {
  51. color: #fff;
  52. -webkit-transition-duration: 1s;
  53. }
  54.  
  55. i {
  56. font-style: oblique;
  57. font-family: consolas;
  58. font-size: 10px;
  59. color: #ba4d4d;
  60. }
  61.  
  62.  
  63. /* credit */
  64. #credit {
  65. position: fixed;
  66. background-color: transparent;
  67. bottom: 10px;
  68. right: 10px;
  69. text-transform: lowercase;
  70. font-family: calibri;
  71. margin-top:5px;
  72. text-align:center;
  73. border: 1px dashed #fff;
  74. padding: 5px;
  75. font-size: 15px;
  76. -webkit-transition: all 0.3s linear;
  77.     -moz-transition: all 0.3s linear;
  78.     -o-transition: all 0.3s linear;
  79. }
  80.  
  81. #credit:hover {
  82. margin-top:-5px;
  83. border: 5px dashed #2a2a2a;
  84. -webkit-transition: all 0.3s linear;
  85.     -moz-transition: all 0.3s linear;
  86.     -o-transition: all 0.3s linear;
  87. }
  88.  
  89.  
  90. #box{
  91. position: static;
  92. width:970px;
  93. margin: auto;
  94. margin-top:20px;
  95. padding:0px;
  96. background: ;
  97. border: 0px solid #2a2a2a;
  98. overflow: scroll;
  99. }
  100.  
  101. #inbox{
  102. margin-left:20px;
  103. margin-bottom: 20px;
  104. width:280px;
  105. height:auto;
  106. margin-top: 10px;
  107. display: inline-block;
  108. padding:7px;
  109. background-attachment: fixed;
  110. }
  111.  
  112. #inbox img{
  113. border: 1px solid #2a2a2a;
  114. margin-left:-165px;
  115. margin-top: 10px;
  116. margin-bottom: 10px;
  117. width: 90px;
  118. height: 243px;
  119. padding:10px;
  120. background:#fff;
  121. -webkit-transition: all 0.4s ease-out;
  122. -moz-transition: all 0.6s ease-out;
  123. -o-transition: all 0.6s ease-out;}
  124.  
  125. #inbox img:hover{
  126. opacity:0.6;
  127. border: 1px solid #2a2a2a ;
  128. -webkit-transition: all 1.5s ease-out;
  129. -moz-transition: all 0.6s ease-out;
  130. -o-transition: all 0.6s ease-out;}
  131.  
  132.  
  133. #name{
  134. color:#444;
  135. font-family: times new;
  136. font-size: 10px;
  137. padding:5px;
  138. text-align: center;
  139. text-transform: uppercase;
  140. border: 1px solid #969496;
  141. letter-spacing: 1px;
  142. background:#fff;
  143. text-shadow:15px 0px transparent, -15px 0px transparent;
  144. -webkit-transition: all 0.4s ease-in-out;
  145. -moz-transition: all 0.4s ease-in-out;
  146. -o-transition: all 0.4s ease-in-out;}
  147.  
  148.  
  149.  
  150. #desc {
  151. font-family: times new;
  152. text-align:center;
  153. color:#2a2a2a;
  154. width:150px;
  155. height: 150px;
  156. padding:5px;
  157. position:absolute;
  158. margin-top:10px;
  159. text-align:justify;
  160. font-size:10px;
  161. font-style:none;  
  162. margin-bottom:2px;
  163. margin-left:110px;
  164. padding: 10px;
  165. padding-top: 0px;
  166. padding-bottom: 0px;
  167. overflow: auto;
  168. background: #fff;
  169. }
  170.  
  171. #desc:first-letter
  172. {
  173. width: 20px;
  174. height: 20px;
  175. padding: 5px;
  176. margin-bottom: 0px;
  177. margin-right: 4px;
  178. float: left;
  179. background-color: #252525;
  180. border: 3px double white;
  181. color: white;
  182. font-size: 30px;
  183. font-style: italic;
  184. line-height: 20px;
  185. text-transform: uppercase;
  186. text-align: center;
  187. }
  188.  
  189. #nickname {
  190. width:122px;
  191. height: 103px;
  192. padding:5px;
  193. font:italic 15px times new roman;
  194. line-height:100px;
  195. color:#2a2a2a;
  196. background: transparent;
  197. border: 1px solid #969496;
  198. position: absolute;
  199. text-align: center;
  200. letter-spacing:2px;
  201. text-transform:none;
  202. margin-left:120px;
  203. margin-top:170px;
  204. padding: 10px;
  205. padding-top: 0px;
  206. padding-bottom: 0px;
  207. }
  208.  
  209.  
  210.  
  211. img{
  212. opacity:0.8;
  213. }
  214.  
  215.  
  216. #head {
  217. width:950px;
  218. height: 120px;
  219. margin:auto;
  220. margin-top: -10px;
  221. background-color:#2a2a2a;
  222. background-attachment:fixed;
  223. background-repeat:repeat;
  224. background-image:url('http://media.tumblr.com/4bbb5ee3c6d54ccd4e2f24a43dedefd6/tumblr_inline_mkjkvrwimX1qz4rgp.gif');
  225. text-align: center;}
  226.  
  227.  
  228. #heol{
  229. width:850px;
  230. height:120px;
  231. background: transparent;
  232. margin:auto;
  233. margin-top: 50px;
  234. padding-top: 20px;
  235. display: inline-block;
  236. background: transparent;
  237. color: transparent;
  238. text-align: center;
  239. }
  240.  
  241. #heol a{
  242. background: transparent;
  243. color: #eee;
  244. display:inline-block;
  245. width:90px;
  246. height:20px;
  247. text-align:center;
  248. line-height: 20px;
  249. font-family: times new;
  250. text-transform: uppercase;
  251. font-size:8px;
  252. letter-spacing:2px;
  253. margin: auto;
  254. margin: -10px;
  255. border-top: 1px solid #eee;
  256. -webkit-transition-duration:0.6s;
  257. -moz-transition-duration:0.5s;
  258.  
  259. }
  260.  
  261.  
  262. #heol a:hover{
  263. color: transparent;
  264. -webkit-transition-duration:0.5s;
  265. -moz-transition-duration:0.6s;
  266. }
  267.  
  268.  
  269.  
  270. #jiji {
  271. font-family: snell roundhand;
  272. font-size: 50px;
  273. width: 200px;
  274. height: 30px;
  275. color: #fff;
  276. letter-spacing: 2px;
  277. text-align:left;
  278. margin: auto;
  279. margin-top:-80px;
  280. background: transparent;
  281. padding:10px;
  282. }
  283.  
  284.  
  285.  
  286.  
  287. </style>
  288.  
  289.  
  290. </head>
  291.  
  292.  
  293.  
  294. <body>
  295.  
  296.  
  297. </div></div>
  298.  
  299. <div id="head">
  300.  
  301. <div id="heol">
  302. <a class="wufan" href="http://ayunipororo.blogspot.com/">ask</a>
  303. <a class="wufan" href="http://ayunipororo.blogspot.com/">tumblr</a>
  304. <a class="wufan" href="http://ayunipororo.blogspot.com/">edit</a>
  305. <a class="wufan" href="http://ayunipororo.blogspot.com/">back</a>
  306.  
  307. <!-- DO NOT REMOVE THIS! -->
  308. <a class="wufan" href="http://ayunipororo.blogspot.com/">credit</a>
  309. <!-- END credit-->
  310.  
  311. <div id="jiji"> <center>Bias</center>
  312.  
  313.  
  314. </div>
  315. </div>
  316.  
  317. </div>
  318.  
  319.  
  320. <div id="box">
  321.  
  322.  
  323. <!-- Start of bias 1 -->
  324. <div id="inbox">
  325. <div id="name">jongin</div><div id="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mattis felis, vitae blandit magna. Curabitur at purus in quam gravida mollis. <b> Bold</b> ante vitae luctus feugiat, nisl risus mattis elit, et sagittis ligula augue at orci. <i>Italic</i> lacinia faucibus euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  326.  
  327. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  328. </div>
  329.  
  330. <div id="nickname">"Kkamjong"</div>
  331.  
  332.  
  333. <center><img src="http://i.imgur.com/5mUEyRc.png"></center>
  334. <div id="name">exo</div>
  335. </div>
  336.  
  337.  
  338. <!-- Start of bias 2 -->
  339. <div id="inbox">
  340. <div id="name">yixing</div>
  341. <div id="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mattis <i> Italic</i> vitae blandit magna. Curabitur at purus in quam gravida mollis. Aliquam gravida, ante vitae luctus feugiat, nisl risus mattis elit, et sagittis ligula augue at orci. <b> Bold</b> lacinia faucibus euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  342.  
  343. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  344. </div>
  345.  
  346.  
  347. <div id="nickname">"Lay ge"</div>
  348.  
  349. <center><img src="http://i.imgur.com/SwJZCqQ.png"></center>
  350. <div id="name">exo</div>
  351. </div>
  352.  
  353.  
  354.  
  355. <!-- Start of bias 3 -->
  356. <div id="inbox">
  357. <div id="name">sehun</div>
  358. <div id="desc">Lorem ipsum dolor sit amet, consectetur <i> Italic</i> elit. Maecenas in mattis felis, vitae blandit magna. Curabitur at purus in quam gravida mollis. Aliquam gravida, ante <b> Bold</b> luctus feugiat, nisl risus mattis elit, et sagittis ligula augue at orci. Praesent lacinia faucibus euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  359.  
  360. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  361. </div>
  362.  
  363. <div id="nickname">"brat hun"</div>
  364.  
  365. <center><img src="http://i.imgur.com/Zrs4shm.png"></center>
  366. <div id="name">exo</div>
  367. </div>
  368.  
  369.  
  370. <!-- Start of bias 4 -->
  371. <div id="inbox">
  372. <div id="name">junmyeon</div>
  373. <div id="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mattis felis, <b> Bold</b> blandit magna. Curabitur at purus in quam gravida mollis. Aliquam gravida, ante <i> Italic</i> luctus feugiat, nisl risus mattis elit, et sagittis ligula augue at orci. Praesent lacinia faucibus euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  374.  
  375. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  376. </div>
  377.  
  378. <div id="nickname">"kim $uho"</div>
  379.  
  380. <center><img src="http://i.imgur.com/K5HLecT.png"></center>
  381. <div id="name">exo</div>
  382. </div>
  383.  
  384. <!-- Start of bias 5 -->
  385. <div id="inbox">
  386. <div id="name">minseok</div>
  387. <div id="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mattis felis, vitae blandit magna. Curabitur at purus in quam gravida mollis. <b> Bold</b> gravida, ante vitae luctus feugiat, nisl risus mattis elit, et <i> Italic</i> ligula augue at orci. Praesent lacinia faucibus euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  388.  
  389. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  390. </div>
  391.  
  392. <div id="nickname">"Min umin"</div>
  393.  
  394. <center><img src="http://i.imgur.com/wpgFtCE.png"></center>
  395. <div id="name">exo</div>
  396. </div>
  397.  
  398.  
  399. <!-- Start of bias 6 -->
  400. <div id="inbox">
  401. <div id="name">chanyeol</div>
  402. <div id="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in mattis felis, vitae blandit magna. Curabitur at purus in quam gravida mollis. Aliquam gravida, ante vitae luctus <i> Italic</i>, nisl risus mattis elit, et sagittis ligula augue at orci. Praesent lacinia <b> Bold</b> euismod. Suspendisse eu lorem eu urna ultrices faucibus id ut eros. Mauris elit eros, congue et turpis eu, vehicula placerat dui. Mauris neque dui, laoreet nec venenatis eget, rhoncus et risus. Nunc rhoncus velit quam, ac faucibus purus venenatis a. Ut porttitor, metus a molestie fringilla, arcu tellus fringilla velit, ac mollis turpis nulla at mi. Maecenas in lacus urna. Praesent nec purus a tellus interdum fringilla.
  403.  
  404. Nullam vitae elit ac quam luctus ultrices. Quisque blandit aliquam ipsum, id pharetra ipsum porttitor vitae.
  405. </div>
  406.  
  407. <div id="nickname">"egg Yeol"</div>
  408.  
  409. <center><img src="http://i.imgur.com/mI6lCHV.png"></center>
  410. <div id="name">exo</div>
  411. </div>
  412.  
  413.  
  414.  
  415. <!-- DO NOT REMOVE THIS! -->
  416. <div id="credit"><a href="http://ayunipororo.blogspot.com/" target="_blank">©</a>
  417. </div><!-- END credit div-->
  418.  
  419. <script type="text/javascript" src="http://static.tumblr.com/57iv3tl/DNFmwu7uo/snowstorm.js">this.animationInterval = 60;
  420. </script>
  421.  
  422.  
  423. </body>
  424. </html>
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!