API tools faq
paste
Advertisement
ofcuteboys

Theme #10, "California Here We Come"

ofcuteboys
Feb 20th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 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. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10.  
  11.  
  12. 888 8888888 888b d888 8888888888 .d8888b.
  13. 888 888 8888b d8888 888 d88P Y88b
  14. 888 888 88888b.d88888 888 Y88b.
  15. 888 888 888Y88888P888 8888888 "Y888b.
  16. 888 888 888 Y888P 888 888 "Y88b.
  17. 888 888 888 Y8P 888 888 "888
  18. 888 888 888 " 888 888 Y88b d88P
  19. 88888888 8888888 888 888 8888888888 "Y8888P"
  20.  
  21. CALIFORNIA HERE WE COME
  22. THEME #10 BY OFCUTEBOYS/LIMESTHEMES
  23.  
  24. This is my most customizable theme ever okay ready you can change +10 colors, sidebar image, and even the effect on the sidebar links!!!! :O woweeeee!
  25.  
  26. so the standard rules apply, just generally try not to be a dick? <3
  27. In case you don't know how, these are my rules:
  28.  
  29. -no stealing/claiming/redistributing
  30. -no (re)moving, resizing, or altering my credit in any way
  31. -no theme questions on my main blog
  32. -no using my themes as base codes
  33. -no commercial use (you can't use this theme if your blog has ads)
  34.  
  35.  
  36.  
  37.  
  38.  
  39. Credits:
  40.  
  41. LMthemes tutorial's blog (inspiration)
  42. google webfonts (font)
  43. my code groups for advice!!!
  44.  
  45.  
  46. Fun Fact: I named this theme after my obsession with The O.C. (great show pls watch)
  47.  
  48. --->
  49.  
  50.  
  51.  
  52. <meta name="color:background" content="#ffffff"/>
  53. <meta name="color:text" content="#000000"/>
  54. <meta name="color:link" content="#888888"/>
  55. <meta name="color:hover" content="#ffffff"/>
  56. <meta name="color:accent" content="#ffffff"/>
  57. <meta name="color:headingcolor" content="#ffffff"/>
  58. <meta name="color:title" content="#000000"/>
  59. <meta name="color:description" content="#000000"/>
  60. <meta name="color:linktext" content="#ffffff"/>
  61. <meta name="color:sidelinks" content="#000000"/>
  62. <meta name="color:postbg" content="#fafafa"/>
  63. <meta name="color:posttext" content="#000000"/>
  64.  
  65.  
  66. <meta name="image:sidebar" content="http://25.media.tumblr.com/ac8d3e852d98f0c59b690225d1d5ea3e/tumblr_mjrkl7Lq9a1rebn83o1_r1_250.jpg" />
  67.  
  68. <meta name="text:link1" content="first"/>
  69. <meta name="text:link1url" content="link 1 url"/>
  70.  
  71. <meta name="text:link2" content="second"/>
  72. <meta name="text:link2url" content="link 2 url"/>
  73.  
  74. <meta name="text:link3" content="third"/>
  75. <meta name="text:link3url" content="link 3 url"/>
  76.  
  77. <meta name="text:link4" content="fourth"/>
  78. <meta name="text:link4url" content="link 4 url"/>
  79.  
  80. <meta name="text:link5" content="fifth"/>
  81. <meta name="text:link5url" content="link 5 url"/>
  82.  
  83. <meta name="text:link6" content="sixth"/>
  84. <meta name="text:link6url" content="link 6 url"/>
  85.  
  86. <meta name="text:link7" content="seventh"/>
  87. <meta name="text:link7url" content="link 7 url"/>
  88.  
  89. <meta name="if:Blur" content="1"/>
  90. <meta name="if:color change" content="0"/>
  91.  
  92.  
  93.  
  94. <meta name="text:name" content="name here"/>
  95.  
  96.  
  97.  
  98. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  99.  
  100. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  101.  
  102. <script type="text/javascript"
  103. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  104.  
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. body {
  111. background-color:{color:background};
  112. font-family:calibri;
  113. letter-spacing:1px;
  114. font-size:11px;
  115. color:{color:text};
  116. }
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. -webkit-transition-duration:.3s;
  122. -moz-transition-duration:.3s;
  123. -o-transition-duration:.3s;
  124. }
  125.  
  126. a:hover {
  127. color:{color:hover};
  128. -webkit-transition-duration:.3s;
  129. -moz-transition-duration:.3s;
  130. -o-transition-duration:.3s;
  131. }
  132.  
  133. h1 {
  134. font-size:25px;
  135. font-family:Calibri;
  136. letter-spacing:4px;
  137. text-transform:uppercase;
  138. font-weight:normal;
  139. color:{color:headingcolor};
  140. background-color:{color:accent};
  141. text-align:center;
  142. padding:40px 0px 40px 0px;
  143. }
  144.  
  145.  
  146.  
  147. h2 {
  148. font-size:15px;
  149. text-align:center;
  150. font-family:Fjalla One;
  151. text-decoration:underline;
  152. text-transform:uppercase;
  153. }
  154.  
  155.  
  156. h3 {
  157. font-size:12px;
  158. font-family:Fjalla One;
  159. width:100%;
  160. text-align:left;
  161. border-bottom:1px solid black;
  162. text-transform:uppercase;
  163. }
  164.  
  165. b {
  166. color:{color:accent};
  167. }
  168.  
  169. i {
  170. color:{color:accent};
  171. }
  172.  
  173. em {
  174. color:{color:accent};
  175. }
  176.  
  177. big {
  178. color:{color:accent};
  179. font-size:2em;
  180. }
  181.  
  182. strong {
  183. color:{color:accent};
  184. }
  185.  
  186. blockquote {
  187. padding:5px;
  188. letter-spacing:0px;
  189. border-left:10px solid {color:accent};
  190. background-color:#fff;
  191. }
  192.  
  193. blockquote blockquote {
  194. padding-left:10px;
  195. border-left:10px solid {color:accent};
  196. }
  197.  
  198. blockquote img {max-width:100%;}
  199.  
  200.  
  201.  
  202. #fresh {
  203. font-family:fjalla one;
  204. margin-top:5px;
  205. font-size:15px;
  206. letter-spacing:-1px;
  207. text-align:center;
  208. width:170px;
  209. border-bottom:2px solid black;
  210. color:black;
  211. text-transform:uppercase;
  212. font-weight:bold;
  213. -webkit-transition-duration:1s;
  214. -moz-transition-duration:1s;
  215. -o-transition-duration:1s;
  216. }
  217.  
  218. #fresh a {
  219. color:{color:title};
  220. -webkit-transition-duration:1s;
  221. -moz-transition-duration:1s;
  222. -o-transition-duration:1s;
  223. }
  224.  
  225. #fresh a:hover {
  226. color:{color:accent};
  227. -webkit-transition-duration:1s;
  228. -moz-transition-duration:1s;
  229. -o-transition-duration:1s;
  230. }
  231.  
  232. #sidebar {
  233. width:300px;
  234. height:200px;
  235. margin-left:200px;
  236. margin-top:120px;
  237. position:fixed;
  238. -webkit-transition-duration:1s;
  239. -moz-transition-duration:1s;
  240. -o-transition-duration:1s;
  241. }
  242.  
  243. #side:hover #sidebar {
  244. opacity:1;
  245. -webkit-transition-duration:1s;
  246. -moz-transition-duration:1s;
  247. -o-transition-duration:1s;
  248. }
  249.  
  250. #sidebarimage {
  251. width:170px;
  252. height:auto;
  253. text-align:center;
  254.  
  255. }
  256.  
  257.  
  258.  
  259. #sidebarimage img {
  260. width:170px;
  261. height:auto;
  262.  
  263. }
  264.  
  265. #desc {
  266. width:170px;
  267. margin-top:5px;
  268. color:{color:description};
  269. text-align:center;
  270. font-family:calibri;
  271. font-size:9px;
  272. font-weight:bold;
  273. font-style:italic;
  274. }
  275.  
  276. #desc a {
  277. color:black;
  278. font-size:11px;
  279. text-decoration:underline;
  280. }
  281.  
  282.  
  283. #links {
  284. word-spacing:2px;
  285. margin-top:20px;
  286. margin-left:-2px;
  287. width:170px;
  288. font-family:calibri;
  289. text-align:center;
  290. font-size:11px;
  291. padding:2px;
  292. letter-spacing:2px;
  293. font-weight:normal;
  294. color:black;
  295. text-transform:uppercase;
  296.  
  297. }
  298.  
  299.  
  300.  
  301. #links a {
  302. color:{color:linktext};
  303. display:block;
  304. height:15px;
  305. padding:5px 0px 5px 0px;
  306. margin-top:-10px;
  307. background-color:{color:sidelinks};
  308.  
  309. }
  310.  
  311. {block:ifBlur}
  312. #links a:hover {
  313. -webkit-filter:blur(1px);
  314. -moz-filter:blur(1px);
  315. -o-filter:blur(1px);
  316. -ms-filter:blur(1px);
  317. -webkit-transition-duration:.5s;
  318. -moz-transition-duration:.5s;
  319. -o-transition-duration:.5s;
  320. -ms-transition-duration:.5s;
  321. }
  322. {/block:ifBlur}
  323.  
  324. {block:ifColorChange}
  325. #links a:hover {
  326. background-color:#fafafa;
  327. color:black;
  328. -webkit-transition-duration:.5s;
  329. -moz-transition-duration:.5s;
  330. -o-transition-duration:.5s;
  331. -ms-transition-duration:.5s;
  332. }
  333.  
  334. {/block:ifColorChange}
  335.  
  336.  
  337. #head {
  338. z-index:9;
  339. width:105%;
  340. height:30px;
  341. margin-top:-10px;
  342. margin-left:-10px;
  343. padding:10px 0px 5px 0px;
  344. background-color:{color:sidelinks};
  345. position:fixed;
  346. -webkit-transition-duration:.5s;
  347. -moz-transition-duration:.5s;
  348. -o-transition-duration:.5s;
  349. -ms-transition-duration:.5s;
  350.  
  351. }
  352.  
  353. #head a {
  354. text-align:center;
  355. text-transform:uppercase;
  356. display:inline-block;
  357. color:{color:linktext};
  358. text-decoration:none;
  359. width:140px;
  360. padding:10px 50px 5px 50px;
  361. font-family:calibri;
  362. font-size:9px;
  363. letter-spacing:1px;
  364. -webkit-transition-duration:.5s;
  365. -moz-transition-duration:.5s;
  366. -o-transition-duration:.5s;
  367. -ms-transition-duration:.5s;
  368.  
  369. }
  370.  
  371.  
  372. #head a:hover {
  373. color:white;
  374. text-decoration:underline;
  375. letter-spacing:3px;
  376. }
  377.  
  378.  
  379.  
  380.  
  381. #postcontainer {
  382. margin-left:550px;
  383. padding:10px;
  384. margin-top:35px;
  385. height:630px;
  386. padding-bottom:20px;
  387. overflow-y:scroll;
  388. overflow-x:hidden;
  389. position:fixed;
  390. width:509px;
  391. }
  392.  
  393. #post {
  394. text-align:left;
  395. background-color:{color:postbg};
  396. margin-top:30px;
  397. width:500px;
  398. padding:5px;
  399. color:{color:posttext};
  400. }
  401.  
  402. .asker {
  403. width:100%;
  404. text-align:center;
  405. padding:5px;
  406. font-family:calibri;
  407. font-size:16px;
  408. color:black;
  409. letter-spacing:3px;
  410. text-transform:uppercase;
  411. font-weight:normal;
  412. }
  413.  
  414.  
  415. .asker a {
  416. border:none;
  417. }
  418. .question {
  419. margin-left:5px;
  420. border:2px solid #ccc;
  421. color:black;
  422. text-transform:none;
  423. width:85%;
  424. padding:25px;
  425. font-family:arial;
  426. text-align:center;
  427. font-size:12px;
  428. min-height:20px;
  429. box-shadow: 8px 8px 5px #888888;
  430. }
  431.  
  432. .reply {
  433. padding:5px;
  434. font-style:italic;
  435. text-align:center;
  436. font-size:11px;
  437. color:#555;
  438. letter-spacing:2px;
  439. font-weight:bold;
  440. }
  441.  
  442. .love {
  443. font-family:Dancing Script;
  444. text-align:right;
  445. font-size:18px;
  446. color:{color:accent};
  447. }
  448.  
  449.  
  450. /*--STEALING IS WRONG YOU PIECE OF SHIT---*/
  451.  
  452. #info {
  453. margin-top:10px;
  454. font-size:9px;
  455. font-style:italic;
  456. color:black;
  457. padding-top:7px;
  458. padding-bottom:7px;
  459. text-align:right;
  460. width:100%;
  461. border-bottom:1px solid #ddd;
  462. }
  463.  
  464. #info a {
  465. color:black;
  466. font-size:10px;
  467. }
  468.  
  469. ::selection {
  470. background-color:{color:accent};
  471. }
  472.  
  473.  
  474. ::-webkit-scrollbar {
  475. width:5px;
  476. background-color:black;
  477. }
  478.  
  479.  
  480. ::-webkit-scrollbar-thumb {
  481. width:5px;
  482. background-color:{color:accent};
  483. }
  484.  
  485.  
  486. #credit {
  487. bottom:3px;
  488. position:fixed;
  489. right:10px;
  490. float:right;
  491. font-family:calibri;
  492. color:black;
  493. font-size:9px;
  494. letter-spacing:1px;
  495. text-transform:uppercase;
  496. padding:5px;
  497.  
  498. }
  499.  
  500. #credit a {
  501. color:black;
  502. background-color:white;
  503. padding:5px;
  504. -webkit-transition-duration:.8s;
  505. -moz-transition-duration:.8s;
  506. -o-transition-duration:.8s;
  507. -ms-transition-duration:.8s;
  508. }
  509.  
  510. #credit a:hover {
  511. color:white;
  512. background-color:#00bdb3;
  513. }
  514.  
  515.  
  516. .q {
  517. font-style:italic;
  518. text-align:center;
  519. font-size:1.2em;
  520. }
  521.  
  522. .src {
  523. font-size:15px;
  524. text-align:center;
  525. font-family:Fjalla One;
  526. text-transform:uppercase;
  527. }
  528.  
  529. .convo li {list-style: none;}
  530.  
  531. .convo .label {text-transform: uppercase; font-weight:bold}
  532.  
  533. .line_odd .label {color: {color:accent};}
  534. .line_even .label {color: black;}
  535.  
  536.  
  537.  
  538.  
  539.  
  540. </style>
  541.  
  542. </head>
  543.  
  544. <body>
  545.  
  546.  
  547.  
  548.  
  549. <div id="head"><center><a href="{text:link4url}">{text:link4}</a> <a href="{text:link5url}">{text:link5}</a> <a href="{text:link6url}">{text:link6}</a> <a href="{text:link7url}">{text:link7}</a></center></div>
  550.  
  551. <div id="side">
  552. <div id="sidebar">
  553.  
  554. <div id="links">
  555. <a href="{text:link1url}">{text:link1}</a><br>
  556. <a href="{text:link2url}">{text:link2}</a><br>
  557. <a href="{text:link3url}">{text:link3}</a><br>
  558.  
  559. </div>
  560.  
  561. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  562.  
  563. <div id="fresh"><a href="/">{Title}</a></div>
  564.  
  565.  
  566. <div id="desc">{Description}</div>
  567.  
  568.  
  569.  
  570. </div></div>
  571. </div>
  572.  
  573.  
  574. <div id="postcontainer">
  575. {block:Posts}
  576. <div id="post">
  577. <!---TEXT POSTS--->
  578. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  579.  
  580. <!---PHOTO POSTS--->
  581.  
  582. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  583.  
  584. <!---PHOTOSETS--->
  585.  
  586. {block:Photoset}
  587. {Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. <!---VIDEO POSTS--->
  590.  
  591. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. <!---AUDIO POSTS--->
  594.  
  595. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  596.  
  597. <!---QUOTE POSTS--->
  598.  
  599. {block:Quote}<div class="q">{Quote}</div>{block:Source}<div class="src">-{Source}</div>{/block:Source}{/block:Quote}
  600.  
  601. <!---LINK POSTS--->
  602.  
  603. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  604.  
  605. <!---ANSWER POSTS--->
  606.  
  607. {block:Answer}
  608. <div class="asker">
  609. {Asker} whispered . . .</div><div class="question">{Question}</div>
  610. <div class="reply">
  611. {Answer}<br><div class="love">Love,<br>{text:Name}</div></div>
  612. {/block:Answer}
  613.  
  614. <!---CHAT POSTS--->
  615.  
  616. {block:Chat}
  617. {block:Title}<h1>{Title}</h1>{/block:Title}
  618. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  619. {Line}</li>{/block:Lines}</ul>
  620. {/block:Chat}
  621.  
  622. <!---YOU'RE AWFUL--->
  623.  
  624. <div id="info">
  625. <!---POST INFO--->
  626. <a href="{Permalink}">{DayOfWeek} {ShortMonth}. {DayOfMonth} {Year}</a> at {12Hour}:{Minutes}
  627. <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/big5.gif" width="8px"> <a href="{Permalink}">{NoteCount}</a><br>
  628. {block:ContentSource}<a href="{SourceURL}"> original post</a>{/block:ContentSource}{/block:RebloggedFrom}.
  629. <br>
  630. {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i></div>
  631. <div style="text-align:left">
  632. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  633. </div>
  634. {/block:Posts}
  635.  
  636. <center>
  637. {block:Pagination}
  638. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  639. {block:JumpPagination length="5"}
  640. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  641. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  642. {block:NextPage}<a href="{NextPage}" >&raquo;</a>{/block:NextPage}
  643. {/block:Pagination}</center>
  644. </div>
  645.  
  646.  
  647. <div id="credit"><a href="http://ofcuteboys.tumblr.com/">ofcuteboys</a></div></div>
  648.  
  649.  
  650. </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!