API tools faq
paste
scftlcves

#7 / sirimiri (page) v1

scftlcves
Nov 9th, 2018
1,018
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=Abhaya Libre|Playfair+Display|Raleway|ABeeZee" rel="stylesheet">
  8.  
  9. <head>
  10.  
  11. <!---- it will automatically show your blog title ---->
  12.  
  13. <title>{Title}</title>
  14.  
  15. <!---- if you want to change the title of the page
  16. then take out {title} and put whatever you want to
  17. show up instead of your blog title! ---->
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28.  
  29. (function($){
  30.  
  31. $(document).ready(function(){
  32.  
  33. $("a[title]").style_my_tooltips({
  34.  
  35. tip_follows_cursor:true,
  36.  
  37. tip_delay_time:90,
  38.  
  39. tip_fade_speed:600,
  40.  
  41. attribute:"title"
  42.  
  43. });
  44.  
  45. });
  46.  
  47. })(jQuery);
  48.  
  49. </script>
  50.  
  51. <style type="text/css">
  52.  
  53. /* if you want to remove the rounded borders then search for
  54. border-radius and either remove it or set the pixels to 0 */
  55.  
  56. /* accent colors you will see when you upload the page will be
  57. #b5767a (pinkish color) and #6fb6e3 (blueish color for italics).
  58. if you want to change the colors for how i have them then search
  59. for those and you should be good! if you plan on having a dark
  60. color scheme then my suggestion is to go through each color &
  61. change them one-by-one so you know how the contrast will be! */
  62.  
  63.  
  64. ::-webkit-scrollbar-thumb {
  65. background-color:#e7e7e7;
  66. }
  67.  
  68. ::-webkit-scrollbar-track {
  69. background-color:#b5767a;
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:2px;
  74. width:2px;
  75. }
  76.  
  77. ul {
  78. list-style-type: circle;
  79. padding-left:24px;
  80. line-height:13px;
  81. }
  82.  
  83. li {
  84. padding-left: 0px;
  85. margin-bottom: 0px;
  86. list-style: none;
  87. }
  88.  
  89. li:before {
  90. color: #b5767a;
  91. content: "\e3fc";
  92. font-family: 'honeybee';
  93. font-size:6px;
  94. display: inline-block;
  95. margin-left: -2.5em;
  96. width: 2.5em;
  97. }
  98.  
  99. /* my suggestion is not to change the font size
  100. or the font family unless you have html/css knowledge */
  101.  
  102. body {
  103. font-family: ABeeZee;
  104. font-size: 9px;
  105. line-height:15px;
  106. color:#707070; /* text color */
  107. background-color:#f0f0f0; /*background color */
  108. }
  109.  
  110. a {
  111. text-decoration: none;
  112. color: #949494;
  113. }
  114.  
  115. u {
  116. background-color:#b5767a;
  117. color:#f0f0f0;
  118. text-decoration:none;
  119. text-transform:uppercase;
  120. letter-spacing:1.5px;
  121. font-size:7px;
  122. padding:3px 3px 3px 5px;
  123. }
  124.  
  125. b, strong {
  126. color:#b5767a;
  127. font-weight:300;
  128. }
  129.  
  130. i,em {
  131. color:#6fb6e3;
  132. }
  133.  
  134. h1,h2 {
  135. line-height:32px;
  136. font-size:12px;
  137. color:#b5767a;
  138. text-align:left;
  139. font-weight:300;
  140. text-transform:lowercase;
  141. }
  142.  
  143. #contain {
  144. margin:60px auto;
  145. width:1030px;
  146. }
  147.  
  148. #full {
  149. margin-right:15px;
  150. margin-bottom:15px;
  151. display:inline-block;
  152. width:485px;
  153. height:373px;
  154. padding:5px;
  155. border-radius:3px;
  156. background-color:#f5f5f5;
  157. border:1px solid #e7e7e7;
  158. }
  159.  
  160. .leftim {
  161. margin-top:0px;
  162. text-align:center;
  163. padding:10px;
  164. width:200px;
  165. height:350px;
  166. border-radius:3px;
  167. display:inline-block;
  168. float:left;
  169. }
  170.  
  171. .leftim img {
  172. border-radius:3px;
  173. text-align:center;
  174. width:200px;
  175. height:350px;
  176. }
  177.  
  178. .thm {
  179. display:inline-block;
  180. width:235px;
  181. font-size:9px;
  182. font-weight:300;
  183. margin-top:10px;
  184. margin-right:15px;
  185. margin-left:15px;
  186. }
  187.  
  188. .initial {
  189. background-color:#b5767a;
  190. float:left;
  191. font-size:16px;
  192. font-weight:300;
  193. text-transform:uppercase;
  194. color:#f8f8f8;
  195. letter-spacing:1px;
  196. display:inline-block;
  197. text-align:center;
  198. padding:10px;
  199. height:25px;
  200. width:25px;
  201. line-height:25px;
  202. margin-right:18px;
  203. font-family:Playfair Display;
  204. border-radius:3px;
  205. }
  206.  
  207. .deets {
  208. padding-right:5px;
  209. margin-bottom:10px;
  210. line-height:14px;
  211. display:inline-block;
  212. height:168px;
  213. margin-top:0px;
  214. width:240px;
  215. overflow:auto;
  216. text-align:justify;
  217. }
  218.  
  219. .add:before{
  220. content:'\e493';
  221. font-family:'honeybee';
  222. color:#b5767a;
  223. font-size:5px;
  224. margin-right:10px;
  225. }
  226.  
  227. .add {
  228. margin-top:10px;
  229. margin-left:10px;
  230. width:235px;
  231. font-size:9px;
  232. border-bottom:1px solid #e7e7e7;
  233. line-height:25px;
  234. display:inline-block;
  235. }
  236.  
  237. .addback {
  238. margin-left:-10px;
  239. margin-top:-10px;
  240. margin-right:-5px;
  241. display:block;
  242. }
  243.  
  244. .usernav {
  245. margin-bottom:10px;
  246. margin-top:10px;
  247. display:inline-block;
  248. text-align:center;
  249. }
  250.  
  251. .usernav a {
  252. color:#b5767a;
  253. margin-left:15px;
  254. margin-right:15px;
  255. font-size:14px;
  256. }
  257.  
  258. #bottombar {
  259. position:fixed;
  260. bottom:-1px;
  261. left:-1px;
  262. right:-1px;
  263. display:block;
  264. height:60px;
  265. line-height:60px;
  266. background-color:#f5f5f5;
  267. border:1px solid #e7e7e7;
  268. }
  269.  
  270. .title {
  271. font-family:Playfair Display;
  272. color:#b5767a;
  273. font-size:16px;
  274. margin-left:25px;
  275. float:left;
  276. letter-spacing:0px;
  277. font-weight:300;
  278. display:inline-block;
  279. text-transform:uppercase;
  280. }
  281.  
  282. .nav {
  283. display:inline-block;
  284. float:right;
  285. margin-right:25px;
  286. }
  287.  
  288. .nav a {
  289. background-color:#b5767a;
  290. font-size:7px;
  291. font-weight:300;
  292. height:10px;
  293. line-height:10px;
  294. text-transform:uppercase;
  295. color:#f8f8f8;
  296. letter-spacing:2px;
  297. display:inline-block;
  298. text-align:center;
  299. padding:5px 5px 5px 5px;
  300. margin-left:2px;
  301. font-family:ABeeZee;
  302. border-radius:3px;
  303. }
  304.  
  305. #credit {
  306. font-size:12px;
  307. position:fixed;
  308. bottom:85px;
  309. right:25px;
  310. padding:8px;
  311. border-radius:3px;
  312. color:#b5767a;
  313. background-color:#f3f3f3;
  314. border:1px solid #e7e7e7;
  315. }
  316.  
  317. #credit a {
  318. color:#b5767a;
  319. }
  320.  
  321. </style>
  322.  
  323. </head>
  324.  
  325. <body>
  326.  
  327.  
  328. <div id="contain">
  329.  
  330. <!---- start of box 1 ---->
  331.  
  332. <div id="full">
  333. <div class="leftim"><img src="https://via.placeholder.com/200x350"></div>
  334. <div class="thm">
  335.  
  336. <div class="deets"><div class="initial">zy</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  337. </div>
  338.  
  339. <div class="usernav">
  340. <a href="/profile"><span class="th th-information-o"></span></a>
  341. <a href="/about"><span class="th th-user-3-o"></span></a>
  342. <a href="/memes"><span class="th th-chat-bubble-o"></span></a>
  343. <a href="/connections"><span class="th th-heart-1-o"></span></a>
  344. <a href="/tag"><span class="th th-hashtag"></span></a>
  345. </div>
  346.  
  347. <div class="addback">
  348. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  349. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  350. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  351. <div class="add">just a detail "bullet" <b><i>!!</i></b></div>
  352. </div>
  353. </div>
  354. </div>
  355.  
  356. <!---- start of box 2 ---->
  357.  
  358. <div id="full">
  359. <div class="leftim"><img src="https://via.placeholder.com/200x350"></div>
  360. <div class="thm">
  361.  
  362. <div class="deets"><div class="initial">zy</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  363. </div>
  364.  
  365. <div class="usernav">
  366. <a href="/profile"><span class="th th-information-o"></span></a>
  367. <a href="/about"><span class="th th-user-3-o"></span></a>
  368. <a href="/memes"><span class="th th-chat-bubble-o"></span></a>
  369. <a href="/connections"><span class="th th-heart-1-o"></span></a>
  370. <a href="/tag"><span class="th th-hashtag"></span></a>
  371. </div>
  372.  
  373. <div class="addback">
  374. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  375. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  376. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  377. <div class="add">just a detail "bullet" <b><i>!!</i></b></div>
  378. </div>
  379. </div>
  380. </div>
  381.  
  382.  
  383. <!---- start of box 3 ---->
  384.  
  385. <div id="full">
  386. <div class="leftim"><img src="https://via.placeholder.com/200x350"></div>
  387. <div class="thm">
  388.  
  389. <div class="deets"><div class="initial">zy</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  390. </div>
  391.  
  392. <div class="usernav">
  393. <a href="/profile"><span class="th th-information-o"></span></a>
  394. <a href="/about"><span class="th th-user-3-o"></span></a>
  395. <a href="/memes"><span class="th th-chat-bubble-o"></span></a>
  396. <a href="/connections"><span class="th th-heart-1-o"></span></a>
  397. <a href="/tag"><span class="th th-hashtag"></span></a>
  398. </div>
  399.  
  400. <div class="addback">
  401. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  402. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  403. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  404. <div class="add">just a detail "bullet" <b><i>!!</i></b></div>
  405. </div>
  406. </div>
  407. </div>
  408.  
  409.  
  410. <!---- start of box 4 ---->
  411.  
  412. <div id="full">
  413. <div class="leftim"><img src="https://via.placeholder.com/200x350"></div>
  414. <div class="thm">
  415.  
  416. <div class="deets"><div class="initial">zy</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  417. </div>
  418.  
  419. <div class="usernav">
  420. <a href="/profile"><span class="th th-information-o"></span></a>
  421. <a href="/about"><span class="th th-user-3-o"></span></a>
  422. <a href="/memes"><span class="th th-chat-bubble-o"></span></a>
  423. <a href="/connections"><span class="th th-heart-1-o"></span></a>
  424. <a href="/tag"><span class="th th-hashtag"></span></a>
  425. </div>
  426.  
  427. <div class="addback">
  428. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  429. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  430. <div class="add">just a detail "bullet" <b><i>!!</i></b></div><br>
  431. <div class="add">just a detail "bullet" <b><i>!!</i></b></div>
  432. </div>
  433. </div>
  434. </div>
  435.  
  436. </div>
  437.  
  438. <div id="bottombar">
  439. <!---- this is where you change the bottom title and links ---->
  440. <div class="title">character directory</div>
  441. <div class="nav">
  442. <a href="/">index</a>
  443. <a href="/ask">message</a>
  444. <a href="/submit">submit</a>
  445. <a href="/yoururl">extra</a>
  446. </div>
  447. </div>
  448.  
  449. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="th th-heart-1-o"></span></a></div>
  450.  
  451. </body></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!