API tools faq
paste
Advertisement
b0rn-to-be-wild

Page: BATWOMAN (vol.3)

b0rn-to-be-wild
Oct 19th, 2013
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5. ©borntobewildcodes.tumblr.com | BATWOMAN (vol.3)
  6.  
  7. + Do not redistribute this page or remove the credits.
  8. + Edit as long as you keep the credits intact
  9. + Contact us if you have any questions or concerns.
  10. + If you want a custom theme you can commission us.
  11. + Thanks for using our page, we hope that you enjoy it.
  12.  
  13.  
  14. Other credits:
  15.  
  16. - Avatar: DC Universe
  17.  
  18. - Google fonts
  19. - Font Awesome icons
  20. - Jquery
  21. - Style my tooltips by Malihu
  22.  
  23. ---->
  24.  
  25. <html>
  26. <head>
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31.  
  32. </style>
  33. <style type="text/css">
  34.  
  35. /* ---------------------------- GENERAL ----------------------------- */
  36.  
  37. /* -------- BASICS ------- */
  38.  
  39.  
  40. body {
  41. margin: 0;
  42. padding: 0;
  43. width: 100%;
  44. height: 100%;
  45. font-family: Helvetica;
  46. font-size: 12px;
  47. line-height: 17px;
  48. color:#eee;
  49. background-color: #fff;
  50. background-image: url('https://38.media.tumblr.com/a7672b6079758fc7779c088fd11537db/tumblr_ne0phqUbPj1secvrho3_250.png');
  51. background-attachment: fixed;
  52. background-repeat: repeat;
  53. }
  54.  
  55. /* Fix */
  56.  
  57. iframe, img, embed, object, video {
  58. max-width: 100%;
  59. border: none;
  60. }
  61.  
  62. input, textarea, select, a { outline: none; }
  63.  
  64. /* Paragraph */
  65.  
  66. p {margin-top: 5px; margin-bottom: 5px;}
  67.  
  68. <--ses-->
  69. small{font-size: 90%;}
  70.  
  71. big{font-size: 110%;}
  72.  
  73. /* blogtitle */
  74.  
  75. h1{
  76. margin: 0;
  77. margin-top: 10px;
  78. margin-bottom: 10px;
  79. color:#fff;
  80. font-family:'Great Vibes';
  81. font-size: 20px;
  82. line-height:25px;
  83. font-weight: normal;
  84. }
  85.  
  86. /* Captions */
  87.  
  88. h2 {
  89. font-family: Helvetica;
  90. font-size: 12px;
  91. line-height: 17px;
  92. color: #222;
  93. background-color: #fff;
  94. font-weight: normal;
  95. }
  96.  
  97. /* Links */
  98.  
  99. a {
  100. color: #A08A61;
  101. text-decoration:none;
  102. }
  103.  
  104. a:hover {
  105. color: #222;
  106. -webkit-transition: all .3s;
  107. -moz-transition: all .3s;
  108. -o-transition: all .3s;
  109. -ms-transition: all .3s;
  110. transition: all .3s;
  111. }
  112.  
  113. ul, ol, li {
  114. margin: 5px 10px;
  115. padding: 0px;
  116. }
  117.  
  118. /* Bold and italic */
  119.  
  120. b, strong {
  121. color: #555;
  122. }
  123.  
  124. i, em {
  125. color: #bbb;
  126. }
  127.  
  128. ul {
  129. margin: 0px;
  130. padding: 0px;
  131. }
  132.  
  133. a img {
  134. border: 0px;
  135. }
  136.  
  137. small {
  138. font-size: 90%;
  139. }
  140.  
  141. big {
  142. font-size: 110%;
  143. }
  144.  
  145. /* Selection */
  146.  
  147. ::-moz-selection {
  148. background: #81765A;
  149. color: #fff;
  150. }
  151.  
  152. ::selection {
  153. background: #81765A;
  154. color: #fff;
  155. }
  156.  
  157. /* Webkit scrollbar */
  158.  
  159. ::-webkit-scrollbar {
  160. width: 9px;
  161. height: 0px;
  162. }
  163.  
  164. ::-webkit-scrollbar-button:start:decrement,
  165. ::-webkit-scrollbar-button:end:increment {
  166. height: 0px;
  167. display: block;
  168. background-color: #000;
  169. }
  170.  
  171. ::-webkit-scrollbar-track-piece {
  172. background-color: #000;
  173. }
  174.  
  175. ::-webkit-scrollbar-thumb:vertical {
  176. height: 0px;
  177. background-color: #eee;
  178. border: 4px solid #000;
  179. }
  180.  
  181. /* Tumblr controls */
  182.  
  183. .iframe-controls--desktop {
  184. right: 35px!important;
  185. top: 5px!important;
  186. margin-top:auto;
  187. opacity: .9!important;
  188. position:fixed!important;
  189. white-space:nowrap!important;
  190. filter: invert(1);
  191. -webkit-filter: invert(1);
  192. -moz-filter: invert(1);
  193. -o-filter: invert(1);
  194. -ms-filter: invert(1);
  195. z-index: 10000!important;
  196. }
  197.  
  198. /* Tooltips */
  199.  
  200. #s-m-t-tooltip {
  201. max-width: 250px;
  202. margin: 10px;
  203. padding: 5px;
  204. color: #eee;
  205. font-size: 12px;
  206. line-height: 15px;
  207. background: #000;
  208. border:1px solid #888;
  209. z-index: 10000;
  210. }
  211.  
  212. /*-- SIDEBAR --*/
  213.  
  214. #sidebar{
  215. position:fixed;
  216. top:0px;
  217. left:0px;
  218. width:250px;
  219. height:100%;
  220. text-align:center;
  221. border-right:1px solid #888;
  222. background-color:#000;
  223. opacity:0.9;
  224. z-index: 300;
  225. }
  226.  
  227. #sidebarin{
  228. position:fixed;
  229. top:50%;
  230. left:0px;
  231. width:250px;
  232. -webkit-transform:translateY(-50%);
  233. -moz-transform:translateY(-50%);
  234. -ms-transform:translateY(-50%);
  235. transform:translateY(-50%);
  236. }
  237.  
  238. #avatar img{
  239. margin-top:35px;
  240. border: 5px double #888;
  241. width: 150px;
  242. }
  243.  
  244. #description{
  245. margin-top:10px;
  246. margin-left:45px;
  247. width:160px;
  248. font-family:Marvel;
  249. font-size:14px;
  250. color: #eee;
  251. line-height:20px;
  252. text-align:justify;
  253. }
  254.  
  255. /*-- Icons-- */
  256.  
  257. #icons {
  258. margin-top:10px;
  259. margin-left:45px;
  260. width:160px;
  261. height:28px;
  262. border:1px solid #888;
  263. border-right:1px solid transparent;
  264. text-align:left;
  265. overflow:hidden;
  266. }
  267.  
  268. #icons i {
  269. display:inline-block;
  270. height:18px;
  271. margin:0px;
  272. margin-left:-2px;
  273. margin-right:-1px;
  274. padding:5px 9px;
  275. color: #eee;
  276. font-size:16px;
  277. border-right:1px solid #888;
  278. background:#A32035;
  279. -webkit-transition: all 0.4s ease-in-out;
  280. -moz-transition: all 0.4s ease-in-out;
  281. -o-transition: all 0.4s ease-in-out;
  282. -ms-transition: all 0.4s ease-in-out;
  283. transition: all 0.4s ease-in-out;
  284. }
  285.  
  286. #icons i:hover {
  287. color:#000;
  288. background:#fff;
  289. }
  290.  
  291. /*-- CONTAINER --*/
  292.  
  293. #container {
  294. margin-left:260px;
  295. margin-right:auto;
  296. margin-top:40px;
  297. width:740px;
  298. }
  299.  
  300. /* Blog title */
  301.  
  302. #blogtitle {
  303. margin-top:0px;
  304. margin-left:50px;
  305. width:592px;
  306. padding:15px 10px;
  307. font-family:'Great Vibes';
  308. font-size:30px;
  309. text-align:center;
  310. color:#eee;
  311. background:#A32035;
  312. border:1px solid #888;
  313. }
  314.  
  315. /*-- TABLE --*/
  316.  
  317. #grouptitle {
  318. padding:7px 5px;
  319. text-align:center;
  320. font-family:'Great Vibes';
  321. color:#eee;
  322. font-size:16px;
  323. width:160px;
  324. margin-left:50px;
  325. margin-top:50px;
  326. border-left:1px solid #888;
  327. border-right:1px solid #888;
  328. border-top:1px solid #888;
  329. background:#A32035;
  330. }
  331.  
  332. /* Table links */
  333.  
  334. #grouplinks {
  335. width:160px;
  336. margin-top:0px;
  337. padding:5px;
  338. padding-bottom:4px;
  339. margin-left:50px;
  340. border:1px solid #888;
  341. background:#000;
  342. opacity:0.9;
  343. }
  344.  
  345. #grouplinks a {
  346. display:block;
  347. margin-bottom:2px;
  348. color: #eee;
  349. font-family:Marvel;
  350. font-size:15px;
  351. padding:5px;
  352. text-align:center;
  353. text-transform:lowercase;
  354. -webkit-transition: all 0.4s ease-in-out;
  355. -moz-transition: all 0.4s ease-in-out;
  356. -o-transition: all 0.4s ease-in-out;
  357. -ms-transition: all 0.4s ease-in-out;
  358. transition: all 0.4s ease-in-out;
  359. }
  360.  
  361. #grouplinks a:hover {
  362. background:#eee;
  363. color:#000;
  364. }
  365.  
  366. /*-- CREDIT --*/
  367.  
  368. #credit {
  369. position:fixed;
  370. right: 10px;
  371. width:25px;
  372. height:25px;
  373. top: 5px;
  374. z-index: 100000;
  375. }
  376.  
  377. #credit img{
  378. border: 1px solid {color:Borders};
  379. }
  380.  
  381. #credit img:hover{
  382. border: 1px solid {color:Hover};
  383. }
  384.  
  385. /* --------------------------- Custom CSS -------------------------- */
  386.  
  387. {CustomCSS}
  388.  
  389. </style>
  390.  
  391. <!--Google fonts-->
  392.  
  393. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Marvel|Poiret+One|Montez|Montez" rel="stylesheet">
  394.  
  395. <!-- Font awesome -->
  396.  
  397. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  398.  
  399. <!--Jquery-->
  400.  
  401. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  402. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  403.  
  404. <!-- Style my tooltips -->
  405.  
  406. <script src="jquery.style-my-tooltips.js"></script>
  407. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  408. <script>
  409. (function($){
  410. $(document).ready(function(){
  411. $("a[title]").style_my_tooltips({
  412. tip_follows_cursor:true,
  413. tip_delay_time: 90,
  414. tip_fade_speed: 600,
  415. attribute:"title"
  416. });
  417. });
  418. })(jQuery);
  419. </script>
  420.  
  421. <meta charset="utf-8">
  422.  
  423. </head>
  424.  
  425. <body>
  426.  
  427. <div id="sidebar">
  428.  
  429. <div id="sidebarin">
  430.  
  431. <div id="avatar"> <!-- Change avatar -->
  432. <img src="http://25.media.tumblr.com/ef0f1f42af17f265ebe95059d1e64b89/tumblr_mtv4bvqv8b1st1i11o2_250.png">
  433. </div>
  434. <!--End avatar-->
  435.  
  436. <div id="description">
  437.  
  438. Lorem ipsum <b>dolor</b> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut <i>labore</i> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris <u>nisi</u>.
  439.  
  440. </div>
  441. <!--End description-->
  442.  
  443. <div id="icons">
  444. <a href="/" Title="Index"><i class="fa fa-home fa"></i></a>
  445. <a href="/ask" Title="Message"><i class="fa fa-envelope fa-o"></i></a>
  446. <a href="/submit" Title="Submit"><i class="fa fa-pencil fa"></i></a>
  447. <a href="/archive" Title="Archive"><i class="fa fa-history fa"></i></a>
  448. <a href="https://www.tumblr.com/dashboard" Title="Dashboard"><i class="fa fa-tumblr fa"></i></a>
  449. </div>
  450. <!--End icons-->
  451.  
  452. </div>
  453. <!--End sidebarin-->
  454.  
  455. </div>
  456. <!--End sidebar-->
  457.  
  458.  
  459. <div id="container">
  460.  
  461. <div id="blogtitle">Masterlist</div>
  462.  
  463. <div style="margin-left:0px;">
  464. <table id="all" border="0" cellpadding="0" cellspacing="0">
  465.  
  466. <td>
  467. <div id="grouptitle"><big>Group</div>
  468. <div id="grouplinks">
  469.  
  470. <a href="/">Link</a>
  471.  
  472. <a href="/">Link</a>
  473.  
  474. <a href="/">Link</a>
  475.  
  476. <a href="/">Link</a>
  477.  
  478. <a href="/">Link</a>
  479.  
  480. </div>
  481. <!--End grouplinks-->
  482. </td>
  483. <!--End box-->
  484.  
  485. <td>
  486. <div id="grouptitle"><big>Group</div>
  487. <div id="grouplinks">
  488.  
  489. <a href="/">Link</a>
  490.  
  491. <a href="/">Link</a>
  492.  
  493. <a href="/">Link</a>
  494.  
  495. <a href="/">Link</a>
  496.  
  497. <a href="/">Link</a>
  498.  
  499. </div>
  500. <!--End grouplinks-->
  501. </td>
  502. <!--End box-->
  503.  
  504. <td>
  505. <div id="grouptitle"><big>Group</div>
  506. <div id="grouplinks">
  507.  
  508. <a href="/">Link</a>
  509.  
  510. <a href="/">Link</a>
  511.  
  512. <a href="/">Link</a>
  513.  
  514. <a href="/">Link</a>
  515.  
  516. <a href="/">Link</a>
  517.  
  518. </div>
  519. <!--End grouplinks-->
  520. </td>
  521. <!--End box-->
  522.  
  523. <tr> <!--New row-->
  524.  
  525. <td>
  526. <div id="grouptitle"><big>Group</div>
  527. <div id="grouplinks">
  528.  
  529. <a href="/">Link</a>
  530.  
  531. <a href="/">Link</a>
  532.  
  533. <a href="/">Link</a>
  534.  
  535. <a href="/">Link</a>
  536.  
  537. <a href="/">Link</a>
  538.  
  539. </div>
  540. <!--End grouplinks-->
  541. </td>
  542. <!--End box-->
  543.  
  544. <td>
  545. <div id="grouptitle"><big>Group</div>
  546. <div id="grouplinks">
  547.  
  548. <a href="/">Link</a>
  549.  
  550. <a href="/">Link</a>
  551.  
  552. <a href="/">Link</a>
  553.  
  554. <a href="/">Link</a>
  555.  
  556. <a href="/">Link</a>
  557.  
  558. </div>
  559. <!--End grouplinks-->
  560. </td>
  561. <!--End box-->
  562.  
  563. <td>
  564. <div id="grouptitle"><big>Group</div>
  565. <div id="grouplinks">
  566.  
  567. <a href="/">Link</a>
  568.  
  569. <a href="/">Link</a>
  570.  
  571. <a href="/">Link</a>
  572.  
  573. <a href="/">Link</a>
  574.  
  575. <a href="/">Link</a>
  576.  
  577. </div>
  578. <!--End grouplinks-->
  579. </td>
  580. <!--End box-->
  581.  
  582. <tr> <!--New row-->
  583.  
  584.  
  585. <!-- to add a new row copy/paste the following:
  586.  
  587.  
  588. <td><div id="grouptitle"><big>Group</div>
  589. <div id="grouplinks">
  590.  
  591. <a href="/">Link</a>
  592.  
  593. <a href="/">Link</a>
  594.  
  595. <a href="/">Link</a>
  596.  
  597. <a href="/">Link</a>
  598.  
  599. <a href="/">Link</a>
  600.  
  601. </div></td>
  602.  
  603.  
  604. <td><div id="grouptitle"><big>Group</div>
  605. <div id="grouplinks">
  606.  
  607. <a href="/">Link</a>
  608.  
  609. <a href="/">Link</a>
  610.  
  611. <a href="/">Link</a>
  612.  
  613. <a href="/">Link</a>
  614.  
  615. <a href="/">Link</a>
  616.  
  617. </div></td>
  618.  
  619. <td><div id="grouptitle"><big>Group</div>
  620. <div id="grouplinks">
  621.  
  622. <a href="/">Link</a>
  623.  
  624. <a href="/">Link</a>
  625.  
  626. <a href="/">Link</a>
  627.  
  628. <a href="/">Link</a>
  629.  
  630. <a href="/">Link</a>
  631.  
  632. </div></td>
  633.  
  634. <tr>
  635.  
  636.  
  637. under this comment and before </table> -->
  638.  
  639.  
  640. </table>
  641. </div>
  642.  
  643. </div>
  644. <!--End container-->
  645.  
  646. <!-- CREDIT (do not remove) -->
  647.  
  648. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="page BATWOMAN by @borntobewildcodes"><img src="http://i57.tinypic.com/301g6eg.jpg"></a></div>
  649.  
  650. </body>
  651. </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!