API tools faq
paste
Advertisement
Ambitionthemes

Ambition Theme 18

Ambitionthemes
Jan 11th, 2014
5,244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.46 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Arimo:400,400italic,700,700italic|Francois+One' rel='stylesheet' type='text/css'>
  3. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,700,400' rel='stylesheet' type='text/css'>
  4. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  5. <head>
  6.  
  7. <!-----------------------
  8.  
  9. Ambition Theme NĀ°18
  10. Samba
  11.  
  12. http://ambitionthemes.tumblr.com
  13.  
  14. Thank you for using one of my themes. If you need any help, just come and ask !
  15.  
  16. Please don't take the source away, even if you edit this theme.
  17. Thank you!
  18.  
  19. !----------------------->
  20.  
  21. <title>{Title}</title>
  22.  
  23.  
  24.  
  25. <meta name="image:Sidebar Pic" content=""/>
  26. <meta name="if:ShowSidebarPic" content="1"/>
  27. <meta name="if:SidebarPicOnBottom" content="0"/>
  28. <meta name="image:BackgroundPattern" content=""/>
  29. <meta name="if:ShowTags" content="0"/>
  30.  
  31.  
  32. <meta name="color:BackgroundColor" content="#EDEDED">
  33. <meta name="color:PostBackgroundColor" content="#D0D0D0">
  34. <meta name="color:LightColor" content="#E0E0E0">
  35. <meta name="color:MiddleColor" content="#B8B8B8">
  36. <meta name="color:DarkColor" content="#808080">
  37. <meta name="color:TextColor" content="#505050">
  38. <meta name="color:LinkColor" content="#808080">
  39. <meta name="color:LinkHoverColor" content="#000000">
  40. <meta name="color:BoldedColor" content="#808080">
  41. <meta name="color:UnderlinedColor" content="#808080">
  42.  
  43. <meta name="if:Round Corners" content="0"/>
  44. <meta name="if:Show Caption" content="0"/>
  45.  
  46. <meta name="if:ShowNavigationTitle" content="1">
  47. <meta name="if:ShowBlogTitle" content="1">
  48. <meta name="text:NavigationTitle" content="navigation">
  49. <meta name="text:Link 1 Title" content="custom">
  50. <meta name="text:Link 1" content="/">
  51. <meta name="text:Link 2 Title" content="custom">
  52. <meta name="text:Link 2" content="/">
  53. <meta name="text:Link 3 Title" content="custom">
  54. <meta name="text:Link 3" content="/">
  55. <meta name="text:Link 4 Title" content="custom">
  56. <meta name="text:Link 4" content="/">
  57. <meta name="text:Link 5 Title" content="custom">
  58. <meta name="text:Link 5" content="/">
  59. <meta name="text:Link 6 Title" content="custom">
  60. <meta name="text:Link 6" content="/">
  61. <meta name="text:Link 7 Title" content="custom">
  62. <meta name="text:Link 7" content="/">
  63. <meta name="text:Link 8 Title" content="custom">
  64. <meta name="text:Link 8" content="/">
  65. <meta name="text:Link 9 Title" content="custom">
  66. <meta name="text:Link 9" content="/">
  67. <meta name="text:Link 10 Title" content="custom">
  68. <meta name="text:Link 10" content="/">
  69. <meta name="text:Link 11 Title" content="custom">
  70. <meta name="text:Link 11" content="/">
  71. <meta name="text:Link 12 Title" content="custom">
  72. <meta name="text:Link 12" content="/">
  73. <meta name="text:Link 13 Title" content="custom">
  74. <meta name="text:Link 13" content="/">
  75. <meta name="text:Link 14 Title" content="custom">
  76. <meta name="text:Link 14" content="/">
  77.  
  78.  
  79. <meta name="if:CustomLink1" content="1">
  80. <meta name="if:CustomLink2" content="1">
  81. <meta name="if:CustomLink3" content="1">
  82. <meta name="if:CustomLink4" content="1">
  83. <meta name="if:CustomLink5" content="1">
  84. <meta name="if:CustomLink6" content="1">
  85. <meta name="if:CustomLink7" content="1">
  86. <meta name="if:CustomLink8" content="1">
  87. <meta name="if:CustomLink9" content="1">
  88. <meta name="if:CustomLink10" content="1">
  89. <meta name="if:CustomLink11" content="1">
  90. <meta name="if:CustomLink12" content="1">
  91. <meta name="if:CustomLink13" content="1">
  92. <meta name="if:CustomLink14" content="1">
  93.  
  94.  
  95. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  97. <link rel="shortcut icon" href="{Favicon}">
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding: 0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  104.  
  105. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  106.  
  107.  
  108.  
  109. b, strong a{
  110. color: {color:BoldedColor};
  111. }
  112.  
  113. u {
  114. color: {color:UnderlinedColor};}
  115.  
  116.  
  117.  
  118. .backtotop{
  119. width: 50px;
  120. height: 50px;
  121. line-height: 50px;
  122. text-align: center;
  123. border-radius: 100%;
  124. -webkit-border-radius: 100%;
  125. bottom: 30px;
  126. right: 30px;
  127. background-color: {color:MiddleColor};
  128. color: white;
  129. position:fixed;
  130. }
  131.  
  132. .backtotop a{
  133. background-color: {color:MiddleColor};
  134. color: white;
  135. position:fixed;
  136. }
  137.  
  138. .backtotop a:hover{
  139. background-color: white;
  140. color: black;
  141. position:fixed;
  142. }
  143.  
  144. #paginationprevious{
  145. width: 50px;
  146. height: 50px;
  147. line-height: 50px;
  148. text-align: center;
  149. border-radius: 100%;
  150. -webkit-border-radius: 100%;
  151. bottom: 150px;
  152. right: 30px;
  153. background-color: transparent;
  154. color: white;
  155. position:fixed;}
  156.  
  157. #paginationprevious a{
  158. width: 50px;
  159. height: 50px;
  160. line-height: 50px;
  161. text-align: center;
  162. border-radius: 100%;
  163. -webkit-border-radius: 100%;
  164. bottom: 150px;
  165. right: 30px;
  166. background-color: {color:MiddleColor};
  167. color: white;
  168. position:fixed;}
  169.  
  170. #paginationprevious a:hover{
  171. color: black;
  172. }
  173.  
  174. #paginationnext a:hover{
  175. color: black;
  176. }
  177.  
  178. #paginationnext{
  179. width: 50px;
  180. height: 50px;
  181. line-height: 50px;
  182. text-align: center;
  183. border-radius: 100%;
  184. -webkit-border-radius: 100%;
  185. bottom: 90px;
  186. right: 30px;
  187. background-color: transparent;
  188. color: white;
  189. position:fixed;}
  190.  
  191. #paginationnext a{
  192. width: 50px;
  193. height: 50px;
  194. line-height: 50px;
  195. text-align: center;
  196. border-radius: 100%;
  197. -webkit-border-radius: 100%;
  198. bottom: 90px;
  199. right: 30px;
  200. background-color: {color:MiddleColor};
  201. color: white;
  202. position:fixed;}
  203.  
  204.  
  205.  
  206.  
  207.  
  208. .perma {
  209. display: none;
  210. position: absolute;
  211. top: 25px;
  212. right: 25px;
  213. background: transparent;
  214. }
  215. .box:hover .perma {
  216. display: block;
  217. }
  218.  
  219.  
  220.  
  221.  
  222.  
  223. body {
  224. background-color: {color:BackgroundColor};
  225. background-image:url('{image:BackgroundPattern}');
  226. background-position: right bottom;
  227. background-attachment: fixed;
  228. background-repeat: repeat;
  229. color: {color:TextColor};
  230. font-family: arimo, arimo;
  231. letter-spacing: 1px;
  232. font-size: 13px;}
  233.  
  234. a{
  235. color: {color:LinkColor};
  236. text-decoration: none;}
  237.  
  238. a:hover{
  239. color: {color:LinkHoverColor};
  240. }
  241.  
  242. div#content{
  243. top: 50px;
  244. position: relative;
  245. width: 700px;
  246. left: 370px;
  247. {block:ifTwoColumns}
  248. width:700px;
  249. {/block:ifTwoColumns}
  250. }
  251.  
  252. div#contain {
  253. width: 700px;
  254. position: static;
  255. top: 70px;
  256. left: 320px;
  257. {block:ifTwoColumns}
  258. width:700px;
  259. {/block:ifTwoColumns}}
  260.  
  261.  
  262. .blogtitle{
  263. font-size: 35px;
  264. font-family: Yanone Kaffeesatz, sans-serif;
  265. font-weight: 200;
  266. text-transform: uppercase;}
  267.  
  268. .quote {
  269. font-family: Yanone Kaffeesatz, sans-serif;
  270. font-weight: 200;
  271. font-size: 24px;
  272. padding-left: 5px;
  273. letter-spacing:0px;
  274. text-transform:uppercase;
  275. opacity:1;
  276. background:url(http://tinyurl.com/acrqqb3) no-repeat 5px 5px;
  277. color: gray;
  278. text-align: center;}
  279.  
  280. .ask {
  281. letter-spacing:1px;
  282. text-transform:uppercase;
  283. font-weight: normal;
  284. background-color: #ededed;
  285. color: gray;
  286. font-family: arimo, arimo;
  287. letter-spacing: 1px;
  288. font-size: 11px;
  289. padding: 5px;}
  290.  
  291.  
  292. .box img {
  293.  
  294. display: block;
  295. max-width: 100%;}.m-i {
  296. display: block;
  297. line-height: 1px!important;
  298. }
  299.  
  300.  
  301.  
  302. div#content .entry{
  303. float: left;
  304. background-color: {color:PostBackgroundColor};
  305. {block:Indexpage}
  306. min-height: 55px;
  307. width: 400px;
  308. position: fixed;
  309. margin: 3px;
  310. padding: 5px;
  311. border: 0px solid #c5c5c5;
  312. {block:ifRoundCorners}
  313. border-radius: 10px;
  314. -webkit-border-radius: 10px;
  315. {/block:ifRoundCorners}
  316. {/block:Indexpage}
  317. {block:Permalinkpage}
  318. width: 400px;
  319. margin: 10px;
  320. padding: 8px;
  321. border: 0px solid #c5c5c5;
  322. margin: auto;
  323. position: fixed;
  324. {block:ifRoundCorners}
  325. border-radius: 10px;
  326. -webkit-border-radius: 10px;
  327. {/block:ifRoundCorners}
  328. {/block:Permalinkpage}}
  329.  
  330. .entry img{
  331. {block:Indexpage}
  332. max-width: 100%;
  333. {block:ifRoundCorners}
  334. border-radius: 10px;
  335. -webkit-border-radius: 10px;
  336. {/block:ifRoundCorners}
  337. {/block:Indexpage}
  338. {block:Permalinkpage}
  339. max-width: 100%;
  340. {block:ifRoundCorners}
  341. border-radius: 10px;
  342. -webkit-border-radius: 10px;
  343. {/block:ifRoundCorners}
  344. {/block:Permalinkpage}}
  345.  
  346. .entry:hover #text{padding-right:15px;opacity:0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}.entry:hover
  347.  
  348. #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  349.  
  350. .entry #text a{
  351. font-style:italic;
  352. text-align:right;
  353. font-weight:bold;
  354. font-family:arimo;
  355. color:{color:post permalinks};}
  356.  
  357. .entry #text{
  358. text-align:right;
  359. font-family:arimo;
  360. opacity:0;
  361. font-size:10px;
  362. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  363. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  364. }
  365.  
  366. .entry #text:hover{
  367. text-align:right;
  368. font-family:arimo;
  369. opacity:1;
  370. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  371. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  372. }
  373.  
  374. .t{
  375. text-align:left;
  376. font-size: 22px;
  377. font-family: Yanone Kaffeesatz, sans-serif;
  378. font-weight: 200;
  379. text-transform: uppercase;
  380. padding-bottom: 0px;
  381. letter-spacing: 0px;
  382. padding-top: 0px;
  383. margin-bottom: -5px;
  384. border-left: 8px solid {color:DarkColor};
  385. padding-left: 5px;
  386. background-color: {color:LightColor};}
  387.  
  388. .t1{
  389. display: block;
  390. text-align: center;
  391. color: {color:DarkColor};
  392. font-size: 20px;
  393. line-height: 12px;
  394. font-family: Yanone Kaffeesatz, sans-serif;
  395. font-weight: 200;
  396. text-transform: uppercase;
  397. width: 100%;
  398. padding-bottom:-9px;
  399. letter-spacing: 2px;
  400. padding-top: 6px;
  401. margin-bottom: 5px;
  402. border-bottom: 1px solid {color:DarkColor};
  403. padding-bottom: 6px;
  404. background-color: {color:DarkColor};
  405. color: white;
  406. opacity:0.5;
  407. filter:alpha(opacity=50);}
  408.  
  409. .navigation a{
  410. display: block;
  411. text-align: center;
  412. color: {color:DarkColor};
  413. font-size: 20px;
  414. line-height: 12px;
  415. font-family: Yanone Kaffeesatz, sans-serif;
  416. font-weight: 200;
  417. text-transform: uppercase;
  418. width: 100%;
  419. padding-bottom:-9px;
  420. letter-spacing: 2px;
  421. padding-top: 6px;
  422. margin-bottom: 5px;
  423. border-bottom: 1px solid {color:DarkColor};
  424. padding-bottom: 6px;
  425. background-color: {color:DarkColor};
  426. color: white;
  427. opacity:0.5;
  428. filter:alpha(opacity=50);}
  429.  
  430. .navigation a:hover{
  431. opacity:1;
  432. filter:alpha(opacity=100);}
  433.  
  434. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 1px solid #000000;}
  435.  
  436.  
  437. ul,ol{margin:0px;margin-left:-10px;}
  438.  
  439.  
  440. #sidebardesc img{
  441. width: 200px;
  442. }
  443.  
  444.  
  445. #sidebarmain{
  446. position: fixed;
  447. z-index: 2;
  448. left: 250px;
  449. width: 100px;
  450. border: 0px solid black;
  451. top: -10px;
  452. height: 100%;
  453. font-size: 12px;
  454. font: arimo, arial;
  455. text-align: center;
  456. display: inline;
  457. background-color: {color:MiddleColor};
  458. border-right: 13px solid {color:DarkColor};
  459. padding-top: 250px;
  460. {block:ifnotshowsidebarpic}
  461. padding-top: 30px; {/block:ifnotshowsidebarpic}
  462. {block:ifsidebarpiconbottom}
  463. padding-top: 30px;
  464. {/block:ifsidebarpiconbottom}}
  465.  
  466. #sidebardesc{
  467. padding: 10px;
  468. z-index: 3;
  469. background-color: {color:LightColor};
  470. position: fixed;
  471. left: 0px;
  472. width: 230px;
  473. border: 0px solid black;
  474. top: -10px;
  475. height: 100%;
  476. font-size: 11px;
  477. line-height: 10px;
  478. letter-spacing: 1px;
  479. font: arimo, arial;
  480. text-align: center;
  481. display: inline;
  482. padding-top: 20px;}
  483.  
  484.  
  485. #sidebarmain a {
  486. display: block;
  487. position: center;
  488. padding-top: 2px;
  489. padding-bottom: 2px;
  490. margin-top: 2px;
  491. width: 60px;
  492. height: 60px;
  493. line-height: 60px;
  494. text-align: center;
  495. vertical-align: middle;
  496. font-family: pt sans narrow;
  497. font-size: 12px;
  498. font-weight: normal;
  499. text-transform: uppercase;
  500. background-color: white;
  501. letter-spacing: 1px;
  502. text-align: center;
  503. color: #747474;
  504. border: 2px solid white;
  505. opacity:0.6;
  506. filter:alpha(opacity=60);
  507. -webkit-transition: all 0.3s ease-in-out;
  508. -moz-transition: all 0.3s ease-in-out;
  509. -o-transition: all 0.3s ease-in-out;
  510. -ms-transition: all 0.3s ease-in-out;
  511. transition: all 0.3s ease-in-out;}
  512.  
  513. #sidebarmain a:hover {
  514. background-color: ;
  515. color: black;
  516. opacity:1;
  517. filter:alpha(opacity=100);
  518. }
  519.  
  520. .links {
  521. display: block;
  522. position: center;
  523. padding-top: 2px;
  524. padding-bottom: 2px;
  525. margin-top: 3px;
  526. width: 100%;
  527. font-family: pt sans narrow;
  528. font-size: 13px;
  529. line-height: 11px;
  530. font-weight: normal;
  531. text-transform: uppercase;
  532. letter-spacing: 0px;
  533. background-color: white;
  534. text-align: center;
  535. color: 1;
  536. opacity:0.5;
  537. filter:alpha(opacity=50);
  538. -webkit-transition: all 0.3s ease-in-out;
  539. -moz-transition: all 0.3s ease-in-out;
  540. -o-transition: all 0.3s ease-in-out;
  541. -ms-transition: all 0.3s ease-in-out;
  542. transition: all 0.3s ease-in-out;}
  543.  
  544. .linksb {
  545. display: inline-block;
  546. position: center;
  547. padding-top: 5px;
  548. padding-bottom: 5px;
  549. margin-top: 1px;
  550. margin-right: -2px;
  551. margin-left: -1px;
  552. width: 50%;
  553. font-family: pt sans narrow;
  554. font-size: 12px;
  555. line-height: 11px;
  556. font-weight: normal;
  557. text-transform: uppercase;
  558. letter-spacing: 0px;
  559. background-color: white;
  560. text-align: center;
  561. opacity:0.7;
  562. filter:alpha(opacity=70);
  563. -webkit-transition: all 0.3s ease-in-out;
  564. -moz-transition: all 0.3s ease-in-out;
  565. -o-transition: all 0.3s ease-in-out;
  566. -ms-transition: all 0.3s ease-in-out;
  567. transition: all 0.3s ease-in-out;}
  568.  
  569. .linksb:hover {
  570. background-color: {color:DarkColor};
  571. color: white;
  572. opacity:0.6;
  573. filter:alpha(opacity=60);
  574. }
  575.  
  576.  
  577. .icon{
  578. margin-left: 70px;
  579. margin-top: 10px;
  580. border: 10px solid {color:MiddleColor};
  581. border-bottom-right-radius: 100%;
  582. border-top-right-radius: 100%;
  583. border-bottom-left-radius: 100%;
  584. border-top-left-radius: 0%;
  585. -khtml-border-radius: 100%;
  586. -khtml-border-top-left-radius: 0%;
  587. width: 200px;
  588. height: 175px;
  589. }
  590.  
  591. .icon img{
  592. border-bottom-right-radius: 100%;
  593. border-top-right-radius: 100%;
  594. border-bottom-left-radius: 100%;
  595. border-top-left-radius: 0%;
  596. -khtml-border-radius: 100%;
  597. -khtml-border-top-left-radius: 0%;
  598. width: 200px;
  599. height: 175px;
  600. }
  601.  
  602.  
  603. #pagination{
  604. z-index: 1;
  605. background-color: transparent;
  606. position: fixed;
  607. right: 50px;
  608. width: 70px;
  609. border: 0px solid black;
  610. top: 50%;
  611. height: 40px;
  612. font-size: 30px;
  613. font: arimo, arial;
  614. text-align: center;
  615. padding-top: 20px;}
  616.  
  617.  
  618. .entryright{
  619. position: absolute;
  620. font-size: 14px;
  621. width: 90px;
  622. line-height: 11px;
  623. letter-spacing: 0px;
  624. text-transform: uppercase;
  625. font-family: arimo;
  626. text-align: center;
  627. margin-left: 410px;
  628. margin-top: -8px;}
  629.  
  630. .entryright a{
  631. display: block;
  632. width: 100%;
  633. position: right;
  634. padding-top: 2px;
  635. padding-bottom: 2px;
  636. margin-top: 3px;
  637. font-family: arimo, arial;
  638. font-size: 10px;
  639. line-height: 10px;
  640. font-weight: normal;
  641. text-transform: uppercase;
  642. background-color: {color:PostBackgroundColor};
  643. letter-spacing: 0px;
  644. text-align: right;
  645. color: #88888c;
  646. padding-right: 7px;
  647. border-right: 8px solid #ABAAAF;
  648. -webkit-transition: all 0.3s ease-in-out;
  649. -moz-transition: all 0.3s ease-in-out;
  650. -o-transition: all 0.3s ease-in-out;
  651. -ms-transition: all 0.3s ease-in-out;
  652. transition: all 0.3s ease-in-out;}
  653.  
  654. .entryright a:hover{
  655. color: white;
  656. background-color: {color:MiddleColor};
  657. border-right: 8px solid {color:DarkColor};}
  658.  
  659. .entrybottom {
  660. font-size: 12px;
  661. line-height: 11px;
  662. letter-spacing: 0px;
  663. text-transform: uppercase;
  664. font-family: pt sans narrow;
  665. text-align: left;
  666. border: 5px solid {color:PostBackgroundColor};
  667. background-color: {color:PostBackgroundColor};
  668. margin: -5px;
  669. margin-top: 5px;
  670. padding: 4px;
  671. border-top: 1px solid {color:MiddleColor};}
  672.  
  673.  
  674. {CustomCSS}
  675. </style>
  676.  
  677. <script type="text/javascript">
  678. $(window).load(function () {
  679. $('#content').masonry({
  680. itemSelector : ".entry",
  681. },
  682. function() { $('#content').masonry({ appendedContent: $(this) }); }
  683. );
  684. });
  685. </script>
  686.  
  687. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  688. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  689. <script type="text/javascript" charset="utf-8">
  690. $(document).ready(function(){
  691. $("a[rel^='prettyPhoto']").prettyPhoto({
  692. deeplinking: false,
  693. default_width: 600,
  694. default_height: 550,
  695. allow_resize: true,
  696. });
  697. });
  698. </script>
  699.  
  700. </head></head>
  701. <body>
  702.  
  703.  
  704.  
  705.  
  706.  
  707. <br>
  708.  
  709.  
  710.  
  711. <div id="contain">
  712. <div id="content">
  713. {block:Posts}
  714. <div class="entry">
  715.  
  716. {block:Text}
  717. {block:Indexpage}
  718.  
  719. <div class="entryright">
  720. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  721. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  722. <a href="{Permalink}">{NoteCountWithLabel} </a>
  723. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  724. {/block:Indexpage}
  725. <div class="perm">
  726. {block:Title}
  727. <div class="t">
  728. <a href="{Permalink}">{Title}</a></div>
  729. {/block:Title}
  730. {Body}
  731. {block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  732. </div>
  733. {/block:Text}
  734.  
  735. {block:Link}
  736. <div class="alpha">
  737. <div class="entryright">
  738. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  739. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  740. <a href="{Permalink}">{NoteCountWithLabel} </a>
  741. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  742. <div class="t">
  743. <a href="{URL}" class="title">{Name}</a></div>
  744. {block:Description}{Description}{/block:Description}
  745. {block:Indexpage}{block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  746. {/block:Indexpage}</div>
  747. {/block:Link}
  748.  
  749. {block:Photo}
  750. <div class="photo">
  751. <div class="box">
  752. {block:IndexPage}
  753. <div class="entryright">
  754. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  755. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  756. <a href="{Permalink}">{NoteCountWithLabel} </a>
  757. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  758. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="100%"/></a>{block:ifShowCaption}
  759. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  760. {block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  761. {/block:IndexPage}
  762. {block:PermalinkPage}
  763. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  764. {/block:PermalinkPage}
  765. </div>
  766. {block:IndexPage}{block:IfShowCaptions}
  767. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  768. {/block:IfShowCaptions}{/block:IndexPage}
  769. </div>
  770. {/block:Photo}
  771.  
  772.  
  773.  
  774.  
  775. {block:Photoset}
  776. {block:IndexPage}
  777. <div class="entryright">
  778. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  779. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  780. <a href="{Permalink}">{NoteCountWithLabel} </a>
  781. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  782. <center>
  783. {Photoset-400}</center>{block:ifShowCaption}
  784. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}{/block:ifShowCaption}
  785. {/block:IndexPage}
  786. {block:PermalinkPage}
  787. <center>
  788. {Photoset-400}</center>
  789. {/block:PermalinkPage}
  790. {block:Indexpage}
  791. {block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  792. {/block:Indexpage}
  793. {/block:Photoset}
  794.  
  795. {block:Quote}
  796. <div class="entryright">
  797. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  798. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  799. <a href="{Permalink}">{NoteCountWithLabel} </a>
  800. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  801. <div class="quote"><strong>
  802. {Quote}
  803. {block:Indexpage}
  804. {block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong></strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  805. {/block:Indexpage}</div>
  806. {/block:Quote}
  807.  
  808. {block:Answer}
  809. <div class="entryright">
  810. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  811. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  812. <a href="{Permalink}">{NoteCountWithLabel} </a>
  813. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  814. <b><div class="ask">{Asker}</b> asked : {Question}</div>{Answer}{block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  815. {block:IndexPage}
  816.  
  817.  
  818. {/block:IndexPage}
  819. {/block:Answer}
  820.  
  821. {block:Chat}
  822. <div class="entryright">
  823. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  824. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  825. <a href="{Permalink}">{NoteCountWithLabel} </a>
  826. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  827. <div class="alpha">
  828. {block:Title}<span class="title">{Title}</span>{/block:Title}
  829. <ul class="chat">
  830. {block:Lines}
  831. <li class="user_{UserNumber}">
  832. {block:Label}
  833. <span class="label">{Label}</span>
  834. {/block:Label}
  835. {Line}
  836. </li>
  837. {/block:Lines}
  838. </ul>
  839. {block:Indexpage}{block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  840. {/block:Indexpage}</div>
  841. {/block:Chat}
  842.  
  843. {block:Audio}
  844. <div class="entryright">
  845. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  846. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  847. <a href="{Permalink}">{NoteCountWithLabel} </a>
  848. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  849. <center>
  850. <div class="alpha">
  851. {AudioPlayerBlack}
  852. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}{block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  853. {/block:Indexpage}</div>
  854. {/block:Audio}
  855.  
  856. {block:Video}
  857. <div class="entryright">
  858. <a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth}, {Year}{/block:Date}</a>
  859. {block:RebloggedFrom}<a href="{ReblogParentURL}">SOURCE</a>{/block:RebloggedFrom}
  860. <a href="{Permalink}">{NoteCountWithLabel} </a>
  861. <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  862. {block:IndexPage}
  863. {Video-400}
  864. {/block:IndexPage}
  865. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  866. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}{block:ifShowTags}{block:HasTags}<div class="entrybottom"> <strong>Tags</strong> &nbsp;{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  867. {/block:Indexpage}
  868. {/block:Video}
  869.  
  870.  
  871.  
  872.  
  873. {block:PermalinkPage}
  874. <div align="left">
  875.  
  876. <p><br>{block:Caption}{Caption}{/block:Caption}<br>
  877. {block:RebloggedFrom}from <a href="{ReblogParentUrl}">{ReblogParentName}</a>
  878. {/block:RebloggedFrom} {block:Date} on <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  879. at {12Hour}:{Minutes}{AmPm} {block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  880. <br>
  881. {block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  882.  
  883. <p>
  884. {block:PostNotes}
  885. {PostNotes}
  886. {/block:PostNotes}
  887. {/block:PermalinkPage}
  888.  
  889.  
  890. </div>
  891. {/block:Posts}
  892. </div>
  893. {block:PermalinkPage}{/block:PermalinkPage}
  894. {block:IndexPage}
  895.  
  896. {/block:IndexPage}
  897.  
  898.  
  899.  
  900. <div id="sidebarmain"><center>
  901. <a href="/">home</a>
  902. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  903. {block:SubmissionsEnabled} <a href="/submit">submit</a>{/block:SubmissionsEnabled}
  904. <a href="/archive">archive</a>
  905. <a href="http://ambitionthemes.tumblr.com">theme</a>
  906.  
  907. </center>
  908. </div>
  909.  
  910.  
  911. </div>
  912.  
  913.  
  914. <div id="sidebardesc">
  915. {block:ifnotsidebarpiconbottom}
  916. {block:ifshowsidebarpic}
  917. <div class="icon"><img src="{image:Sidebar Pic}"></div>
  918. {/block:ifshowsidebarpic}
  919. {/block:ifnotsidebarpiconbottom}
  920.  
  921.  
  922.  
  923.  
  924. <center><br>
  925. <br>{block:ifshowblogtitle}
  926. <div class="t1">{title}</div>{/block:ifshowblogtitle}
  927. {description}<br><br>{block:ifshownavigationtitle}
  928. <div class="t1">{text:NavigationTitle}</div> {/block:ifshownavigationtitle}
  929. {block:IfCustomLink1}
  930. <a href="{text:Link 1}" class="linksb">{text:Link 1 Title}</a>
  931. {/block:IfCustomLink1}
  932. {block:IfCustomLink2}
  933. <a href="{text:Link 2}" class="linksb">{text:Link 2 Title}</a>
  934. {/block:IfCustomLink2}
  935. {block:IfCustomLink3}
  936. <a href="{text:Link 3}" class="linksb">{text:Link 3 Title}</a>
  937. {/block:IfCustomLink3}
  938. {block:IfCustomLink4}
  939. <a href="{text:Link 4}" class="linksb">{text:Link 4 Title}</a>
  940. {/block:IfCustomLink4}
  941. {block:IfCustomLink5}
  942. <a href="{text:Link 5}" class="linksb">{text:Link 5 Title}</a>
  943. {/block:IfCustomLink5}
  944. {block:IfCustomLink6}
  945. <a href="{text:Link 6}" class="linksb">{text:Link 6 Title}</a>
  946. {/block:IfCustomLink6}
  947. {block:IfCustomLink7}
  948. <a href="{text:Link 7}" class="linksb">{text:Link 7 Title}</a>
  949. {/block:IfCustomLink7}
  950. {block:IfCustomLink8}
  951. <a href="{text:Link 8}" class="linksb">{text:Link 8 Title}</a>
  952. {/block:IfCustomLink8}
  953. {block:IfCustomLink9}
  954. <a href="{text:Link 9}" class="linksb">{text:Link 9 Title}</a>
  955. {/block:IfCustomLink9}
  956. {block:IfCustomLink10}
  957. <a href="{text:Link 10}" class="linksb">{text:Link 10 Title}</a>
  958. {/block:IfCustomLink10}
  959. {block:IfCustomLink11}
  960. <a href="{text:Link 11}" class="linksb">{text:Link 11 Title}</a>
  961. {/block:IfCustomLink11}
  962. {block:IfCustomLink12}
  963. <a href="{text:Link 12}" class="linksb">{text:Link 12 Title}</a>
  964. {/block:IfCustomLink12}
  965. {block:IfCustomLink13}
  966. <a href="{text:Link 13}" class="linksb">{text:Link 13 Title}</a>
  967. {/block:IfCustomLink13}
  968. {block:IfCustomLink14}
  969. <a href="{text:Link 14}" class="linksb">{text:Link 14 Title}</a>
  970. {/block:IfCustomLink14}
  971. <br><br><br><br>
  972. {block:ifsidebarpiconbottom}
  973. {block:ifshowsidebarpic}
  974. <div class="icon"><img src="{image:Sidebar Pic}"></div>
  975. {/block:ifshowsidebarpic}
  976. {/block:ifsidebarpiconbottom}
  977.  
  978. </div>
  979. </center>
  980.  
  981. </div>
  982.  
  983.  
  984.  
  985. </div>
  986.  
  987.  
  988. </div></div>
  989.  
  990.  
  991.  
  992. {block:Pagination}<div id="paginationprevious">
  993. {block:PreviousPage}
  994. <a href="{PreviousPage}"> PREV </a>
  995. {/block:PreviousPage}
  996.  
  997. </div>
  998. {block:NextPage}<div id="paginationnext">
  999. <a href="{NextPage}"> NEXT </a>
  1000. {/block:NextPage}
  1001. {/block:Pagination}
  1002.  
  1003.  
  1004.  
  1005. </div>
  1006.  
  1007. <a href="#top" class="backtotop">TOP</a>
  1008.  
  1009.  
  1010.  
  1011. </body>
  1012. </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!