API tools faq
paste
chezshay

theme 43 "arizona"

chezshay
May 27th, 2015
1,768
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.49 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!---shayofrp & jcgged.tumblr.com
  12. --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#000000"/>
  16. <meta name="color:Sidebar" content="#fbfbfb"/>
  17. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  18. <meta name="color:DescriptionText" content="#ffffff"/>
  19. <meta name="color:Links Background" content="#dddddd"/>
  20. <meta name="color:Hover" content="#f2f2f2"/>
  21. <meta name="color:Scrollbar" content="#000000"/>
  22. <meta name="color:ScrollbarBg" content="#ffffff"/>
  23. <meta name="color:Links" content="#000000"/>
  24. <meta name="color:Info Background" content="#f3f3f3"/>
  25. <meta name="color:Sidebar Background" content="#f3f3f3"/>
  26. <meta name="color:Question Background" content="#fcfcfc"/>
  27. <meta name="color:Box Background" content="#fcfcfc"/>
  28. <meta name="color:Answer Backg" content="#000000"/>
  29. <meta name="color:Post Background" content="#000000"/>
  30. <meta name="image:admin 1" content=""/>
  31. <meta name="image:admin 2" content=""/>
  32. <meta name="image:admin 3" content=""/>
  33. <meta name="image:topleft" content=""/>
  34. <meta name="text:Admin 1" content="" />
  35. <meta name="text:Admin 2" content="" />
  36. <meta name="text:Admin 3" content="" />
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 2 URL" content="" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 4 URL" content="" />
  41. <meta name="text:Hover Description" content="" />
  42. <meta name="text:Header" content="" />
  43. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  44.  
  45. <style type="text/css">
  46.  
  47. ::-webkit-scrollbar-thumb {
  48. height:auto;
  49. background-color:{color:Scrollbar};
  50. }
  51.  
  52. ::-webkit-scrollbar {
  53. height:9px;
  54. width:4px;
  55. background-color:{color:ScrollbarBg};
  56. }
  57.  
  58. body {
  59. background:{color:background};
  60. margin:0px;
  61. color:{color:text};
  62. font-family:'roboto';
  63. font-size:10px;
  64. line-height:150%;
  65. text-align:justify;
  66. }
  67.  
  68.  
  69. a {
  70. text-decoration:none;
  71. outline:none;
  72. -moz-outline-style:none;
  73. color:{color:Links};
  74. }
  75.  
  76. img {
  77. border:none;
  78. }
  79.  
  80. blockquote {
  81. border-left:1px solid {color:text};
  82. padding-left:5px;
  83. margin-left:10px;
  84. margin:10px;
  85. }
  86.  
  87.  
  88. desc {background-color:{color:post background};
  89. width:91%;
  90. height:50px;
  91. overflow:auto;
  92. margin-top:-13px;
  93. border:solid 1px white;
  94. color:{color:text};
  95. padding:10px;
  96. display:inline-block;
  97. }
  98.  
  99. pre {
  100. font-family:roboto;
  101. font-size:8px;
  102. text-transform:Uppercase;
  103. font-weight:bold;
  104. background-color:{color:links};
  105. padding:5px;
  106. text-align:center;
  107. word-wrap: break-word;
  108. color:#000000;
  109. }
  110.  
  111. u {background-color:#cfcfcf;
  112. padding:5px;
  113. color:black;
  114. }
  115.  
  116. a:hover {
  117. color:#000000;
  118. -moz-transition-duration:0.3s;
  119. -webkit-transition-duration:0.3s;
  120. -o-transition-duration:0.3s;
  121. }
  122.  
  123. small {font-size:9px;}
  124.  
  125. h1 {width:92.5%;
  126. border:solid 1px white;
  127. text-shadow:1px 1px #5e5e5e;
  128. font-family:roboto;
  129. font-size:17px;
  130. text-transform:uppercase;
  131. font-weight:bold;
  132. background-color:{color:Box Background};
  133. padding:8px;
  134. text-align:center;
  135. word-wrap: break-word;
  136. color:white;
  137. }
  138.  
  139. /*ENTRIES*/
  140.  
  141. #entries {
  142. padding:10px;
  143. z-index:9999;
  144. border-top:solid 35px {color:box background};
  145. width:557px;
  146. position:fixed;
  147. margin-left:220px;
  148. background-color:{color:Box Background};
  149. z-index:99;
  150. margin-top:20px;
  151. overflow:auto;
  152. height:495px;
  153. font-size:9px;
  154. line-height:150%;
  155. font-family:'roboto';
  156. }
  157.  
  158. #post {
  159. width:500px;
  160. background-color:{color:post background};
  161. z-index:9999;
  162. padding-bottom:20px;
  163. border:solid 1px white;
  164. margin-left:2px;
  165. color:{color:text};
  166. padding:25px;
  167. margin-top:5px;
  168. }
  169. /*SIDEBAR*/
  170.  
  171. #sidebar {
  172. position:fixed;
  173. width:145px;
  174. color:white;
  175. text-align:center;
  176. font-family:roboto;
  177. margin-top:155px;
  178. height:30px;
  179. font-size:8px;
  180. padding:10px;
  181. z-index:99;
  182. background-color:{color:Sidebar background};
  183. }
  184.  
  185. #sidebar a{color:white;}
  186.  
  187.  
  188.  
  189. a:hover {
  190. -moz-transition-duration:0.5s;
  191. -webkit-transition-duration:0.5s;
  192. -o-transition-duration:0.5s;
  193. color:{color:Hover};
  194. }
  195.  
  196. #links a:hover{margin-left:0px;
  197. font-style:italic;}
  198.  
  199.  
  200. #title {
  201. text-align:center;
  202. top:5px;
  203. font-family:'roboto';
  204. font-size:9px;
  205. font-weight:bold;
  206. padding:5px;
  207. position:relative;
  208. padding-bottom:5px;
  209. margin-bottom:10px;
  210. text-transform:uppercase;
  211. color:{color:Text};
  212. }
  213.  
  214. #leftsidebar {
  215. margin-left:270px;
  216. margin-top:-150px;
  217. position:fixed;}
  218.  
  219. /*LINKS*/
  220. #links{position:fixed;
  221. z-index:-9999;
  222. font-family:roboto;
  223. color:white;
  224. width:305px;
  225. background-color:{color:sidebar background};
  226. z-index:99999;
  227. margin-top:20px;
  228. font-size:9px;
  229. margin-left:-100px;
  230. height:540px;
  231. text-shadow:1px 1px #5e5e5e;
  232. -moz-transition-duration:0.3s;
  233. -webkit-transition-duration:0.3s;
  234. -o-transition-duration:0.3s;
  235. text-align:justify;
  236. padding:10px;
  237. padding-top:0px;
  238. }
  239.  
  240.  
  241. #linkss a{margin-right:6.1px;
  242. color:black;
  243. width:26px;
  244. -webkit-border-bottom-right-radius: 5px;
  245. -webkit-border-bottom-left-radius: 5px;
  246. -moz-border-radius-bottomright: 5px;
  247. -moz-border-radius-bottomleft: 5px;
  248. border-bottom-right-radius: 5px;
  249. border-bottom-left-radius: 5px;
  250. border:1px solid #e7e7e7;
  251. margin-top:5px;
  252. background-color:{color:Links Background};
  253. color:white;
  254. padding:20px;
  255. display:inline-block;
  256. -moz-transition-duration:0.3s;
  257. -webkit-transition-duration:0.3s;
  258. -o-transition-duration:0.3s;
  259. }
  260.  
  261. /*CHAT POSTS*/
  262. #chat{ padding:2px;
  263. margin-left:50px;
  264. margin-top:-1px;
  265. }
  266. /*POST INFO*/
  267.  
  268. #info {
  269. font-weight:bold;
  270. text-align:left;
  271. padding:5px;
  272. font-family:'roboto';
  273. margin-left:-25px;
  274. background-color:{color:Info Background};
  275. margin-top:-25px;
  276. width:540px;
  277. color:white;
  278. font-size:9px;
  279. text-transform:uppercase;
  280. font-style:none;
  281. line-height:10px;
  282. color:{color:text};
  283. }
  284.  
  285. #info a {
  286. text-align:center;
  287. color:white;
  288. }
  289.  
  290. .tags {text-transform:none;
  291. color:{color:postbg};
  292. width:450px;
  293. opacity:0;
  294. margin-top:-30px;
  295. margin-left:0px;
  296. font-size:9px;
  297. letter-spacing:1px;
  298. text-align:justify;
  299. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  300.  
  301.  
  302. .tags a {
  303. letter-spacing:0px;
  304. padding:2px;
  305. font-size:10px;
  306. text-align:center;
  307. font-family:'roboto';
  308. text-decoration:none;
  309. display:inline-block;
  310. color:white;
  311. }
  312.  
  313. /*QUESTION*/
  314.  
  315. #asker {
  316. color:{color:text};
  317. border:solid 1px white;
  318. padding:12px;
  319. font-family:'roboto';
  320. font-size:9px;
  321. letter-spacing:0px;
  322. text-align:left;
  323. margin-top:10px;
  324. text-transform:lowercase;
  325. line-height:100%;
  326. background-color:{color:links};
  327. }
  328.  
  329. #asker a{color:{color:postbg};}
  330.  
  331. #url{ border:solid 1px white;
  332. text-shadow:1px 1px #5e5e5e;
  333. font-family:roboto;
  334. font-size:18px;
  335. text-transform:uppercase;
  336. font-weight:bold;
  337. background-color:{color:question background};
  338. padding:5px;
  339. text-align:center;
  340. word-wrap: break-word;
  341. color:white;
  342. }
  343.  
  344. #url a{color:{color:postbg}}
  345.  
  346. #header{width:872px;
  347. padding:2px;
  348. margin-left:-10px;
  349. text-align:center;
  350. border:solid 10px {color:sidebar background};
  351. z-index:99999;
  352. margin-top:0px;
  353. background-color:{color:background};}
  354.  
  355. /*CREDIT*/
  356.  
  357. #cred {
  358. position:fixed;
  359. font-family:consolas;
  360. font-size:8px;
  361. right:9px;
  362. bottom:9px;
  363. padding:4px;
  364. letter-spacing:1px;
  365. }
  366.  
  367. /*HOVER, CRED @ CODROPS */
  368. .grid {
  369. position: relative;
  370. clear: both;
  371. margin: 0 auto;
  372. margin-left:-3px;
  373. max-width: 1000px;
  374. list-style: none;
  375. text-align: center;
  376. }
  377.  
  378. /* Common style */
  379. .grid figure {
  380. position: relative;
  381. float: left;
  382. overflow: hidden;
  383. margin: 10px 1%;
  384. min-width: 300px;
  385. max-width: 300px;
  386. max-height: 330px;
  387. height: auto;
  388. background: #3085a3;
  389. text-align: center;
  390. cursor: pointer;
  391. }
  392.  
  393. .grid figure img {
  394. position: relative;
  395. display: block;
  396. min-height: 100%;
  397. max-width: 100%;
  398. opacity: 0.8;
  399. }
  400.  
  401. .grid figure figcaption {
  402. padding: 2em;
  403. color: #fff;
  404. text-transform: uppercase;
  405. font-size: 1.25em;
  406. -webkit-backface-visibility: hidden;
  407. backface-visibility: hidden;
  408. }
  409.  
  410. .grid figure figcaption::before,
  411. .grid figure figcaption::after {
  412. pointer-events: none;
  413. }
  414.  
  415. .grid figure figcaption,
  416. .grid figure figcaption > a {
  417. position: absolute;
  418. top: 0;
  419. left: 0;
  420. width:255px;
  421. height: 290px;
  422. }
  423.  
  424. /* Anchor will cover the whole item by default */
  425. /* For some effects it will show as a button */
  426. .grid figure figcaption > a {
  427. z-index: 1000;
  428. text-indent: 200%;
  429. white-space: nowrap;
  430. font-size: 0;
  431. opacity: 0;
  432. }
  433.  
  434. .grid figure h2 {
  435. word-spacing: -0.15em;
  436. font-weight: 300;
  437. }
  438.  
  439. .grid figure h2 span {
  440. font-weight: 800;
  441. }
  442.  
  443. .grid figure h2,
  444. .grid figure p {
  445. margin: 0;
  446. }
  447.  
  448. .grid figure p {
  449. letter-spacing: 1px;
  450. font-size: 68.5%;
  451. }
  452.  
  453.  
  454. figure.effect-ming {
  455. background: {color:background};
  456. }
  457.  
  458. figure.effect-ming img {
  459. opacity: 0.9;
  460. -webkit-transition: opacity 0.35s;
  461. transition: opacity 0.35s;
  462. }
  463.  
  464. figure.effect-ming figcaption::before {
  465. position: absolute;
  466. top: 30px;
  467. right: 30px;
  468. bottom: 30px;
  469. height:270px;
  470. left: 30px;
  471. border: 2px solid #fff;
  472. overflow:auto;
  473. box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
  474. content: '';
  475. opacity: 0;
  476. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  477. transition: opacity 0.35s, transform 0.35s;
  478. -webkit-transform: scale3d(1.4,1.4,1);
  479. transform: scale3d(1.4,1.4,1);
  480. }
  481.  
  482. figure.effect-ming h2 {
  483. margin: 20% 0 10px 0;
  484. -webkit-transition: -webkit-transform 0.35s;
  485. transition: transform 0.35s;
  486. }
  487.  
  488. figure.effect-ming p {
  489. padding: 1em;
  490. opacity: 0;
  491. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  492. transition: opacity 0.35s, transform 0.35s;
  493. -webkit-transform: scale(1.5);
  494. transform: scale(1.5);
  495. }+
  496.  
  497. figure.effect-ming:hover h2 {
  498. -webkit-transform: scale(0.9);
  499. transform: scale(0.9);
  500. }
  501.  
  502. figure.effect-ming:hover figcaption::before,
  503. figure.effect-ming:hover p {
  504. opacity: 1;
  505. -webkit-transform: scale3d(1,1,1);
  506. transform: scale3d(1,1,1);
  507. }
  508.  
  509. figure.effect-ming:hover figcaption {
  510. background-color: rgba(58,52,42,0);
  511. }
  512.  
  513. figure.effect-ming:hover img {
  514. opacity: 0.4;
  515. }
  516.  
  517. #post:hover .tags{opacity:1;
  518. margin-top:-5px;
  519. margin-left:0px;
  520. }
  521. /*ADMINS*/
  522.  
  523. #admin {margin-left:890px;
  524. margin-top:150px;
  525. width:200px;
  526. z-index:-99;
  527. font-size:9px;
  528. background-color:{color:post background};
  529. -webkit-transition: all 0.4s ease-in-out;
  530. -moz-transition: all 0.4s ease-in-out;
  531. -o-transition: all 0.4s ease-in-out;
  532. -ms-transition: all 0.4s ease-in-out;
  533. transition: all 0.4s ease-in-out;
  534. }
  535.  
  536. #admins{width:190px;
  537. z-index:-99;
  538. text-align:center;
  539. }
  540.  
  541. #admin:hover{margin-left:1070px;
  542. -webkit-transition: all 0.4s ease-in-out;
  543. -moz-transition: all 0.4s ease-in-out;
  544. -o-transition: all 0.4s ease-in-out;
  545. -ms-transition: all 0.4s ease-in-out;
  546. transition: all 0.4s ease-in-out;
  547. }
  548.  
  549. #admins img{
  550. width:60px;
  551. border:solid 1px black;
  552. box-shadow: 1px 1px 1px #888888;
  553. margin-top:-10px;
  554. }
  555.  
  556. admindesc{width:80px;
  557. border:solid 1px black;
  558. z-index:-99;
  559. height:50px;
  560. overflow:auto;
  561. color:white;
  562. left:-1px;
  563. display:inline-block;
  564. background-color:{color:info background};
  565. padding:5px;}
  566.  
  567. #updatestab {
  568. writing-mode:tb-rl;
  569. -webkit-transform:rotate(90deg);
  570. -moz-transform:rotate(90deg);
  571. -o-transform: rotate(90deg);
  572. white-space:nowrap;
  573. margin-left:115px;
  574. text-align: center;
  575. height:10px;
  576. background-color:{color:postbg};
  577. -webkit-border-top-left-radius: 5px;
  578. -webkit-border-top-right-radius: 5px;
  579. -moz-border-radius-topleft: 5px;
  580. -moz-border-radius-topright: 5px;
  581. border-top-left-radius: 5px;
  582. border-top-right-radius: 5px;
  583. width: 150px;
  584. }
  585.  
  586. {CustomCSS}</style></head><body>
  587. <div id="leftsidebar">
  588. <div id="links"><div id="header">{text:header} {block:Pagination} {block:PreviousPage}
  589. <a href="{PreviousPage}">BACK </a>
  590. {/block:PreviousPage}
  591.  
  592. {block:NextPage}
  593. <a href="{NextPage}">NEXT</a>
  594. {/block:NextPage}
  595. {/block:Pagination}</div><div class="grid">
  596. <figure class="effect-ming">
  597. <img src="{image:topleft}" >
  598. <figcaption>
  599. <p>{text:Hover Description}</p>
  600. </figcaption>
  601. </figure>
  602. </div> <h1>{title} </h1>
  603. <desc>{description}</desc><br>
  604. <div id="linkss"> <a href="{Link 1 URL}">I</a>
  605. <a href="{Link 2 URL}">II</a>
  606. <a href="{Link 3 URL}">III</a>
  607. <a href="{Link 4 URL}">IV</a>
  608. </div></div>
  609.  
  610. <div id="entries">
  611. {block:Posts}
  612.  
  613. <div id="post">
  614. <div id="info">
  615. <div id="permalink">
  616. <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
  617. <a href="{SourceURL}">©</a>
  618. </a></div></div>
  619. {block:Text}
  620. {block:Title}<h1>{Title}</h1>{/block:Title}
  621. {Body}{/block:Text}
  622.  
  623. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  624. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  625.  
  626. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  627. {/block:Caption}{/block:Photoset}
  628.  
  629. {block:Quote}<h1>"{Quote}"</h1>
  630. {/block:Source}{/block:Quote}
  631.  
  632. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  633.  
  634. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  635.  
  636. {block:Audio}<div align="center">
  637. <span class="audio">{AudioPlayerWhite}</div></span>
  638. {/block:ExternalAudio}
  639. {/block:Audio}
  640.  
  641. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  642.  
  643. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  644.  
  645.  
  646. {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; &nbsp;
  647. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  648. {block:PostNotes}<div id="notes"><left>{PostNotes}
  649. </div></div>{/block:PostNotes}{/block:Posts}{/block:Posts}</div></div>
  650.  
  651. {/block:Posts}</div>
  652. <div id="admin"><div id="updatestab">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; ADMINS</div>
  653. <div id="admins"><img src="{image:admin 1}"><admindesc>{text:Admin 1}</admindesc>
  654. <img src="{image:admin 2}"><admindesc>{text:Admin 2} </admindesc>
  655. <img src="{image:admin 3}"><admindesc>{text:Admin 3} </admindesc>
  656. </div>
  657. <div id="cred">
  658. <a href="http://shayofrp.tumblr.com/">CR</a>
  659. </div>
  660. </div>
  661. </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!