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

All in one VI bright

b0rn-to-be-wild
Jan 14th, 2015
374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | "All in One VI bright"
  7.  
  8. + Please do not redistribute this theme or remove credits
  9. + You are allowed to make changes as long as you keep our credits
  10. + If you have any questions or concerns, just contact us!
  11. + Thanks for using our page :) Hope you enjoy it!
  12.  
  13. ---->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18.  
  19. <head>
  20.  
  21. <!--Google fonts-->
  22.  
  23. <link href="//fonts.googleapis.com/css?family=Marvel:400" rel="stylesheet" type="text/css">
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  26.  
  27. <!--Scripts, do not change anything-->
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  30. <script>
  31. $(document).ready(function(){
  32. $(".title1").click(function(){
  33. $(".description").toggle(500);
  34. });
  35. });
  36. </script>
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  39. <script>
  40. $(document).ready(function(){
  41. $(".title2").click(function(){
  42. $(".faq").toggle(500);
  43. });
  44. });
  45. </script>
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  48. <script>
  49. $(document).ready(function(){
  50. $(".title3").click(function(){
  51. $(".tags").toggle(500);
  52. });
  53. });
  54. </script>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  57. <script>
  58. $(document).ready(function(){
  59. $(".title4").click(function(){
  60. $(".blogroll").toggle(500);
  61. });
  62. });
  63. </script>
  64.  
  65. <script type="text/javascript"
  66. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67.  
  68. <link rel="shortcut icon" href="{Favicon}" />
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  70.  
  71. <style type="text/css">
  72.  
  73. /* Body */
  74.  
  75. body {
  76. font-style:none;
  77. background-color:#fff;
  78. /* background image */
  79. background-image: url('http://www.sanantoniotaxicabservice.com/wp-content/uploads/2013/07/minimal-gray-to-white-gradient-wallpapers.jpg');
  80. font-family:Allura;
  81. color:gray;
  82. font-size:9px;
  83. overflow:hidden;
  84. }
  85.  
  86. a img {
  87. width:35px;
  88. height:35px;
  89. margin:4px;
  90. border:2px #eee solid;
  91. border-radius:0px;
  92. padding:4px;
  93. /* Faded images*/
  94. opacity:0.7;
  95. }
  96.  
  97. a img:hover {
  98. opacity:1;
  99. border-radius:0px;
  100. }
  101.  
  102. h1 {
  103. font-size:25px;
  104. font-family:'Allura';
  105. }
  106.  
  107. #everything {
  108. margin-left:0px;
  109. margin-top:80px;
  110. }
  111.  
  112. /* Webkit scrollbar */
  113.  
  114. ::-webkit-scrollbar-thumb {
  115. background: #B781AE;
  116. height: auto;
  117. border: 3px solid #eee;
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:10px;
  122. width:12px;
  123. background: #B781AE;
  124. height: auto;
  125. border: 5px solid #eee;
  126. }
  127.  
  128. /* Header */
  129.  
  130. #header {
  131. font-family:'Marvel';
  132. font-size:20px;
  133. text-align:center;
  134. margin-top:-80px;
  135. margin-left:auto;
  136. margin-right:auto;
  137. border-bottom:5px solid #eee;
  138. width:515px;
  139. height:95px;
  140. padding-top:5px;
  141. opacity:0.9;
  142. }
  143.  
  144. #header a{
  145. color:#C573A3;
  146. padding-bottom:9px;
  147. padding-left:5px;
  148. padding-right:5px;
  149. text-decoration:none;
  150. }
  151.  
  152. #header a:hover{
  153. color:#4F494E;
  154. background:#eee;
  155. }
  156.  
  157. #links {
  158. font-family:'Marvel';
  159. font-size:20px;
  160. text-align:center;
  161. margin-top:-20px;
  162. margin-left:auto;
  163. margin-right:auto;
  164. }
  165.  
  166. /* Blog Title */
  167.  
  168. .title{
  169. position:relative;
  170. font-family:'Allura';
  171. font-size:40px;
  172. text-align:center;
  173. line-height:50px;
  174. margin-top:0px;
  175. margin-left:auto;
  176. margin-right:auto;
  177. color:#AC6AA4;
  178. width:390px;
  179. height:50px;
  180. padding:5px;
  181. }
  182.  
  183. /* Container */
  184.  
  185. #container{
  186. z-index: 300;
  187. top:10px;
  188. color:#eee;
  189. position:relative;
  190. margin-left:auto;
  191. margin-right:auto;
  192. width:510px;
  193. height:510px;
  194. text-align:center;
  195. opacity:1;
  196. }
  197.  
  198. /* Top left box */
  199.  
  200. .title1 {
  201. position:absolute;
  202. font-family:'Allura';
  203. font-size:20px;
  204. text-align:center;
  205. line-height:60px;
  206. margin-top:0px;
  207. margin-left:0px;
  208. width:240px;
  209. height:240px;
  210. padding:5px;
  211. background:#eee;
  212. border: 5px solid #eee;
  213. /*Image 1*/
  214. background:url('http://i57.tinypic.com/2ylqtjt.jpg');
  215. background-size:cover;
  216. }
  217.  
  218. .title1 h1{
  219. margin:0;
  220. background:#eee;
  221. opacity:0.8;
  222. color:#F5C451;
  223. }
  224.  
  225. .title1 h1:hover{
  226. opacity:1;
  227. -webkit-transition: all 0.7s ease-in-out;
  228. -moz-transition: all 0.7s ease-in-out;
  229. -o-transition: all 0.7s ease-in-out;
  230. }
  231.  
  232. .description{
  233. position:absolute;
  234. width: 475px;
  235. height:345px;
  236. font-family:'Marvel';
  237. overflow-y:auto;
  238. padding:10px;
  239. margin-top:65px;
  240. margin-left:10px;
  241. font-size:14px;
  242. color:#333;
  243. line-height:20px;
  244. text-align:right;
  245. display:none;
  246. background:#eee;
  247. opacity:0.9;
  248. }
  249.  
  250. .description h1{
  251. color:#F5C451;
  252. }
  253.  
  254. .description b, strong {color:#F5C451;}
  255.  
  256. .portrait {
  257. width:45px;
  258. height:45px;
  259. border:3px double #F5C451;
  260. float:left;
  261. margin:5px;}
  262.  
  263. /* Bottom left box */
  264.  
  265. .title2 {
  266. position:absolute;
  267. font-family:'Allura';
  268. font-size:20px;
  269. text-align:center;
  270. line-height:60px;
  271. margin-top:245px;
  272. margin-left:0px;
  273. width:240px;
  274. height:240px;
  275. padding:5px;
  276. background:#eee;
  277. border: 5px solid #eee;
  278. /*Image 2*/
  279. background:url('http://i59.tinypic.com/347theq.jpg');
  280. background-size:cover;
  281. }
  282.  
  283. .title2 h1{
  284. margin-top:180px;
  285. background:#eee;
  286. opacity:0.8;
  287. color:#8e4c99;
  288. }
  289.  
  290. .title2 h1:hover{
  291. opacity:1;
  292. -webkit-transition: all 0.7s ease-in-out;
  293. -moz-transition: all 0.7s ease-in-out;
  294. -o-transition: all 0.7s ease-in-out;
  295. }
  296.  
  297. .faq{
  298. position:absolute;
  299. width: 475px;
  300. height:345px;
  301. font-family:'Marvel';
  302. overflow-y:auto;
  303. padding:10px;
  304. margin-top:65px;
  305. margin-left:10px;
  306. font-size:14px;
  307. color:#4b2037;
  308. line-height:25px;
  309. text-align:center;
  310. display:none;
  311. background:#eee;
  312. opacity:0.9;
  313. }
  314.  
  315. .faq h1{
  316. color:#8e4c99;
  317. }
  318.  
  319. .faq b, strong {
  320. font-size:17px;
  321. color:#eee;
  322. background:#8e4c99;
  323. padding:5px;
  324. }
  325.  
  326. /* Top right box */
  327.  
  328. .title3 {
  329. position:absolute;
  330. font-family:'Allura';
  331. font-size:20px;
  332. text-align:center;
  333. line-height:60px;
  334. margin-top:-11px;
  335. margin-left:255px;
  336. color:#4b2037;
  337. width:240px;
  338. height:240px;
  339. padding:5px;
  340. background:#eee;
  341. border: 5px solid #eee;
  342. /*Image 3*/
  343. background:url('http://i60.tinypic.com/2gtd7xe.jpg');
  344. background-size:cover;
  345. }
  346.  
  347. .title3 h1{
  348. margin:0;
  349. background:#eee;
  350. opacity:0.8;
  351. color:#EF83BC;
  352. }
  353.  
  354. .title3 h1:hover{
  355. opacity:1;
  356. -webkit-transition: all 0.7s ease-in-out;
  357. -moz-transition: all 0.7s ease-in-out;
  358. -o-transition: all 0.7s ease-in-out;
  359. }
  360.  
  361. .tags{
  362. position:absolute;
  363. width: 475px;
  364. height:345px;
  365. font-family:'Marvel';
  366. padding:10px;
  367. margin-top:65px;
  368. margin-left:10px;
  369. font-size:12px;
  370. color:#4b2037;
  371. line-height:20px;
  372. text-align:right;
  373. display:none;
  374. background:#eee;
  375. opacity:0.9;
  376. overflow-y:auto;
  377. overflow-x:hidden;
  378. }
  379.  
  380. .tags h1{
  381. color:#EF83BC;
  382. }
  383.  
  384. #grouplinks {
  385. position:absolute;
  386. width:170px;
  387. margin-top:-180px;
  388. padding-left:5px;
  389. padding-right:5px;
  390. padding-top:2px;
  391. padding-bottom:2px;
  392. margin-left:-150px;
  393. border:2px solid #EF83BC;
  394. background:#eee;
  395. opacity:0.9;
  396. margin-bottom:10px;
  397. }
  398.  
  399. #grouplinks a {
  400. font-family:'Marvel';
  401. display:block;
  402. color:#eee;
  403. background:#EF83BC;
  404. font-size:13px;
  405. padding:5px;
  406. text-align:center;
  407. letter-spacing:1px;
  408. text-transform:uppercase;
  409. margin-top:5px;
  410. margin-bottom:5px;
  411. text-decoration:none;
  412. }
  413.  
  414. #grouplinks a:hover {
  415. color:#EF83BC;
  416. background:#eee;
  417. }
  418.  
  419. /* Bottom right box */
  420.  
  421. .title4 {
  422. position:absolute;
  423. font-family:'Allura';
  424. font-size:17px;
  425. text-align:center;
  426. line-height:60px;
  427. margin-top:245px;
  428. margin-left:255px;
  429. width:240px;
  430. height:240px;
  431. padding:5px;
  432. background:#eee;
  433. border: 5px solid #eee;
  434. /*Image 4*/
  435. background:url('http://i58.tinypic.com/148k9xx.jpg');
  436. background-size:cover;
  437. }
  438.  
  439. .title4 h1{
  440. margin-top:180px;
  441. background:#eee;
  442. opacity:0.8;
  443. color:#386D96;
  444. }
  445.  
  446. .title4 h1:hover{
  447. opacity:1;
  448. -webkit-transition: all 0.7s ease-in-out;
  449. -moz-transition: all 0.7s ease-in-out;
  450. -o-transition: all 0.7s ease-in-out;
  451. }
  452.  
  453. .blogroll{
  454. position:absolute;
  455. width: 475px;
  456. height:345px;
  457. font-family:'Marvel';
  458. overflow-y:auto;
  459. padding:10px;
  460. margin-top:65px;
  461. margin-left:10px;
  462. font-size:12px;
  463. line-height:20px;
  464. text-align:center;
  465. display:none;
  466. background:#eee;
  467. opacity:0.9;
  468. }
  469.  
  470. .blogroll h1{
  471. color:#386D96;
  472. }
  473.  
  474. .blogroll img{
  475. border:1px solid #386D96;
  476. }
  477.  
  478. /* Credits */
  479.  
  480. #credits {
  481. position:fixed;
  482. right:10px;
  483. top:40px;
  484. z-index:100000;
  485. }
  486.  
  487. #credits img{
  488. border:3px solid #eee;
  489. }
  490.  
  491. {CustomCSS}
  492.  
  493. </style></head>
  494.  
  495.  
  496. <body>
  497.  
  498. <div id="everything">
  499.  
  500. <div id="header">
  501. <div class="title">Your title goes here</div><br>
  502. <div id="links">
  503. <a href="/">HOME</a>
  504. <a href="/ask">ASK</a>
  505. <a href="/submit">SUBMIT</a>
  506. <a href="www.tumblr.com">DASH</a>
  507. </div>
  508.  
  509. </div>
  510.  
  511. <div id="container">
  512.  
  513. <center>
  514.  
  515.  
  516. <div class="title1"><h1>About</h1></div><br>
  517.  
  518. <div class="title2"><h1>F.A.Q.</h1></div>
  519.  
  520. <div class="title3"><h1>Tags</h1></div>
  521.  
  522. <div class="title4"><h1>Blogroll</h1></div>
  523.  
  524. <div class="description"><h1><center>About me</center></h1><br>
  525. <!-- CHANGE ABOUT IMAGE -->
  526. <img src="http://24.media.tumblr.com/tumblr_mbbm0oaVar1rdkoleo1_500.jpg"
  527. class="portrait" />
  528. <div align="justify">
  529.  
  530. <!-- CHANGE DESCRIPTION -->
  531.  
  532. Lorem ipsum dolor sit amet, malis impetus fabellas ne sit, vel quaestio democritum te. Cu scaevola ocurreret per, sed at <u>possit</u> mollis. Iudicabit sadipscing appellantur at <b>vim</b>. <br><br>
  533.  
  534. Te mea nobis vidisse. Ne assum <b>ancillae</b> vel, cibo facete persequeris vix at. Ius te doming audire, quo error soluta efficiendi ei. Ex iudico aeterno laboramus sea, solet perfecto mediocrem at sed.<br><br>
  535.  
  536. Tantas <b>invidunt</b> ea nec, aliquip vocibus <u>principes</u> eos et. Tota propriae quaestio no sit, suavitate liberavisse id nec, ea atqui invenire euripidis eam. Viris decore intellegat duo ut, eu cum aliquip laboramus. Usu postea quaerendum ne, pri at scripta disputando accommodare. Ne rebum falli ornatus ius, omnes ullamcorper ut duo.
  537.  
  538. <!-- DESCRIPTION ENDS-->
  539. </div>
  540.  
  541. </div>
  542.  
  543. <div class="faq"><h1>Frequently Asked Questions</h1><br>
  544.  
  545. <!-- CHANGE FAQ -->
  546.  
  547. <b>THIS IS A QUESTION</b> <br>
  548. Answer<br><br>
  549.  
  550. <b>THIS IS A QUESTION</b> <br>
  551. Answer<br><br>
  552.  
  553. <b>THIS IS A QUESTION</b> <br>
  554. Answer<br><br>
  555.  
  556. <b>THIS IS A QUESTION</b> <br>
  557. Answer<br><br>
  558.  
  559. <b>THIS IS A QUESTION</b> <br>
  560. Answer<br><br>
  561.  
  562. <b>THIS IS A QUESTION</b> <br>
  563. Answer<br><br>
  564.  
  565. <!-- FAQ ENDS -->
  566.  
  567. <br><br></div>
  568.  
  569. <div class="tags">
  570. <center>
  571. <h1>Tags masterlist</h1>
  572.  
  573. <table id="all" border="0" cellpadding="20" cellspacing="155">
  574.  
  575. <td><div id="grouptitle"><big>Group</div>
  576. <div id="grouplinks">
  577.  
  578. <a href="/">Link</a>
  579.  
  580. <a href="/">Link</a>
  581.  
  582. <a href="/">Link</a>
  583.  
  584. <a href="/">Link</a>
  585.  
  586. <a href="/">Link</a>
  587.  
  588. </div></td>
  589.  
  590.  
  591. <td><div id="grouptitle"><big>Group</div>
  592. <div id="grouplinks">
  593.  
  594. <a href="/">Link</a>
  595.  
  596. <a href="/">Link</a>
  597.  
  598. <a href="/">Link</a>
  599.  
  600. <a href="/">Link</a>
  601.  
  602. <a href="/">Link</a>
  603.  
  604. </div></td>
  605.  
  606. <td><div id="grouptitle"><big>Group</div>
  607. <div id="grouplinks">
  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. <a href="/">Link</a>
  618.  
  619. </div></td>
  620.  
  621. <tr>
  622.  
  623. <td><div id="grouptitle"><big>Group</div>
  624. <div id="grouplinks">
  625.  
  626. <a href="/">Link</a>
  627.  
  628. <a href="/">Link</a>
  629.  
  630. <a href="/">Link</a>
  631.  
  632. <a href="/">Link</a>
  633.  
  634. <a href="/">Link</a>
  635.  
  636. </div></td>
  637.  
  638.  
  639. <td><div id="grouptitle"><big>Group</div>
  640. <div id="grouplinks">
  641.  
  642. <a href="/">Link</a>
  643.  
  644. <a href="/">Link</a>
  645.  
  646. <a href="/">Link</a>
  647.  
  648. <a href="/">Link</a>
  649.  
  650. <a href="/">Link</a>
  651.  
  652. </div></td>
  653.  
  654. <td><div id="grouptitle"><big>Group</div>
  655. <div id="grouplinks">
  656.  
  657. <a href="/">Link</a>
  658.  
  659. <a href="/">Link</a>
  660.  
  661. <a href="/">Link</a>
  662.  
  663. <a href="/">Link</a>
  664.  
  665. <a href="/">Link</a>
  666.  
  667. </div></td>
  668.  
  669. <tr>
  670.  
  671. </table>
  672. </center>
  673. </div>
  674.  
  675. <div class="blogroll">
  676. <h1>Blogroll</h1>
  677. <center>
  678. {block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}</div>
  679. </center>
  680. </div>
  681.  
  682.  
  683. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  684. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  685.  
  686. </body>
  687.  
  688.  
  689. </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!