API tools faq
paste
keciasthemes

shay'saboutpage

keciasthemes
Jul 18th, 2014
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  3. </script>
  4. <script>
  5. $(document).ready(function(){
  6.  
  7. $(".one").click(function(){
  8. $(".1").toggle();
  9. $(".2,.3,.4,.5").hide();
  10. });
  11.  
  12. $(".two").click(function(){
  13. $(".2").toggle();
  14. $(".1,.3,.4,.5").hide();
  15. });
  16. $(".three").click(function(){
  17. $(".3").toggle();
  18. $(".1,.2,.4,.5").hide();
  19. });
  20. $(".four").click(function(){
  21. $(".4").toggle();
  22. $(".1,.2,.3,.5").hide();
  23. });
  24. $(".five").click(function(){
  25. $(".5").toggle();
  26. $(".1,.2,.3,.4").hide();
  27. });
  28.  
  29. });
  30. </script>
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37.  
  38. (function($){
  39.  
  40. $(document).ready(function(){
  41.  
  42. $("a[title]").style_my_tooltips({
  43.  
  44. tip_follows_cursor:true,
  45.  
  46. tip_delay_time:30,
  47.  
  48. tip_fade_speed:300,
  49.  
  50. attribute:"title"
  51.  
  52. });
  53.  
  54. });
  55.  
  56. })(jQuery);
  57.  
  58. </script>
  59.  
  60.  
  61. <head>
  62. <title>TITLE OF BLOG</title>
  63. <link rel="shortcut icon" href="{Favicon}" />
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  65.  
  66.  
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  69.  
  70. <style type="text/css">
  71.  
  72. .1, .2, .3, .4 {display:none;}
  73.  
  74. body {
  75. font-family:arial;
  76. font-size:9px;
  77. color:#777;
  78. background:#fff;}
  79.  
  80. #s-m-t-tooltip{
  81. font-size:9px;
  82. position:absolute;
  83. margin-top: 15px;
  84. letter-spacing:1px;
  85. z-index:9999;
  86. background:white;
  87. color:{color:text};
  88. text-transform:uppercase;
  89. padding:2px 3px 2px 3px;
  90. -webkit-transition:all 0.3s;
  91. -moz-transition:all 0.3s;
  92. -ms-transition:all 0.3s;
  93. -o-transition:all 0.3s;
  94. transition:all 0.3s;
  95. }
  96.  
  97. ul {list-style:square; margin-left:-25px;}
  98.  
  99. a:link, a, a:active, a:visited {
  100. text-decoration: none;
  101. color: #b8b8b8;
  102. -moz-transition: 0.3s ease-in;
  103. -webkit-transition: 0.3s ease-in;
  104. -o-transition: 0.3s ease-in;
  105. transition: 0.3s ease-in;}
  106.  
  107. a:hover {
  108. color: #707070;}
  109.  
  110. #center {
  111. position:relative;
  112. width:423px;
  113. margin:160px auto;}
  114.  
  115. #content {
  116. position:fixed;
  117. width:425px;
  118. height:250px;
  119. overflow:scroll;
  120. padding:40px;
  121. background:#fff;}
  122.  
  123.  
  124. #header {
  125. position:relative;
  126. margin:0px;
  127. margin-left:10px;
  128. width:425px;
  129. padding:10px;
  130. color: #333;
  131. text-align:center;
  132. font-weight:600;
  133. font-size:10px;
  134. letter-spacing:0.3px;
  135. text-transform:uppercase;
  136. border-bottom:1px solid #eee;
  137. }
  138.  
  139. #header a {padding:5px 10px;color: #333;}
  140.  
  141. #header a:hover {color: #333;}
  142.  
  143. h1 {
  144. margin:0px;
  145. padding:10px;
  146. height:220px;
  147. font-size:45px;
  148. line-height:105px;
  149. text-align:center;
  150. font-weight:lighter;
  151. letter-spacing:-3px;
  152. font-family:Helvetica;}
  153.  
  154. h2 {
  155. margin:0px;
  156. padding:5px 0px;
  157. font-size:10px;
  158. font-style:italic;
  159. font-family:Helvetica;
  160. }
  161.  
  162. #about a:hover {font-style: italic;}
  163.  
  164.  
  165.  
  166. .group {
  167. width:140px;
  168. margin-top:-10px;
  169. margin-left:45px;
  170. float:left;}
  171.  
  172. .grouptit {
  173. background:#f3f3f3;
  174. padding:5px;
  175. margin-bottom:10px;
  176. font-size:8px;
  177. letter-spacing:0.3px;
  178. text-transform:uppercase;
  179. margin-top:10px;
  180. }
  181.  
  182. .grouplinks {margin:5px 4px;}
  183.  
  184. .grouplinks a {
  185. display:block;
  186. text-align:left;
  187. margin-left:0px;
  188. -webkit-transition:all 0.3s;
  189. -moz-transition:all 0.3s;
  190. -ms-transition:all 0.3s;
  191. -o-transition:all 0.3s;
  192. transition:all 0.3s; }
  193.  
  194. .grouplinks a:hover {
  195. margin-left:10px;
  196. -webkit-transition:all 0.3s;
  197. -moz-transition:all 0.3s;
  198. -ms-transition:all 0.3s;
  199. -o-transition:all 0.3s;
  200. transition:all 0.3s; }
  201.  
  202.  
  203. .questions {
  204. background:#f3f3f3;
  205. padding:5px;
  206. margin-bottom:10px;
  207. font-size:8px;
  208. letter-spacing:0.3px;
  209. text-transform:uppercase;
  210. }
  211.  
  212. .answers {
  213. padding-left: 10px;
  214. }
  215.  
  216.  
  217. #amigo {
  218. width:100px;
  219. padding:5px;
  220. height:110px;
  221. margin:0px 2px 10px 0;
  222. float:left;
  223. }
  224.  
  225. #name {
  226. background:#f3f3f3;
  227. padding:5px;
  228. font-size:8px;
  229. letter-spacing:0.3px;
  230. text-transform:uppercase;}
  231.  
  232. #icon img{
  233. width:100px;
  234. height:100px;
  235. margin:0px 0 0 0;
  236. -webkit-transition: all 0.8s ease-in-out;
  237. -moz-transition: all 0.8s ease-in-out;
  238. -o-transition: all 0.8s ease-in-out;
  239. -ms-transition: all 0.8s ease-in-out;
  240. transition: all 0.8s ease-in-out
  241. }
  242.  
  243. #icon img:hover{
  244. opacity:0.5;
  245. -webkit-transition: all 0.8s ease-in-out;
  246. -moz-transition: all 0.8s ease-in-out;
  247. -o-transition: all 0.8s ease-in-out;
  248. -ms-transition: all 0.8s ease-in-out;
  249. transition: all 0.8s ease-in-out;
  250.  
  251.  
  252. #desc {
  253. text-align:center;
  254. padding:5px;
  255. font-size:8px;
  256. letter-spacing:0.3px;
  257. text-transform:uppercase;}
  258.  
  259.  
  260. ::-webkit-scrollbar-thumb:vertical {background-color:#a59fea;height:auto;}
  261. ::-webkit-scrollbar-thumb:vertical:hover{background-color:#7b6dc1;}
  262. ::-webkit-scrollbar-thumb:horizontal{background-color:#eee;height:auto;}
  263. ::-webkit-scrollbar-thumb:horizontal:hover{background-color:#fff;}
  264. ::-webkit-scrollbar{width:0px;}
  265. </style>
  266. </head>
  267.  
  268. <body>
  269. <div id="center">
  270. <div id="header">
  271. <a class="one" href="#">index</a> &middot;
  272. <a class="two" href="#">about</a> &middot;
  273. <a class="three" href="#">links</a> &middot;
  274. <a class="four" href="#">quetions</a> &middot;
  275. <a class="five" href="#">friends</a>
  276. </div>
  277.  
  278. <!-- MAIN PAGE STARTS HERE -->
  279. <div class="1">
  280. <div id="content">
  281. <div style="margin-top:-30px;margin-left:-15px;width:425px;">
  282. <h1>Fratboys & Artists</h1>
  283.  
  284. </div></div></div>
  285. <!-- MAIN PAGE ENDS HERE -->
  286.  
  287.  
  288.  
  289. <!-- ABOUT ME PAGE STARTS HERE -->
  290. <div class="2" style="display:none;">
  291. <div id="content">
  292. <div style="margin-top:-30px;margin-left:-15px;width:425px;">
  293. Hello love bugs, thank you for coming to my blog. I’m Shayla, but call me <b>Shay</b>. I am an <u>21 year old</u> university student. I work at urban outfitters and I also do photography. I live in the capital of USA, you can also find me California and Virginia.
  294.  
  295. <p></p>My puppy, <i>cinnamon</i>, means the world to me. I love going to concerts and shopping. I used to love to photoshop but when I got to uni I became super lazy. I waste my time reading fanfics and books, watching movies and tv shows.</p>
  296.  
  297. <p></p>Important things to know about me is that I’m a big <u>futbol fan</u>. I also like american football, wrestling, gymnastics, and ice skating. If we become friends i will randomly message you things. I love to write but I can never find the time to finish things.I tend to travel a lot. My next trips are to Caribbean(again), Brazil, London, Mexico (I’m always there), and Paris.</p>
  298.  
  299. <p></p>Harry Styles, David Luiz, Jess Plummer and Leigh Pinnock melt my soul. And Zayn and Niall will be the death of me. If I’m going to be honest I love people that are beautiful inside and out and the list is much longer than the ones i posted.I love every single one of you <3, if you want to know more than ask.</p></3></div>
  300. </div></div>
  301. <!-- ABOUT ME PAGE ENDS HERE -->
  302.  
  303.  
  304. <div class="3" style="display:none;">
  305. <div id="content">
  306. <div style="margin-top:-30px;margin-left:-20px;padding:4px">
  307. <div class="group">
  308. <div class="grouptit">Blog Links</div>
  309. <div class="grouplinks">
  310. <ul>
  311. <li><a href="https://twitter.com/itsshayee">Twitter</a></li>
  312. <li><a href="http://roreigns.tumblr.com">Wrestling Blog</a></li>
  313. <li><a href="http://8tracks.com/niayns">8tracks</a></li>
  314. <li><a href="http://instagram.com/shayespice">Instagram</a></li>
  315. <li><a href="http://growupdiggs.tumblr.com">Personal</a></li>
  316. <li><a href="http://shay-diggs.polyvore.com">polyvore</a></li>
  317. <li><a href="/tagged/face">Face</a></li>
  318. <li><a href="/tagged/shay%20speaks">Answered Ask</a></li>
  319. <li><a href="/cinnamonroll">Blogroll</a></li>
  320. <li><a href="/tagged/thankyou">Follow Forever</a></li>
  321. </ul>
  322. </div></div>
  323.  
  324. <div class="group">
  325. <div class="grouptit">Resources</div>
  326. <div class="grouplinks">
  327. <ul>
  328. <li><a href="/ficrec">New Ficrec</a></li>
  329. <li><a href="/post/47910430107/fanfic-rec">Old Ficrec</a></li>
  330. <li><a href="/tagged/hq">HQ Photos</a></li>
  331. <li><a href="/tagged/icons">Icons</a></li>
  332. <li><a href="/tagged/playlist">Playlists</a></li>
  333. <li><a href="/tagged/psds">Psds</a></li>
  334. <li><a href="/tagged/sidebars">Sidebars</a></li>
  335. <li><a href="/tagged/textures">Textures</a></li>
  336. <li><a href="/tutorials">Tutorials</a></li>
  337. <li><a href="/tagged/wallpapers">Wallpapers</a></li>
  338. </ul>
  339. </div></div>
  340.  
  341.  
  342. <div class="group">
  343. <div class="grouptit">Memes</div>
  344. <div class="grouplinks">
  345. <ul>
  346. <li><a href="/tagged/all">All</a></li>
  347. <li><a href="/tagged/gifs">Gifs</a></li>
  348. <li><a href="/tagged/stills">Edits/Graphics</a></li>
  349. <li><a href="/tagged/k">1k & Over</a></li>
  350. <li><a href="/tagged/au">Au Memes</a></li>
  351. <li><a href="/tagged/manip">Manips</a></li>
  352. <li><a href="/tagged/url">Url Graphics</a></li>
  353. <li><a href="/tagged/ff">Follow Forevers</a></li>
  354. <li><a href="/tagged/fm">Favorite Movies</a></li>
  355. <li><a href="/tagged/picturesofthor">Favorite of Liam</a></li>
  356. <li><a href="/tagged/zm">Favorite of Zayn</a></li>
  357. <li><a href="/tagged/bail">The Bands I love</a></li>
  358. <li><a href="/tagged/1dbc">Meet the Blogger: 1d Edition</a></li>
  359. <li><a href="/tagged/crushes">Crushes</a></li>
  360. <li><a href="/tagged/tmbc">The Magic Begins</a></li>
  361. </ul>
  362. </div></div>
  363.  
  364.  
  365. <div class="group">
  366. <div class="grouptit">Groups</div>
  367. <div class="grouplinks">
  368. <ul>
  369. <li><a href="/tagged/paramore">Paramore</a></li>
  370. <li><a href="/tagged/ptv">PTV</a></li>
  371. <li><a href="/tagged/little mix">Little Mix</a></li>
  372. <li><a href="/tagged/the-1975">The 1975</a></li>
  373. <li><a href="/tagged/neon-jungle">Neon Jungle</a></li>
  374. <li><a href="/tagged/WWE">WWE</a></li>
  375. <li><a href="/tagged/teen wolf">Teen Wolf</a></li>
  376. <li><a href="/tagged/reign">Reign</a></li>
  377. <li><a href="/tagged/ouat">Once Upon A Time</a></li>
  378. <li><a href="/tagged/skins">Skins</a></li>
  379. <li><a href="/tagged/pll">Pretty Little Liars</a></li>
  380. <li><a href="/tagged/american-horror-story">American Horror Story</a></li>
  381. <li><a href="/tagged/harrypotter">Harry Potter</a></li>
  382. <li><a href="/tagged/got">Game of Thrones</a></li>
  383. <li><a href="/tagged/dw">Doctor Who</a></li>
  384. </ul>
  385. </div></div>
  386.  
  387. <div class="group">
  388. <div class="grouptit">People</div>
  389. <div class="grouplinks">
  390. <ul>
  391. <li><a href="/tagged/leigh-anne-pinnock">Leigh Anne Pinnock</a></li>
  392. <li><a href="/tagged/toby-regbo">Toby Regbo</a></li>
  393. <li><a href="/tagged/bonnie-wright">Bonnie Wright</a></li>
  394. <li><a href="/tagged/emma watson">Emma Watson</a></li>
  395. <li><a href="/tagged/evanna lynch">Evanna Lynch</a></li>
  396. <li><a href="/tagged/tom felton">Tom Felton</a></li>
  397. <li><a href="/tagged/t mills">T Mills</a></li>
  398. <li><a href="/tagged/demi">Demi Lovato</a></li>
  399. <li><a href="/tagged/ed sheeran">Ed Sheeran</a></li>
  400. <li><a href="/tagged/cher%20lloyd">Cher Lloyd</a></li>
  401. <li><a href="/tagged/m%26td">Marina & The Diamonds</a></li>
  402. <li><a href="/tagged/rita-ora">Rita Ora</a></li>
  403. <li><a href="/tagged/kings">One Direction</a></li>
  404. <li><a href="/tagged/harry styles">Harry Styles</a></li>
  405. <li><a href="/tagged/liam payne">Liam Payne</a></li>
  406. <li><a href="/tagged/louis tomlinson">Louis Tomlinson</a></li>
  407. <li><a href="/tagged/niall horan">Niall Horan</a></li>
  408. <li><a href="/tagged/zayn malik">Zayn Malik</a></li>
  409. </ul></div></div>
  410. </div>
  411. </div>
  412. </div>
  413.  
  414. <div class="4" style="display:none;">
  415. <div id="content">
  416. <div style="margin-top:-40px;margin-left:-15px;width:425px;">
  417. <p class="questions">Whats your real name?</p>
  418. <p class="answers">Shayla, Kecia is the only one that calls me that.</p>
  419.  
  420. <p class="questions">Whats your old url?</p>
  421. <p class="answers">megaseva,ziallphobia,niayns,mixedcolours, and zabinie.</p>
  422.  
  423. <p class="questions">Where did you get your icon,sidebar, psds?</p>
  424. <p class="answers">I make all my icons and sidbars. I make 95% of my psds if not i get them off yeahps or pscs5.</p>
  425.  
  426. <p class="questions">What shows do you watch?</p>
  427. <p class="answers">Teen Wolf, Reign, Games of Thrones, Docor Who, Sherlock, Girl Code. Those are the ones I'm watching at the moment. Im all up to datw with them all.</p>
  428.  
  429. <p class="questions">What do you used to edits, graphics, and gifs?</p>
  430. <p class="answers">I mostly use Photoshop Cs5 and MPEG Streamclip, but some times i use Photoshop Cs3 and Cs6, Illustrator Cs5 and Cs6, and Imovie .</p>
  431.  
  432. <p class="questions">Follow back?</p>
  433. <p class="answers">I dont follow back unless I like your blog but I'll give your blog a look, sorry I get to many of these.</p>
  434.  
  435. <p class="questions">Do you know any good Fanfics ?</p>
  436. <p class="answers">If you want one direction ones I have 2 pages of them and and i working on a new right now just give them a lot. For any other fandom just send me msg and ill send you some.</p>
  437.  
  438. <p class="questions">Can you Vote for ______ ?</p>
  439. <p class="answers">Yes, if I just have to click something, just send me the link.</p>
  440.  
  441. <p class="questions">Do you think *enter 1d ship name here* is real??</p>
  442. <p class="answers">Hahaha, no. The only ships that are real are the boys and whoever they say they are dating.</p>
  443.  
  444. <p class="questions">Do you ship the couples in the manips you make?</p>
  445. <p class="answers">90% of the time no, almost all my manips are requested so they are what followers ship.</p>
  446.  
  447. <p class="questions">Are request open?</p>
  448. <p class="answers">95% of the time yes, when they are closed I'll try to remember to put it on my sidebar. I only take personal request for birthdays or if we are mutals.</a></p>
  449.  
  450. <p class="questions">Is my request done?</p>
  451. <p class="answers">If you dont see them all under <a href="/tagged/requested">here</a> or <a href="/tagged/all">here</a>, no they arent. I get a lot of request and I am in Uni and I have other things I have to do please dont rush me.</a></p>
  452.  
  453. <p class="questions">Will you make _______ (edit, graphic,gifs,au,or manip)?</p>
  454. <p class="answers">Yes, when I get the time.</a></p>
  455.  
  456. <p class="questions">How do you make your manips?</p>
  457. <p class="answers">Photoshop and Magic Dust.</a></p>
  458.  
  459. <p class="questions">Why didn’t you make the request I made?</p>
  460. <p class="answers">Sorry, Either I couldnt find good photos for the one or both the people you metioned.Or the request was impossible to make. Or Lastly I had to many request and i had to cut some down, so I took out a few for another time.</a></p>
  461.  
  462. <div class="ask"><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/the1993s.tumblr.com" width="100%"></iframe></div>
  463. </div>
  464. </div>
  465. </div>
  466.  
  467. <div class="5" style="display:none;">
  468. <div id="content">
  469. <div style="margin-top:-40px;margin-left:15px;width:425px;">
  470. <!--first row-->
  471. <tr>
  472. <td>
  473. <div id="amigo">
  474. <div id="name">kecia</div><!--name goes here-->
  475. <div id="icon">
  476. <a href="http://asschlin.tumblr.com/"><img src="http://i.imgur.com/dUkVGIq.png"></a>
  477. </div>
  478. </div>
  479. </td>
  480.  
  481. <!--first row-->
  482. <tr>
  483. <td>
  484. <div id="amigo">
  485. <div id="name">sari</div><!--name goes here-->
  486. <div id="icon">
  487. <a href="http://feelobrien.tumblr.com/"><img src="http://static.tumblr.com/99b8abd3c48f9d9f9792f53536863e20/s6fk9c2/Azrn8ok40/tumblr_static_v3hxkbtgt6o4s08kkw4o8w4g.jpg"></a>
  488. </div>
  489. </div>
  490. </td>
  491.  
  492. <!--first row-->
  493. <tr>
  494. <td>
  495. <div id="amigo">
  496. <div id="name">carrie</div><!--name goes here-->
  497. <div id="icon">
  498. <a href="http://cwtchess.tumblr.com/"><img src="http://38.media.tumblr.com/21f5b75bbc47e6740cac64809dcb84ba/tumblr_n8uk8bayF81skqtc0o1_250.png"></a>
  499. </div>
  500. </div>
  501. </td>
  502. <!--first row-->
  503. <tr>
  504. <td>
  505. <div id="amigo">
  506. <div id="name">joy</div><!--name goes here-->
  507. <div id="icon">
  508. <a href="http://drakefromdegrassi.tumblr.com/"><img src="http://38.media.tumblr.com/8cb37a7bfcf1de4dc16704e91e6d9f69/tumblr_n73zj8ynSP1ss2nz3o1_500.jpg"></a>
  509. </div>
  510. </div>
  511. </td>
  512. <!--first row-->
  513. <tr>
  514. <td>
  515. <div id="amigo">
  516. <div id="name">jade</div><!--name goes here-->
  517. <div id="icon">
  518. <a href="http://highniall.tumblr.com/"><img src="http://31.media.tumblr.com/868cdcf0adf71c463e9548288c609210/tumblr_n8u59tHHXd1qlo5cpo1_400.png"></a>
  519. </div>
  520. </div>
  521. </td>
  522. <!--first row-->
  523. <tr>
  524. <td>
  525. <div id="amigo">
  526. <div id="name">rai</div><!--name goes here-->
  527. <div id="icon">
  528. <a href="http://yeahniall.tumblr.com/"><img src="http://31.media.tumblr.com/33a95ab3f9a50d72d502e173eccbc3a6/tumblr_n8v3n4iaUb1rnntmfo1_400.jpg"></a>
  529. </div>
  530. </div>
  531. </td>
  532.  
  533. <!--first row-->
  534. <tr>
  535. <td>
  536. <div id="amigo">
  537. <div id="name">Josh</div><!--name goes here-->
  538. <div id="icon">
  539. <a href="http://24.media.tumblr.com/avatar_a9079c5e822e_64.png"><img src="http://38.media.tumblr.com/avatar_d0b216fe5079_96.png"></a>
  540. </div>
  541. </div>
  542. </td>
  543.  
  544. <!--first row-->
  545. <tr>
  546. <td>
  547. <div id="amigo">
  548. <div id="name">Amanda</div><!--name goes here-->
  549. <div id="icon"><a href="https://31.media.tumblr.com/bb54aabd00154d196ce9bc517689344a/tumblr_inline_n0shylHsga1rhm23e.png"><img src="http://38.media.tumblr.com/4edd40bb9a3e5e23843c02130e7988ee/tumblr_n8bfqlf09m1qdq9o9o2_500.jpg"></a>
  550. </div>
  551. </div>
  552. </td>
  553.  
  554. <!--first row-->
  555. <tr>
  556. <td>
  557. <div id="amigo">
  558. <div id="name">Blogroll</div><!--name goes here-->
  559. <div id="icon">
  560. <a href="http://the1993s.tumblr.com/cinnamonroll"><img src="http://38.media.tumblr.com/avatar_e5c0ce007228_96.png"></a>
  561. </div>
  562. </div>
  563. </td>
  564.  
  565. </div></div></div>
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573. </body>
  574.  
  575. </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!