API tools faq
paste
Advertisement
rctyler24

Pacific Noir 2.0 | Those Sexy Codes

rctyler24
Dec 30th, 2013
2,649
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- ------------------------------------------------------
  4. Pacific Noir 2.0 by thosesexycodes.tumblr.com
  5.  
  6. You have my permission to edit this theme as much
  7. as you would like, but all I ask is that you keep
  8. the original source link in the sidebar.
  9.  
  10. Thank you, Rachel.
  11. ------------------------------------------------------ -->
  12.  
  13. <head>
  14. <style href>a {text-decoration: none} </style>
  15.  
  16. <!--Default Variables-->
  17. <meta name="image:Background" content="" />
  18. <meta name="image:Sidebar" content="" />
  19. <meta name="image:Header" content="" />
  20.  
  21. <meta name="if:Sidebar Image" content="0">
  22. <meta name="if:Tagline" content="0">
  23. <meta name="if:Top Links" content="0">
  24. <meta name="if:Default Blog Header" content="1">
  25. <meta name="if:Custom Header" content="0">
  26. <meta name="if:Archive" content="1">
  27. <meta name="if:RSS" content="1">
  28. <meta name="if:Submit" content="0">
  29.  
  30. <meta name="color:Background" content="#FFCCCC" />
  31. <meta name="color:Body Text" content="#555555" />
  32. <meta name="color:Link" content="#FF0066" />
  33. <meta name="color:Link Hover" content="#99CC00" />
  34. <meta name="color:Upper Links" content="#ffEEEE" />
  35.  
  36. <meta name="text:Tagline" content=""/>
  37. <meta name="text:Custom Title Font CODE" content=""/>
  38. <meta name="text:Custom Title Font NAME" content=""/>
  39.  
  40. <meta name="text:Top Link 1 TITLE" content=""/>
  41. <meta name="text:Top Link 1 URL" content=""/>
  42.  
  43. <meta name="text:Top Link 2 TITLE" content=""/>
  44. <meta name="text:Top Link 2 URL" content=""/>
  45.  
  46. <meta name="text:Top Link 3 TITLE" content=""/>
  47. <meta name="text:Top Link 3 URL" content=""/>
  48.  
  49. <meta name="text:Top Link 4 TITLE" content=""/>
  50. <meta name="text:Top Link 4 URL" content=""/>
  51.  
  52. <meta name="text:Top Link 5 TITLE" content=""/>
  53. <meta name="text:Top Link 5 URL" content=""/>
  54.  
  55. <meta name="text:Top Link 6 TITLE" content=""/>
  56. <meta name="text:Top Link 6 URL" content=""/>
  57.  
  58. <meta name="text:Top Link 7 TITLE" content=""/>
  59. <meta name="text:Top Link 7 URL" content=""/>
  60.  
  61. <meta name="font:Body" content=""/>
  62.  
  63. <title>{Title}{block:PostTitle} | {PostTitle}{/block:PostTitle}</title>
  64. <link rel="shortcut icon" href="{Favicon}"/>
  65.  
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
  71.  
  72. {text:Custom Title Font CODE}
  73.  
  74. <style type="text/css">
  75.  
  76. #entry a > img:not([src*="avatar"]),
  77. #entry p > img,
  78. #entry center > img {
  79. width: 500px !important;
  80. min-width: 500px !important;
  81. max-width: 500px !important;
  82. }
  83.  
  84. /*General Formatting*/
  85. body {
  86. background: {color:Background};
  87. background-image:url('{image:Background}');
  88. background-attachment: fixed;
  89. background-position:center;
  90. font-family: '{font:Body}', Trebuchet MS, sans serif;
  91. font-size:14px;
  92. line-height: 1.5em;
  93. font-smooth: always;
  94. font-weight: 400;
  95. color: {color:Body Text};
  96. }
  97.  
  98. /*Link Formatting*/
  99. a {
  100. color: {color:Link};
  101. font-smooth:always;
  102. }
  103.  
  104. a:hover {
  105. color: {color:Link Hover};
  106. font-smooth:always;
  107. }
  108.  
  109. /*Image Formatting*/
  110. img {
  111. max-width: 1040px;
  112. overflow:hidden;
  113. }
  114.  
  115. /*Paragraph Formatting*/
  116. p {
  117. line-height: 1.5em;
  118. }
  119.  
  120. /*Blockquote Formatting*/
  121. blockquote {
  122. border-left: 2px {color:Link} solid;
  123. margin-left: 15px;
  124. padding-left: 10px;
  125. }
  126.  
  127.  
  128. /*Controls Post Titles*/
  129. h1 {
  130. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  131. margin-top: 0px;
  132. text-align: left;
  133. font-smooth: always;
  134. font-weight: 200;
  135. font-size: 45px;
  136. letter-spacing: -1px;
  137. line-height: 1em;
  138. }
  139.  
  140. /*Header (Level 2)*/
  141. h2 {
  142. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  143. text-align: left;
  144. font-smooth: always;
  145. font-weight: 200;
  146. font-size: 35px;
  147. letter-spacing: -1px;
  148. line-height: 1em;
  149. }
  150.  
  151. /*Header (Level 3)*/
  152. h3 {
  153. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  154. text-align: left;
  155. font-smooth: always;
  156. font-weight: 200;
  157. font-size: 25px;
  158. letter-spacing: -1px;
  159. line-height: 1em;
  160. }
  161.  
  162. /*Header (Level 4)*/
  163. h4 {
  164. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  165. text-align: left;
  166. font-smooth: always;
  167. font-weight: 200;
  168. font-size: 15px;
  169. letter-spacing: -1px;
  170. line-height: 1em;
  171. }
  172.  
  173. /*Question Bubble Formating*/
  174. .question {
  175. background: {color:Link};
  176. opacity: .5;
  177. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  178. font-size: 26px;
  179. color: white;
  180. padding: 15px;
  181. font-weight: 400;
  182. line-height: 1em;
  183. border-radius: 10px;
  184. }
  185.  
  186.  
  187. /*Arrow below question bubble*/
  188. .arrow-down {
  189. width: 0;
  190. height: 0;
  191. opacity: .5;
  192. margin-left: 450px;
  193. border-left: 15px solid transparent;
  194. border-right: 15px solid transparent;
  195. border-top: 15px solid {color:Link};
  196. }
  197.  
  198. /*Asker format*/
  199. .asker {
  200. text-align:right;
  201. font-style: italic;
  202. font-weight: 400;
  203. }
  204.  
  205. /*header links*/
  206. .upperlinks {
  207. background-color: {color:Upper Links};
  208. font-family: '{text:Custom Title Font NAME}','Open Sans Condensed';
  209. font-weight: 300;
  210. font-size: 20px;
  211. text-align: center;
  212. letter-spacing: 2px;
  213. line-height: 1.2em;
  214. text-transform: uppercase;
  215. border-radius: 4px;
  216. width: auto;
  217. padding: 4px 14px;
  218. margin: 10px 6px 10px 6px;
  219. display: inline-block;
  220. }
  221.  
  222. /*sidebar links*/
  223. .links{
  224. text-align: center;
  225. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  226. font-weight: 200;
  227. font-size: 30px;
  228. line-height: 1.5em;
  229. background:white;
  230. }
  231.  
  232. /*permalinks at the bottom of each post*/
  233. .permalink {
  234. font-size: 11px;
  235. border-top: dotted #ccc 1px;
  236. padding-top:5px;
  237. margin-top: 10px;
  238. text-align: left;
  239. text-transform: uppercase;
  240. }
  241.  
  242. /*Container that surrounds all other elements*/
  243. #wrap {
  244. background: white;
  245. margin-top: 0px;
  246. width:940px;
  247. margin-left: auto;
  248. margin-right: auto;
  249. }
  250.  
  251. /*Default Header Formatting*/
  252. #header {
  253. text-align: center;
  254. padding-top: 50px;
  255. padding-left: 40px;
  256. padding-right: 40px;
  257. padding-bottom: 20px;
  258. font-size: 60px;
  259. font-smooth: always;
  260. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  261. font-weight: 200;
  262. background: white;
  263. }
  264.  
  265. /*Custom Header Formatting*/
  266. #customheader {
  267. background-image: url('{image:Header}') !important;
  268. background-size: 1040px auto !important;
  269. background-repeat: no-repeat !important;
  270. height: auto !important;
  271. width: 940px !important;
  272. padding-left: 0px !important;
  273. padding-right: 0px !important;
  274. padding-bottom: 0px !important;
  275. }
  276.  
  277. /*Tagline Formatting -- can only be used if NOT using a custom header*/
  278. #tagline {
  279. text-align: center;
  280. font-size: 20px;
  281. font-style:italic;
  282. font-smooth: always;
  283. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  284. font-weight: 200;
  285. padding: 8px;
  286. }
  287.  
  288. #dottedline {
  289. background: white;
  290. margin: 10px 20px 30px 20px;
  291. border-bottom: 1px dotted #ccc;
  292. }
  293.  
  294. /*Blog Post Formatting*/
  295. #entry {
  296. width: 500px;
  297. background:white;
  298. overflow: hidden;
  299. display: inline;
  300. position: relative;
  301. float: left;
  302. padding-left:60px;
  303. padding-right: 60px;
  304. padding-bottom: 50px;
  305. }
  306.  
  307. /*Sidebar Formatting*/
  308. #sidebar {
  309. margin-top: 0px;
  310. width: 260px;
  311. background: white;
  312. overflow: hidden;
  313. float: right;
  314. display:inline;
  315. position: relative;
  316. padding-right: 60px;
  317. padding-left: 0px;
  318. padding-bottom: 50px;
  319. }
  320.  
  321. /*Blog Navigation Formatting -- at bottom of page*/
  322. #navig {
  323. width: 500px;
  324. font-family: '{text:Custom Title Font NAME}','Yanone Kaffeesatz';
  325. text-transform: uppercase;
  326. font-size: 14px;
  327. letter-spacing: 2px;
  328. float:left;
  329. text-align: center;
  330. margin-left:auto;
  331. margin-right:auto;
  332. position: relative;
  333. display: inline;
  334. padding-left: 60px;
  335. padding-right: 60px;
  336. padding-bottom: 50px;
  337. }
  338.  
  339. /*Chat Post formatting*/
  340. #conversation {
  341. line-height: 3em;
  342. padding-bottom: 10px;
  343. }
  344.  
  345. /*Notes on permalink pages*/
  346. #post-notes {
  347. text-align: left;
  348. font-size: 11px;
  349. text-transform: uppercase;
  350. }
  351.  
  352. /*Description formatting*/
  353. #desc {
  354. text-align: center;
  355. font-size: 12px;
  356. padding-bottom: 20px;
  357. }
  358.  
  359. /* CLEAR FIX*/
  360. .clearfix:after {
  361. content: ".";
  362. display: block;
  363. height: 0;
  364. clear: both;
  365. visibility: hidden;
  366. }
  367. .clearfix {
  368. display: inline-block;
  369. }
  370. /* Hides from IE-mac \*/
  371. * html .clearfix {
  372. height: 1%;
  373. }
  374. .clearfix {
  375. display: block;
  376. }
  377. /* End hide from IE-mac */
  378. /*END CLEAR FIX*/
  379.  
  380. {CustomCSS}
  381. </style>
  382. </head>
  383.  
  384.  
  385.  
  386. <body>
  387.  
  388. <div id="wrap">
  389.  
  390. <div id="main" class="clearfix">
  391.  
  392. {block:ifDefaultBlogHeader}
  393. <div id="header">
  394. <a href="/">{Title}</a>
  395. </div>
  396.  
  397. {block:ifTagline}
  398. <div id="tagline">
  399. {text:Tagline}
  400. </div>
  401. {/block:ifTagline}
  402.  
  403. {block:ifTopLinks}
  404. <center>
  405. <div class="upperlinks">
  406. <a href="{text:Top Link 1 URL}">{text:Top Link 1 TITLE}</a>
  407. </div>
  408.  
  409. <div class="upperlinks">
  410. <a href="{text:Top Link 2 URL}">{text:Top Link 2 TITLE}</a>
  411. </div>
  412.  
  413. <div class="upperlinks">
  414. <a href="{text:Top Link 3 URL}">{text:Top Link 3 TITLE}</a>
  415. </div>
  416.  
  417. <div class="upperlinks">
  418. <a href="{text:Top Link 4 URL}">{text:Top Link 4 TITLE}</a>
  419. </div>
  420.  
  421. <!------------------------------------------------------------
  422.  
  423. If you need more than 7 comments, message me for help. Or, try and figure out the pattern! It's not too hard.
  424.  
  425. <div class="upperlinks">
  426. <a href="{text:Top Link 5 URL}">{text:Top Link 5 TITLE}</a>
  427. </div>
  428.  
  429. <div class="upperlinks">
  430. <a href="{text:Top Link 6 URL}">{text:Top Link 6 TITLE}</a>
  431. </div>
  432.  
  433. <div class="upperlinks">
  434. <a href="{text:Top Link 7 URL}">{text:Top Link 7 TITLE}</a>
  435. </div>
  436.  
  437. ------------------------------------------------------------>
  438.  
  439. </center>
  440. {/block:ifTopLinks}
  441.  
  442. <div id="dottedline"></div>
  443. {/block:ifDefaultBlogHeader}
  444.  
  445.  
  446. {block:ifCustomHeader}
  447. <div id="customheader">
  448. <a href="/">
  449. <img src="{image:Header}">
  450. </a>
  451. </div>
  452.  
  453. <div id="dottedline"></div>
  454. {/block:ifCustomHeader}
  455.  
  456.  
  457. <div id="sidebar">
  458.  
  459. <!--Sidebar Image-->
  460. <center>
  461. {block:ifSidebarImage}
  462. <img src="{image:Sidebar}" style="width:260px; padding-bottom: 20px;"><br>
  463. {/block:ifSidebarImage}
  464. </center>
  465.  
  466. <!--Description-->
  467. <div id="desc">
  468. {Description}
  469. </div>
  470.  
  471. <!--Sidebar Links-->
  472. <div class="links">
  473. <a href="/ask">{AskLabel}</a><br>
  474.  
  475. {block:HasPages}{block:Pages}
  476. <a href="{URL}">{Label}</a><br>
  477. {/block:Pages}{/block:HasPages}
  478.  
  479. {block:IfArchive}<a href="/archive">Archive</a><br>{/block:IfArchive}
  480.  
  481. {block:IfRSS}<a href="{RSS}">RSS</a><br>{/block:IfRSS}
  482.  
  483. {block:IfSubmit}<a href="/submit">Submit</a>{/block:IfSubmit}
  484. </div>
  485.  
  486. <br>
  487.  
  488. <!--Search Bar-->
  489. <center>
  490. <form action="/search" method="get">
  491. <input type="text" name="q" value="{SearchQuery}"/>
  492. <input type="image" src="http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/zoom.png" height="12px" alt="submit" name="submit" />
  493. </form>
  494. </center>
  495.  
  496. <br>
  497.  
  498. <!--Theme Credit-->
  499. <div id="desc">
  500. <p>theme by <a href="http://thosesexycodes.tumblr.com/">thosesexycodes</a></p>
  501. </div>
  502. </div>
  503.  
  504. {block:Posts}
  505.  
  506.  
  507. <div id="entry">
  508.  
  509. <!--Text Posts-->
  510. {block:Text}
  511. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  512. {Body}
  513. {/block:Text}
  514.  
  515.  
  516. <!--Photo Posts-->
  517. {block:Photo}
  518. <center>{LinkOpenTag}
  519. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  520. {LinkCloseTag}</center>
  521. {block:Caption}{Caption}{/block:Caption}
  522. {/block:Photo}
  523.  
  524.  
  525. <!--Photoset Posts-->
  526. {block:Photoset}
  527. <center>{LinkOpenTag}{Photoset-500}{LinkCloseTag}</center>
  528. {block:Caption}{Caption}{/block:Caption}
  529. {/block:Photoset}
  530.  
  531.  
  532. <!--Quote Posts-->
  533. {block:Quote}
  534. <a href="{Permalink}"><h1>{Quote}</h1></a>
  535. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;—&nbsp;{block:Source}{Source}{/block:Source}<br><br>
  536. {/block:Quote}
  537.  
  538.  
  539. <!--Link Posts-->
  540. {block:Link}
  541. <h1><a href="{URL}">{Name}</a></h1>
  542. {block:Description}{Description}{/block:Description}
  543. {/block:Link}
  544.  
  545.  
  546. <!--Audio Posts-->
  547. {block:Audio}
  548. <center>
  549. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  550.  
  551. {block:AlbumArt}
  552. <img src="{AlbumArtURL}">
  553. {/block:AlbumArt}
  554.  
  555. <br><br>
  556.  
  557. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  558. </center>
  559.  
  560. {block:Caption}{Caption}{/block:Caption}
  561.  
  562. {/block:Audio}
  563.  
  564.  
  565. <!--Chat Posts-->
  566. {block:Conversation}
  567. <div class="conversation">
  568. {block:Title}<h1>{Title}</h1>{/block:Title}
  569.  
  570. {block:Lines}
  571. <br>{block:Label}<b>{Label}</b>{/block:Label}
  572. {Line}
  573. {/block:Lines}
  574.  
  575. </div>
  576. {/block:Conversation}
  577.  
  578.  
  579. <!--Video Posts-->
  580. {block:Video}
  581. {Video-500}
  582. {block:Caption}{Caption}{/block:Caption}
  583. {/block:Video}
  584.  
  585.  
  586. <!--Question/Answer/Ask Posts-->
  587. {block:Answer}
  588. <div class="question">{Question}</div>
  589. <div class="arrow-down"></div>
  590. <div class="asker">- {Asker}</div>
  591.  
  592. {Answer}
  593. {/block:Answer}
  594.  
  595.  
  596. <!--date below each post + other links like notes-->
  597. {block:Date}
  598. <div class="permalink">
  599.  
  600. <!--Date Posted-->
  601. <img src="https://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/pencil.png" height="7px;"><a href="{Permalink}">&nbsp;&nbsp;{ShortMonth}. {DayOfMonth}{DayofMonthSuffix}</a>&nbsp;&nbsp;&nbsp;
  602.  
  603. <!--Time Posted (12 hour)-->
  604. <img src="https://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/star.png" height="7px"><a href="{Permalink}">&nbsp;&nbsp;{12Hour}:{Minutes}{CapitalAmPm}</a>&nbsp;&nbsp;&nbsp;
  605.  
  606. <!--Note Count-->
  607. <img src="https://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/heart_empty.png" height="7px;"><a href="{Permalink}">&nbsp;&nbsp;{NoteCountWithLabel}</a>
  608. <!--Tags-->
  609. {block:HasTags}<br><img src="https://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/tag.png" height="8px">&nbsp;&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  610.  
  611. </div>
  612. {/block:Date}
  613.  
  614. <!--Information on Permalink Pages-->
  615. {block:PostNotes}
  616. <div id="post-notes">
  617.  
  618. <!--Reblogged from/via-->
  619. {block:RebloggedFrom}
  620. <img src="http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/users.png" height="8px"><a href="{ReblogParentURL}">&nbsp;&nbsp;{ReblogParentName}</a>
  621. {/block:RebloggedFrom}&nbsp;&nbsp;&nbsp;
  622.  
  623. <!--Content Source-->
  624. {block:ContentSource}
  625. <img src="http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/user.png" height="8px"><a href="{SourceURL}">&nbsp;&nbsp;{SourceTitle}</a>
  626. {/block:ContentSource}
  627.  
  628. </div>
  629.  
  630. {PostNotes}{/block:PostNotes}</div>
  631. {/block:Posts}
  632.  
  633. <!--Navigation at bottom of the blog-->
  634. {block:Pagination}
  635. <div id="navig">
  636. {block:Pagination}
  637.  
  638. {block:PreviousPage}
  639. <a href="{PreviousPage}">Previous Page</a>
  640. &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  641. {/block:PreviousPage}
  642.  
  643. {block:NextPage}
  644. <a href="{NextPage}">Next Page</a>
  645. {/block:NextPage}
  646.  
  647. {/block:Pagination}
  648. </div>
  649. {/block:Pagination}
  650. </div>
  651. </div>
  652. <br><br><br>
  653. </body>
  654. </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!