API tools faq
paste
Advertisement
alinunes

theme1

alinunes
Feb 25th, 2015
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-----
  4.  
  5. THEME 3 BY JAKEGYLLENHAL
  6. edit as much as you want but
  7. don't remove the credit or use as a base code
  8.  
  9. ----->
  10.  
  11. <html><head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Title" content=""/>
  16. <meta name="color:Text" content="#aaaaaa"/>
  17. <meta name="color:Link" content="#000000"/>
  18. <meta name="color:Blogtitle" content=""/>
  19. <meta name="color:Stripes" content=""/>
  20. <meta name="color:Stripetext" content=""/>
  21. <meta name="color:Scrollbar" content=""/>
  22.  
  23. <meta name="if:Updates Tab" content=""/>
  24. <meta name="text:link 1" content="link" />
  25. <meta name="text:link 1 url" content="/" />
  26. <meta name="text:link 2" content="link" />
  27. <meta name="text:link 2 url" content="/" />
  28. <meta name="text:Twitter URL" content="">
  29. <meta name="text:Facebook URL" content="">
  30. <meta name="text:Instagram URL" content="">
  31. <meta name="if:Show Social Links" content="0">
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:60,
  43. tip_fade_speed:400,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <style type="text/css">
  51.  
  52. #s-m-t-tooltip {
  53. max-width:300px;
  54. background-color:#f8f8f8;
  55. font-family:helvetica;
  56. font-size:9px;
  57. color:#444;
  58. padding:3px;
  59. margin-top:12px;
  60. margin-left:12px;
  61. z-index:9;}
  62.  
  63. body {
  64. font-family:Segoe UI;
  65. color:#444;
  66. font-size:9px;
  67. line-height:170%;}
  68.  
  69. a {
  70. text-decoration:underline;
  71. color:#444;}
  72.  
  73. a:hover {
  74. text-decoration:underline;
  75. background-color:#ffff00;}
  76.  
  77. blockquote {
  78. padding-left:5px;
  79. margin-left:10px;
  80. border-left:2px solid #eee;}
  81.  
  82. blockquote img {
  83. max-width:450px;}
  84.  
  85. sub, small, sup {
  86. font-size:9px;}
  87.  
  88. ul {
  89. list-style:square;}
  90.  
  91. li {
  92. padding:2px;}
  93.  
  94.  
  95. /***************************************/
  96.  
  97.  
  98. #sidebar {
  99. position:fixed;
  100. left:230px;
  101. top:190px;
  102. width:150px;}
  103.  
  104.  
  105. #sidelinks {
  106. font-weight:bold;
  107. margin-left:10px;
  108. text-align:left;}
  109.  
  110. #sidelinks a {
  111. line-height:17px;
  112. text-decoration:none;
  113. color:#444}
  114.  
  115. #sidelinks a:hover {
  116. text-decoration:none;
  117. color:#444}
  118.  
  119. #description {
  120. text-align:left;
  121. text-decoration:none;
  122. margin-top:5px;
  123. padding:10px;}
  124.  
  125. #description a {
  126. text-decoration:none;}
  127.  
  128. #sidebar #section {
  129. margin-bottom: 60px;
  130. background-color:#ffffff;
  131. margin-top: 325px;
  132. padding: 20px;
  133. border: 1px double #f1f1f1;
  134. text-align: justify;
  135. }
  136.  
  137.  
  138. /***************************************/
  139.  
  140.  
  141. #title {
  142. font-size:11px;
  143. font-weight:bold;}
  144.  
  145. #entries {
  146. margin-top:120px;}
  147.  
  148. #post {
  149. width:400px;
  150. margin-left:440px;
  151. margin-bottom:5px;
  152. padding:10px;
  153. overflow:hidden;}
  154.  
  155. #caption {
  156. max-width:400px;
  157. overflow:hidden;}
  158.  
  159. #caption img {
  160. max-width:450px;
  161. overflow:hidden;}
  162.  
  163. #quote {
  164. font-style:italic;
  165. text-align:right;
  166. font-size:13px;}
  167.  
  168. #source {
  169. font-weight:bold;
  170. text-align:right;}
  171.  
  172. .chat ul {
  173. list-style:none;
  174. margin:0px;
  175. padding:0px;}
  176.  
  177. .label {
  178. font-weight:bold;}
  179.  
  180. #ask {
  181. font-size:11px;
  182. line-height:150%;
  183. font-weight:bold;
  184. text-align:right;}
  185.  
  186. #asker {
  187. font-size:11px;
  188. text-align:right;}
  189.  
  190.  
  191.  
  192. /* Social Icons */
  193. .accessibility, .visuallyhidden {
  194. border: 0 !important;
  195. clip: rect(0 0 0 0) !important;
  196. height: 1px !important;
  197. margin: -1px !important;
  198. overflow: hidden !important;
  199. padding: 0 !important;
  200. position: absolute !important;
  201. width: 1px !important;
  202. }
  203.  
  204. .sprite,
  205. .icon {
  206. display: inline-block;
  207. line-height: 1;
  208. position: relative;
  209. vertical-align: middle;
  210. zoom: 1;
  211. font-style: normal;
  212. font-weight: normal;
  213. text-align: center; }
  214.  
  215. .sprite {
  216. width: 16px;
  217. height: 16px;
  218. top: -1px;
  219. overflow: hidden;
  220. *text-indent: -9999px; }
  221. .sprite:before {
  222. content: "";
  223. display: block;
  224. width: 0;
  225. height: 100%; }
  226.  
  227. .icon {
  228. font-size: 14px;
  229. width: 1em;
  230. height: 1em; }
  231. .icon:before {
  232. content: attr(data-icon); }
  233.  
  234. .icon--natural {
  235. font-size: inherit; }
  236.  
  237. @font-face {
  238. font-family: "IcoMoon";
  239. src: url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.eot);
  240. src: url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.eot?#iefix) format("embedded-opentype"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.svg#icomoon) format("svg"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.woff) format("woff"), url(http://themes.theultralinx.com/fonts/ultraflow/icomoon.ttf) format("truetype");
  241. font-weight: normal;
  242. font-style: normal; }
  243.  
  244. .icon {
  245. font-family: IcoMoon; }
  246.  
  247. .social-links {
  248. list-style: none;
  249. padding: 0;
  250. font-size: 14px;
  251. text-align: center;
  252. }
  253.  
  254. .social-links li {
  255. display: inline;
  256. padding: 0 4px;
  257. line-height: 0;
  258. }
  259.  
  260. .social-links a {
  261. color: #DCDCDC
  262. }
  263. /* END Social Links */
  264.  
  265.  
  266. /***************************************/
  267.  
  268.  
  269. #info {
  270. margin-top:5px;}
  271.  
  272. #info a {
  273. text-decoration:none;
  274. color:#444;}
  275.  
  276. #info a:hover {
  277. text-decoration:none;}
  278.  
  279. #tags a {
  280. text-decoration:none;
  281. color:#444;}
  282.  
  283. #tags a:normal {
  284. text-decoration:none;}
  285.  
  286. ol.notes {
  287. height:250px;
  288. overflow-y:scroll;
  289. margin-top:40px;
  290. margin-left:-40px;
  291. width:500px;}
  292.  
  293. ol.notes img.avatar {
  294. display:none;}
  295.  
  296. ol.notes li.note {
  297. list-style-type:none;
  298. padding:7px;
  299. margin-bottom:3px;}
  300.  
  301. ol.notes a {
  302. text-decoration:none;
  303. font-weight:bold;}
  304.  
  305. #navi {
  306. font-weight:bold;
  307. font-size:11px;
  308. margin-left:480px;}
  309.  
  310. #navi a {
  311. text-decoration:none;}
  312.  
  313. #c {
  314. font-size:9px;
  315. position:fixed;
  316. bottom:5px;
  317. right:5px;
  318. padding:5px;
  319. line-height:8px;}
  320.  
  321. #c a, c a:hover {
  322. text-decoration:none;}
  323.  
  324.  
  325. #updtitle{text-transform:uppercase;
  326. text-align:left;
  327. color:#000;
  328. font-size:10px;
  329. letter-spacing:1px;
  330. }
  331.  
  332. #updtab{position:fixed;
  333. background-color:transparent;
  334. width:95px;
  335. left:13px;
  336. top:10px;
  337. height:14px;
  338. z-index:9999;
  339. overflow:hidden;
  340. -webkit-transition: all .4s ease-in-out;
  341. -moz-transition: all .4s ease-in-out;
  342. -o-transition: all .4s ease-in-out;
  343. }
  344.  
  345. #updtext{padding-top:1px;
  346. opacity:1;
  347. font-family:arial;
  348. font-size:9px;
  349. line-height:10px;
  350. text-align:left;
  351. color:#111;
  352. }
  353.  
  354.  
  355. #logo {
  356. width: 260px;
  357. height: 36px;
  358. margin-top: -15px;
  359. font-size: 43px;
  360. font-family: 'Raleway', sans-serif;
  361. font-weight: 300;
  362. color: #eaeaea;
  363. letter-spacing: -3px;
  364. }
  365.  
  366. #updtab:hover{height:150px;
  367. -webkit-transition: all .4s ease-in-out;
  368. -moz-transition: all .4s ease-in-out;
  369. -o-transition: all .4s ease-in-out;
  370. }
  371.  
  372. #icon {
  373. border:20px solid {color:Topbar Background};
  374. height:96px;
  375. width:96px;
  376. margin-left:930px;
  377. margin-top:-5px;
  378. position:fixed;
  379. }
  380.  
  381. }
  382.  
  383.  
  384. </style></head>
  385.  
  386.  
  387.  
  388.  
  389.  
  390. <div id="updtab">
  391. <div id="updtitle">updates</div> <div id="updtext"><br>
  392. See the HQs of Blake at Marchesa fashion
  393. </div></div></div>
  394.  
  395. <body>
  396.  
  397.  
  398. <div id="sidebar">
  399.  
  400.  
  401.  
  402. <div id="description">
  403. <a href="http://imgbox.com/3OG7OBuJ" target="_blank"><img src="http://i.imgbox.com/3OG7OBuJ.png" alt="image host"/></a><br>
  404. You're welcome at <i>blakelively's world.</i></i> Everything Blake Lively related.<br>www.blakelively.sosugary.com<br>
  405.  
  406. </div<ul class="social-links animated fadeInDown">
  407.  
  408.  
  409. <li><a href="http://twitter.com/blakelivelyf"><i class="icon" data-icon="&#xe003;"></i><span class="visuallyhidden">Twitter</span></a></li>
  410. <li><a href="http://instagram.com/blakelively"><i class="icon" data-icon="&#xe004;"></i><span class="visuallyhidden">Instagram</span></a></li><li><a href="facebook.com/blakelivelys"><i class="icon" data-icon="&#xe008;"></i><span class="visuallyhidden">Dribbble</span></a></li>
  411. </div>
  412. {block:Description}{Description}{/block:Description}
  413.  
  414.  
  415.  
  416.  
  417. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width:120px;border:0px;font-size:11px;background-color:#f8f8f8;padding:7px;color:#222222;">
  418.  
  419. <option value="/">Navigation</option>
  420. <option value="/">home</option>
  421. <option value="/faq">Ask (FAQ)</option>
  422. <option value="/tags">Tags</option>
  423. <option value="tagged/gallery">Gallery</option>
  424.  
  425. </select>
  426.  
  427. <br>
  428. <br>
  429. <br>
  430. <div style="font-family:georgia; font-style: italic;"><td><img src="http://40.media.tumblr.com/5a48b05eed247206f3231af19491bb0a/tumblr_nk2vwl8bpp1uoojhlo1_75sq.png">.blake's upcoming projects.</div>
  431. <div style="border:1px solid #f1f1f1; margin-bottom: 60px; margin-top: px;
  432. padding: 20px;"> <div style="font-family:Segoe UI;">The age of Adaline.<br> April 24 of 2015.</div>
  433. </div></div>
  434.  
  435.  
  436.  
  437.  
  438. </div>
  439.  
  440. </div>
  441.  
  442. </div>
  443.  
  444.  
  445. </div>
  446.  
  447.  
  448. {block:Posts}
  449. <div id="entries">
  450. <div id="post">
  451.  
  452. {block:Text}
  453. {block:Title}<div id="title">{Title}</div>{/block:Title}
  454. {Body}
  455. {/block:Text}
  456.  
  457. {block:Photo}
  458. <img src="{PhotoURL-400}">
  459. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  460. {/block:Photo}
  461.  
  462. {block:Photoset}
  463. {Photoset-400}
  464. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  465. {/block:Photoset}
  466.  
  467. {block:Quote}
  468. <div id="quote">{Quote}</div>
  469. {block:Source}<div id="source">{Source}</div>{/block:Source}
  470. {/block:Quote}
  471.  
  472. {block:Link}
  473. <div id="title">
  474. <a href="{URL}" target="{Target}">{Name}</a>
  475. </div>
  476.  
  477. {block:Description}{Description}{/block:Description}
  478. {/block:Link}
  479.  
  480. {block:Chat}
  481. {block:Title}
  482. <div id="title">{Title}</div>
  483. {/block:Title}<br>
  484.  
  485. <span class="chat"><ul>
  486. {block:Lines}<li>
  487. {block:Label}
  488. <span class="label">{Label}</span>
  489. {/block:Label}
  490. {Line}</li>{/block:Lines}
  491. </ul></span>
  492. {/block:Chat}
  493.  
  494. {block:Audio}
  495. {block:AudioEmbed}
  496. {AudioEmbed}
  497. {/block:AudioEmbed}
  498.  
  499. {block:Caption}
  500. <div id="caption">{Caption}</div>
  501. {/block:Caption}
  502. {/block:Audio}
  503.  
  504. {block:Video}
  505. {Video-500}
  506. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  507. {/block:Video}
  508.  
  509. {block:Answer}
  510. <div id="ask">{Question}</div> <div id="asker">{Asker}</div>
  511. {Answer}
  512. {/block:Answer}
  513.  
  514. {block:ContentSource}
  515. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}
  516. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  517. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  518.  
  519. {block:Date}
  520. <div id="info">
  521. <a href="{Permalink}" title="{TimeAgo}" style="font-weight:bold">{Month} {DayOfMonthWithZero}</a>
  522. {/block:Date}
  523.  
  524. &nbsp;
  525.  
  526. {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}
  527.  
  528. &nbsp;
  529.  
  530. {block:RebloggedFrom}
  531. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  532. {/block:RebloggedFrom}
  533. </div>
  534.  
  535. <div id="tags">
  536. {block:HasTags}<b>Tags:</b>&nbsp;{block:Tags}
  537. <a style="margin-right:6px" href="{TagURL}">{Tag}</a></style>
  538. {/block:Tags}{/block:HasTags}
  539. </div>
  540.  
  541. {block:PermalinkPage}
  542. <div id="notes">{PostNotes}</div>
  543. {/block:PermalinkPage}
  544.  
  545. </div>
  546. </div>
  547. {/block:Posts}
  548.  
  549. <div id="navi">
  550. {block:Pagination}
  551. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>&nbsp;–&nbsp;{/block:PreviousPage}
  552. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  553. {/block:Pagination}
  554. </div>
  555.  
  556.  
  557. <div id="c">
  558. <a href="http://blakelivelyupdates.tumblr.com" title="blakelivelyupdate">theme
  559. edit by blakelivelyupdate
  560. </a>
  561. </div>
  562.  
  563. </body></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!