API tools faq
paste
Advertisement
spirkism

Theme #5: Starfleet

spirkism
Jun 7th, 2014
795
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.84 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME #5: Starfleet
  3. by Phil (spirkism/spirkthemes)
  4.  
  5. Rules:
  6. - please do not steal/redistribute, I spent quite a bit of time coding this
  7. - also don't remove the credit please, that would make me very sad :(
  8. - don't use as a base code, there are plenty of those out there
  9. - you are allowed to edit as much as you like though, have fun playing around with code, that's how you learn! :)
  10. - tell me if there are any bugs or if you have any questions, need help with the theme or want a detail differently - I'll see what I can do for you ;)
  11. (Please contact me on spirkthemes and NOT my main blog for everything theme related, thank you!)
  12. And now: enjoy! :)
  13. -->
  14.  
  15. <!--
  16. If you use the updates tab, scroll down until you find the body, it's the very first thing there and pretty easy to customise.
  17. All you have to do is to change "Updates" in the sections to whatever you want to say and change "yay all the updates! :)" to the text you want it to say!
  18. If you're having any trouble with that feel free to contact me via
  19. spirkthemes and shoot me an ask there! :)
  20. -->
  21.  
  22.  
  23. <!DOCTYPE html>
  24. <html lang="en">
  25.  
  26. <head>
  27.  
  28. <title>{Title}</title>
  29.  
  30.  
  31. <link rel="shortcut icon" href="{Favicon}" />
  32.  
  33. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Condiment|Allura|Alegreya+Sans|Kaushan+Script|Satisfy|Special+Elite|Calibri|' rel='stylesheet' type='text/css'>
  36.  
  37.  
  38. <!-- color metas -->
  39. <meta name="color:background" content="#ffffff" />
  40. <meta name="color:title color" content="#007ba4" />
  41. <meta name="color:title hover color" content="#004484" />
  42. <meta name="color:sidebar" content="#ececec" />
  43. <meta name="color:sidebarhover" content="#004586" />
  44. <meta name="color:sidebarlink" content="#004586" />
  45. <meta name="color:sidebarlinkhover" content="#004586" />
  46. <meta name="color:text color" content="#000000" />
  47. <meta name="color:link color" content="#000008" />
  48. <meta name="color:link hover color" content="#007ba4" />
  49. <meta name="color:post color" content="#ffffff" />
  50. <meta name="color:border color" content="#000000" />
  51. <meta name="color:postinside" content="fff" />
  52. <meta name="color:header" content="000" />
  53. <meta name="color:headerlinks" content="fff" />
  54. <meta name="color:headerlinkshover" content="fff" />
  55. <meta name="color:headerlinkstext" content="fff" />
  56. <meta name="color:headerlinkstexthover" content="fff" />
  57. <meta name="color:updates" content="000" />
  58.  
  59.  
  60. <!-- image metas -->
  61. <meta name="image:background" content="" />
  62. <meta name="image:header" content="" />
  63.  
  64.  
  65.  
  66. <!-- text metas -->
  67. <meta name="text:link1url" content="" />
  68. <meta name="text:link1text" content="" />
  69. <meta name="text:link2url" content="" />
  70. <meta name="text:link2text" content="" />
  71. <meta name="text:link3url" content="" />
  72. <meta name="text:link3text" content="" />
  73. <meta name="text:link4url" content="" />
  74. <meta name="text:link4text" content="" />
  75.  
  76.  
  77. <meta name="if:Grayscale" content="1"/>
  78. <meta name="if:Updatestab" content="1" />
  79.  
  80. <style type="text/css">
  81.  
  82. /* GENERAL STUFF */
  83.  
  84. ::-webkit-scrollbar {
  85. width:3px;height: 5px;background: {color:background};
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb {
  89. background: {color:title hover color};
  90. }
  91.  
  92. body {
  93. background-color: {color:background};
  94. font-family: Calibri, sans-serif;
  95. background-image: url({image:background});
  96. margin: 0;
  97. word-wrap: break-word;
  98. background-attachment: fixed;
  99. background-repeat: no-repeat;
  100. color: {color:text color};
  101. }
  102.  
  103. a:link, a:active, a:visited {
  104. text-decoration: none;
  105. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  106. -o-transition: 0.5s ease;
  107. -moz-transition: 0.5s ease;
  108. color:{color:link color};
  109. }
  110.  
  111. a:hover {
  112. color:{color:link hover color};
  113. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  114. -o-transition: 0.5s ease;
  115. -moz-transition: 0.5s ease;
  116. }
  117.  
  118.  
  119. /* HEADER THINGS */
  120.  
  121. {block:IfGrayscale}
  122.  
  123. #header {
  124. width: 800px;
  125. left: 50%;
  126. margin-left: -400px;
  127. position: fixed;
  128. z-index: 99;
  129. height: 100px;
  130. background-image: url({image:header});
  131. background-color: {color:header};
  132. top:0;
  133. filter: grayscale(100%);
  134. -moz-filter: grayscale(100%);
  135. -ms-filter: grayscale(100%);
  136. -o-filter: grayscale(100%);
  137. -webkit-filter: grayscale(100%);
  138. -webkit-transition: 1s ease;transition: 1s ease;
  139. -o-transition: 1s ease;
  140. -moz-transition: 1s ease;
  141. }
  142.  
  143.  
  144. #header:hover {
  145. filter: grayscale(0%);
  146. -moz-filter: grayscale(0%);
  147. -ms-filter: grayscale(0%);
  148. -o-filter: grayscale(0%);
  149. -webkit-filter: grayscale(0%);
  150. -webkit-transition: 1s ease;transition: 1s ease;
  151. -o-transition: 1s ease;
  152. -moz-transition: 1s ease;
  153. }
  154.  
  155. {/block:IfGrayscale}
  156.  
  157. {block:IfNotGrayscale}
  158.  
  159. #header {
  160. width: 800px;
  161. left: 50%;
  162. margin-left: -400px;
  163. position: fixed;
  164. z-index: 99;
  165. height: 100px;
  166. background-image: url({image:header});
  167. background-color: {color:header};
  168. top:0;
  169. }
  170.  
  171. {/block:IfNotGrayscale}
  172.  
  173. #title {
  174. font-size: 35px;
  175. width: auto;
  176. font-family:'Allura', serif;
  177. text-align:center;
  178. margin-top: 10px;
  179. text-shadow: 2px 2px 2px #646464;
  180. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  181. -o-transition: 0.5s ease;
  182. -moz-transition: 0.5s ease;
  183. }
  184.  
  185. #title a {
  186. color: {color:title color};
  187. }
  188.  
  189. #title a:hover{
  190. color: {color:title hover color};
  191. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  192. -o-transition: 0.5s ease;
  193. -moz-transition: 0.5s ease;
  194. }
  195.  
  196.  
  197. #headerlinks {
  198. margin-top: 10px;
  199. width: 180px;
  200. position: absolute;
  201. left: 50%;
  202. margin-left: -80px;
  203. }
  204.  
  205. .hlinks {
  206. float: right;
  207. text-align: center;
  208. text-transform: lowercase;
  209. font-size: 11px;
  210. font-family: 'Calibri', sans-serif;
  211. background-color: {color:headerlinks};
  212. color: {color:headerlinkstext};
  213. width: 50px;
  214. height: 15px;
  215. line-height: 15px;
  216. margin-right: 5px;
  217. z-index: 9;
  218. padding: 2px;
  219. border-radius: 3px;
  220. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  221. -o-transition: 0.5s ease;
  222. -moz-transition: 0.5s ease;
  223. }
  224.  
  225. .hlinks:hover {
  226. background-color: {color:headerlinkshover};
  227. color: {color:headerlinkstexthover};
  228. border-radius: 30px;
  229. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  230. -o-transition: 0.5s ease;
  231. -moz-transition: 0.5s ease;
  232. }
  233.  
  234. /* SIDEBAR THINGS */
  235.  
  236.  
  237. #sb1 {
  238. height: 170px;
  239. width: 110px;
  240. left: 50%;
  241. margin-left: -420px;
  242. top: 50%;
  243. margin-top: -35px;
  244. position: fixed;
  245. }
  246.  
  247.  
  248. #sb1:hover #sidebar img{
  249. opacity:0;
  250. -webkit-transition: 1s ease;transition: 1s ease;
  251. -o-transition: 1s ease;
  252. -moz-transition: 1s ease;
  253. }
  254.  
  255. #sb1:hover #sidebarshadow img{
  256. opacity:0;
  257. -webkit-transition: 1s ease;transition: 1s ease;
  258. -o-transition: 1s ease;
  259. -moz-transition: 1s ease;
  260. }
  261.  
  262. #sidebar img{
  263. position: fixed;
  264. height: 170px;
  265. width: auto;
  266. opacity: 0.9;
  267. -webkit-transition: 1s ease;transition: 1s ease;
  268. -o-transition: 1s ease;
  269. -moz-transition: 1s ease;
  270. }
  271.  
  272.  
  273. #sidebarshadow img{
  274. position: fixed;
  275. margin-left: 4px;
  276. margin-top: 4px;
  277. height: 170px;
  278. width: auto;
  279. opacity: 0.3;
  280. -webkit-transition: 1s ease;transition: 1s ease;
  281. -o-transition: 1s ease;
  282. -moz-transition: 1s ease;
  283. }
  284.  
  285.  
  286. #sidebarh img{
  287. position: fixed;
  288. height: 170px;
  289. width: auto;
  290. opacity: 0;
  291. -webkit-transition: 1s ease;transition: 1s ease;
  292. -o-transition: 1s ease;
  293. -moz-transition: 1s ease;
  294. }
  295.  
  296.  
  297. #sidebarshadowh img{
  298. position: fixed;
  299. margin-left: 4px;
  300. margin-top: 4px;
  301. height: 170px;
  302. width: auto;
  303. opacity: 0;
  304. -webkit-transition: 1s ease;transition: 1s ease;
  305. -o-transition: 1s ease;
  306. -moz-transition: 1s ease;
  307. }
  308.  
  309.  
  310.  
  311. #sb1:hover #sidebarh img{
  312. opacity: 0.9;
  313. -webkit-transition: 1s ease;transition: 1s ease;
  314. -o-transition: 1s ease;
  315. -moz-transition: 1s ease;
  316. }
  317.  
  318.  
  319. #sb1:hover #sidebarshadowh img{
  320. opacity: 0.3;
  321. -webkit-transition: 1s ease;transition: 1s ease;
  322. -o-transition: 1s ease;
  323. -moz-transition: 1s ease;
  324. }
  325.  
  326. #sb1linkbox {
  327. left: 50%;
  328. margin-left: -440px;
  329. top: 50%;
  330. margin-top: -25px;
  331. height: 150px;
  332. width: 170px;
  333. position:fixed;
  334. opacity:0;
  335. -webkit-transition: 1s ease;transition: 1s ease;
  336. -o-transition: 1s ease;
  337. -moz-transition: 1s ease;
  338. }
  339.  
  340.  
  341. #sb1:hover #sb1linkbox {
  342. left: 50%;
  343. margin-left: -560px;
  344. top: 50%;
  345. margin-top: -25px;
  346. height: 150px;
  347. width: 140px;
  348. position:fixed;
  349. opacity: 1;
  350. -webkit-transition: 1s ease;transition: 1s ease;
  351. -o-transition: 1s ease;
  352. -moz-transition: 1s ease;
  353. }
  354.  
  355.  
  356. .sb1links {
  357. width: 120px;
  358. margin-top: 3px;
  359. margin-left: 7px;
  360. padding: 3px;
  361. position:absolute;
  362. float:left;
  363. background-color: {color:sidebar};
  364. font-family: 'Calibri', sans-serif;
  365. font-size: 13px;
  366. height: 20px;
  367. line-height: 20px;
  368. color: {color:sidebarlink};
  369. margin-bottom: 2px;
  370. text-align: center;
  371. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  372. -o-transition: 0.5s ease;
  373. -moz-transition: 0.5s ease;
  374. }
  375.  
  376.  
  377. .sb1links:hover {
  378. background-color: {color:sidebarhover};
  379. color: {color:sidebarlinkhover};
  380. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  381. -o-transition: 0.5s ease;
  382. -moz-transition: 0.5s ease;
  383. }
  384.  
  385.  
  386.  
  387. #sb2 {
  388. height: 170px;
  389. width: 110px;
  390. left: 50%;
  391. margin-left: 320px;
  392. top: 50%;
  393. margin-top: -35px;
  394. position: fixed;
  395. }
  396.  
  397. #desc {
  398. width: 130px;
  399. height: 130px;
  400. border: 5px solid {color:border color};
  401. padding: 7px;
  402. left: 50%;
  403. margin-left: 320px;
  404. top: 50%;
  405. margin-top: -30px;
  406. font-family: 'Calibri', sans-serif;
  407. font-size: 12px;
  408. color: {color:text color};
  409. position: fixed;
  410. text-align: center;
  411. opacity: 0;
  412. overflow-y:scroll;
  413. background-color: {color:postinside};
  414. -webkit-transition: 1s ease;transition: 1s ease;
  415. -o-transition: 1s ease;
  416. -moz-transition: 1s ease;
  417. }
  418.  
  419. #sb2:hover #desc {
  420. left: 50%;
  421. margin-left: 440px;
  422. top: 50%;
  423. margin-top: -35px;
  424. opacity: 1;
  425. -webkit-transition: 1s ease;transition: 1s ease;
  426. -o-transition: 1s ease;
  427. -moz-transition: 1s ease;
  428. }
  429.  
  430.  
  431. #sidebar2 img{
  432. position: fixed;
  433. height: 170px;
  434. width: auto;
  435. opacity: 0.9;
  436. -webkit-transition: 1s ease;transition: 1s ease;
  437. -o-transition: 1s ease;
  438. -moz-transition: 1s ease;
  439. }
  440.  
  441. #sidebar2shadow img{
  442. position: fixed;
  443. height: 170px;
  444. width: auto;
  445. margin-left: 4px;
  446. margin-top: 4px;
  447. opacity: 0.3;
  448. -webkit-transition: 1s ease;transition: 1s ease;
  449. -o-transition: 1s ease;
  450. -moz-transition: 1s ease;
  451. }
  452.  
  453.  
  454. #sidebar2h img{
  455. position: fixed;
  456. height: 170px;
  457. width: auto;
  458. opacity: 0;
  459. -webkit-transition: 1s ease;transition: 1s ease;
  460. -o-transition: 1s ease;
  461. -moz-transition: 1s ease;
  462. }
  463.  
  464. #sidebar2shadowh img{
  465. position: fixed;
  466. height: 170px;
  467. width: auto;
  468. margin-left: 4px;
  469. margin-top: 4px;
  470. opacity: 0;
  471. -webkit-transition: 1s ease;transition: 1s ease;
  472. -o-transition: 1s ease;
  473. -moz-transition: 1s ease;
  474. }
  475.  
  476. #sb2:hover #sidebar2 img{
  477. opacity:0;
  478. -webkit-transition: 1s ease;transition: 1s ease;
  479. -o-transition: 1s ease;
  480. -moz-transition: 1s ease;
  481. }
  482.  
  483. #sb2:hover #sidebar2shadow img{
  484. opacity:0;
  485. -webkit-transition: 1s ease;transition: 1s ease;
  486. -o-transition: 1s ease;
  487. -moz-transition: 1s ease;
  488. }
  489.  
  490. #sb2:hover #sidebar2h img{
  491. opacity:0.9;
  492. -webkit-transition: 1s ease;transition: 1s ease;
  493. -o-transition: 1s ease;
  494. -moz-transition: 1s ease;
  495. }
  496.  
  497. #sb2:hover #sidebar2shadowh img{
  498. opacity:0.3;
  499. -webkit-transition: 1s ease;transition: 1s ease;
  500. -o-transition: 1s ease;
  501. -moz-transition: 1s ease;
  502. }
  503.  
  504.  
  505.  
  506.  
  507. #prevpage {
  508. width: 25px;
  509. height: 25px;
  510. line-height: 25px;
  511. position: absolute;
  512. margin-left: 5px;
  513. margin-top: 17px;
  514. background-color: {color:headerlinks};
  515. border: none;
  516. border-radius: 100px;
  517. text-align: center;
  518. opacity: 0.6;
  519. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  520. -o-transition: 0.5s ease;
  521. -moz-transition: 0.5s ease;
  522. }
  523.  
  524. #nextpage {
  525. text-align: center;
  526. line-height: 25px;
  527. width: 25px;
  528. height: 25px;
  529. position: absolute;
  530. margin-left: 770px;
  531. margin-top: 17px;
  532. background-color: {color:headerlinks};
  533. border: none;
  534. border-radius: 100px;
  535. opacity:0.6;
  536. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  537. -o-transition: 0.5s ease;
  538. -moz-transition: 0.5s ease;
  539. }
  540.  
  541. #prevpage a {
  542. color: {color:text};
  543. font-size: 22px;
  544. line-height: 25px;
  545. text-align: center;
  546. }
  547.  
  548. #nextpage a {
  549. color: {color:text};
  550. font-size: 22px;
  551. line-height: 25px;
  552. text-align: center;
  553. }
  554.  
  555. #prevpage:hover {
  556. opacity: 1;
  557. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  558. -o-transition: 0.5s ease;
  559. -moz-transition: 0.5s ease;
  560. }
  561.  
  562. #nextpage:hover {
  563. opacity: 1;
  564. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  565. -o-transition: 0.5s ease;
  566. -moz-transition: 0.5s ease;
  567. }
  568.  
  569.  
  570.  
  571. /* UPDATES TAB */
  572.  
  573.  
  574. #updatestab {
  575. left: 10px;
  576. top: 10px;
  577. position: fixed;
  578. -webkit-transition: 1s ease;transition: 1s ease;
  579. -o-transition: 1s ease;
  580. -moz-transition: 1s ease;
  581. }
  582.  
  583. #updatestabimg img{
  584. width: 130px;
  585. height: auto;
  586. opacity: 0.7;
  587. -webkit-transition: 1s ease;transition: 1s ease;
  588. -o-transition: 1s ease;
  589. -moz-transition: 1s ease;
  590. }
  591.  
  592. #updatestabtext {
  593. font-size: 11px;
  594. font-family: 'Calibri', sans-serif;
  595. color: {color:text};
  596. width: 110px;
  597. padding: 10px;
  598. height: 1px;
  599. margin-top: 1px;
  600. margin-left: 1px;
  601. border: 3px solid {color:border color};
  602. overflow-y: scroll;
  603. text-align: center;
  604. -webkit-transition: 1s ease;transition: 1s ease;
  605. -o-transition: 1s ease;
  606. -moz-transition: 1s ease;
  607. opacity: 0;
  608. }
  609.  
  610. #updates:hover #updatestabtext {
  611. height: 200px;
  612. padding: 10px;
  613. width: 110px;
  614. -webkit-transition: 1s ease;transition: 1s ease;
  615. -o-transition: 1s ease;
  616. -moz-transition: 1s ease;
  617. opacity: 1;
  618. }
  619.  
  620. #updates:hover #updatestabimg img {
  621. opacity: 1;
  622. -webkit-transition: 1s ease;transition: 1s ease;
  623. -o-transition: 1s ease;
  624. -moz-transition: 1s ease;
  625. }
  626.  
  627.  
  628.  
  629.  
  630.  
  631. /*CONTENT THINGS */
  632.  
  633. #content {
  634. width: 560px;
  635. background-color: none;
  636. padding: 20px 0;
  637. color: {text:color};
  638. overflow: hidden;
  639. margin-left: -250px;
  640. left: 50%;
  641. margin-top: 120px;
  642. position: relative;
  643. }
  644.  
  645. #content a {
  646. color: {color:link color};
  647. text-decoration: none;
  648. }
  649.  
  650. #content a:hover {
  651. color: {color:link hover color};
  652. }
  653.  
  654. #content blockquote {
  655. border-left: solid 2px #505050;
  656. margin: 0;
  657. padding-left: 10px;
  658. }
  659.  
  660. img {
  661. border: 0;
  662. max-width: 100%;
  663. }
  664.  
  665.  
  666. #content #posts {
  667. background-color: {color:post color};
  668. width: 500px;
  669. height: auto;
  670. margin: 0 0 80px 0;
  671. padding: 10px 10px 10px 10px;
  672. font-size: 14px;
  673. position: relative;
  674. }
  675.  
  676.  
  677. #content #posts .title {
  678. font-size: 16px;
  679. }
  680.  
  681. #content #posts .text {
  682. font-size: 12px;
  683. }
  684.  
  685.  
  686. /* PERMALINK STUFF */
  687.  
  688. #permalink {
  689. font-size: 9px;
  690. margin-top: 2px;
  691. }
  692.  
  693. #posts:hover #tags {
  694. opacity: 1;
  695. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  696. -o-transition: 0.7s ease;
  697. -moz-transition: 0.7s ease;
  698. }
  699.  
  700. #tags {
  701. font-size:9px;
  702. width: 500px;
  703. text-align: center;
  704. margin-top: 15px;
  705. opacity:0;
  706. position: absolute;
  707. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  708. -o-transition: 0.7s ease;
  709. -moz-transition: 0.7s ease;
  710. }
  711.  
  712. #tags .comma:last-child {
  713. display: none;
  714. }
  715.  
  716.  
  717. #reblogged {
  718. position: relative;
  719. font-size: 9px;
  720. overflow: hidden;
  721. }
  722.  
  723.  
  724. /* PERMALINK PAGE THINGS */
  725.  
  726. #content #notecontainer {
  727. margin: 20px auto;
  728. width: 460px;
  729. font-size: 11px;
  730. }
  731.  
  732.  
  733. #content #notecontainer ol.notes {
  734. list-style-type: none;
  735. margin: 1;
  736. padding: 2;
  737. }
  738.  
  739. #content #notecontainer img.avatar {
  740. margin-right: 10px;
  741. width: 16px;
  742. height: 16px;
  743. margin: 1;
  744. padding: 2;
  745. }
  746.  
  747. #content #posts #tagsbox {
  748. border: 1px solid {color:border color};
  749. padding: 1px 4px 3px 4px;
  750. margin-top: 15px;
  751. background-color: {color:postinside};
  752. }
  753.  
  754. /* POST STUFF */
  755.  
  756. .linkpost {
  757. background-color: #ececec;
  758. padding: 5px;
  759. }
  760.  
  761. .linkpost .title {
  762. margin-top: -2px;
  763. margin-left: 7px;
  764. padding: 2px 0 0 0;
  765. }
  766.  
  767.  
  768.  
  769. .askericon {
  770. width: auto;
  771. margin-left:228px;
  772. margin-top: -20px;
  773. overflow: visible;
  774. border-radius: 100px;
  775. }
  776.  
  777. .askericon img {
  778. border-radius: 100px;
  779. }
  780.  
  781. .askericon img:hover{
  782.  
  783. }
  784.  
  785. .askicon img {
  786. z-index: 9;
  787. height: 40px;
  788. width: 40px;
  789. position: relative;
  790. border: 2px solid black;
  791. }
  792.  
  793.  
  794.  
  795. .askicon img{
  796. z-index: 9;
  797. width: 40px;
  798. -webkit-transition:all 0.6s ease-out;
  799. -moz-transition:all 0.6s ease-out;
  800. -ms-transition:all 0.6s ease-out;
  801. -o-transition:all 0.6s ease-out;
  802. transition:all 0.6s ease-out;
  803. }
  804.  
  805. .askicon img:hover {
  806. -webkit-transform:rotate(360deg);
  807. -moz-transform:rotate(360deg);
  808. -ms-transform:rotate(360deg);
  809. -o-transform:rotate(360deg);
  810. transform:rotate(360deg);
  811. }
  812.  
  813. .iconenterprise {
  814. width: auto;
  815. height: 40px;
  816. margin-top: -45px;
  817. margin-left: 1px;
  818. z-index: 8;
  819. position: relative;
  820. }
  821.  
  822. .iconenterprise img {
  823. z-index: 8;
  824. opacity: 1;
  825. height: 40px;
  826. }
  827.  
  828.  
  829. .question {
  830. border: 1px dotted {color:border color};
  831. overflow: hidden;
  832. width: 477px;
  833. height: auto;
  834. margin-top: -14px;
  835. padding: 2px 10px 5px 10px;
  836. color: {color:text color};
  837. background-color: {color:postinside};
  838. font-size: 12px;
  839. text-decoration: italic;
  840. z-index:-9;
  841.  
  842. }
  843.  
  844. .asker {
  845. font-size: 13px;
  846. text-transform:uppercase;
  847. color: #007ba4;
  848. }
  849.  
  850. .answer {
  851. font-size: 12px;
  852. border: 1px dotted {color:border color};
  853. padding: 5px 10px 0 10px;
  854. width: 477px;
  855. margin-top:-13px;
  856. overflow: hidden;
  857. background-color: {color:postinside};
  858. }
  859.  
  860. .textpost {
  861. font-size: 13px;
  862. margin-top: -12px;
  863. }
  864.  
  865. .caption {
  866. font-size: 12px;
  867. }
  868.  
  869. .quote {
  870. font-size: 20px;
  871. font-family: 'Satisfy', sans-serif;
  872. }
  873.  
  874. .audiopost {
  875. padding: 0 10px;
  876. width: 477px;
  877. font-size: 10px;
  878. margin-top: -20px;
  879. }
  880.  
  881. .audio {
  882. border: 2px double {color:border color};
  883. padding: 5px 10px;
  884. width: 478px;
  885. font-size: 15px;
  886. font-family: 'Satisfy';
  887. margin-bottom: 7px;
  888. }
  889.  
  890. .chattitle {
  891. font-size: 16px;
  892. }
  893.  
  894.  
  895.  
  896.  
  897. /* PLEASE DO NOT REMOVE THE CREDIT OR MOVE IT */
  898.  
  899. #credit {
  900. bottom: 8px;
  901. right: 8px;
  902. border: 1px solid #BABABA;
  903. font-size: 10px;
  904. color: #5A5A5A;
  905. height: 13px;
  906. width: 13px;
  907. line-height: 13px;
  908. position: fixed;
  909. text-align: center;
  910. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  911. -o-transition: 0.5s ease;
  912. -moz-transition: 0.5s ease;
  913. }
  914.  
  915. #credit:hover {
  916. background-color: #2E2E2E;
  917. color: #fff;
  918. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  919. -o-transition: 0.5s ease;
  920. -moz-transition: 0.5s ease;
  921. }
  922.  
  923.  
  924. {CustomCSS}
  925.  
  926. </style>
  927.  
  928.  
  929. </head>
  930.  
  931. <body>
  932.  
  933.  
  934. {block:IfUpdatestab}
  935.  
  936. <!-- updates tab !!! -->
  937.  
  938. <div id="updatestab">
  939.  
  940. <div id="updates">
  941. <div id="updatestabimg"><img src="http://static.tumblr.com/h5czl1a/tQ0n6t4t8/enterprise_silhouette.png"></div>
  942. <div id="updatestabtext">
  943.  
  944. <div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  945. yay all the updates! :)
  946.  
  947. <br><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  948.  
  949. yay all the updates! :)
  950.  
  951. <br/><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  952.  
  953. yay all the updates! :)
  954.  
  955. <br/><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  956.  
  957. yay all the updates! :)
  958.  
  959. <br/><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  960.  
  961. yay all the updates! :)
  962.  
  963. <br/><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Updates</b></div><br/>
  964.  
  965. yay all the updates! :)
  966.  
  967.  
  968. <!-- copy/paste the following for new sections!
  969.  
  970. <br/><br/><div style="background:{color:updates};padding: 2px;font-size: 10px;"><b>Networks</b></div><br/>
  971.  
  972. -->
  973.  
  974. </div>
  975. </div>
  976. </div>
  977.  
  978. {/block:IfUpdatestab}
  979.  
  980.  
  981.  
  982.  
  983. <div id="header">
  984. <div id="title"><a href="/">{Title}</a></div>
  985.  
  986. <div id="headerlinks">
  987. <a href="/archive"><div class="hlinks">Archive</div></a>
  988. <a href="/ask"><div class="hlinks">Ask</div></a>
  989. <a href="/"><div class="hlinks">Home</div></a>
  990.  
  991. </div>
  992.  
  993.  
  994. {block:Pagination}
  995.  
  996.  
  997.  
  998.  
  999. {block:PreviousPage}
  1000.  
  1001. <a href="{PreviousPage}"><div id="prevpage">&laquo;</div></a>
  1002.  
  1003. {/block:PreviousPage}
  1004.  
  1005.  
  1006.  
  1007. {block:NextPage}
  1008.  
  1009. <a href="{NextPage}"> <div id="nextpage"> &raquo;</div></a>
  1010.  
  1011. {/block:NextPage}
  1012.  
  1013.  
  1014. {/block:Pagination}
  1015.  
  1016. </div>
  1017.  
  1018. <div id="sb1">
  1019. <div id="sidebar"><img src="http://static.tumblr.com/h5czl1a/J0zn6t4uf/command_cropped_black.png"></div>
  1020. <div id="sidebarshadow"><img src="http://static.tumblr.com/h5czl1a/J0zn6t4uf/command_cropped_black.png"></div>
  1021. <div id="sidebarh"><img src="http://static.tumblr.com/h5czl1a/Faln6t4v7/engineering2_cropped_black.png"></div>
  1022. <div id="sidebarshadowh"><img src="http://static.tumblr.com/h5czl1a/Faln6t4v7/engineering2_cropped_black.png"></div>
  1023. <div id="sb1linkbox">
  1024. <a href="{text:link1url}"><div class="sb1links">{text:link1text}</div></a><br/><br/>
  1025. <a href="{text:link2url}"><div class="sb1links">{text:link2text}</div></a><br/><br/>
  1026. <a href="{text:link3url}"><div class="sb1links">{text:link3text}</div></a><br/><br/>
  1027. <a href="{text:link4url}"><div class="sb1links">{text:link4text}</div></a>
  1028. </div>
  1029. </div>
  1030.  
  1031.  
  1032. <div id="sb2">
  1033. <div id="sidebar2"><img src="http://static.tumblr.com/h5czl1a/ky8n6t4tk/science_cropped_black.png"></div>
  1034. <div id="sidebar2shadow"><img src="http://static.tumblr.com/h5czl1a/ky8n6t4tk/science_cropped_black.png"></div>
  1035. <div id="sidebar2h"><img src="http://static.tumblr.com/h5czl1a/icmn6t4vo/medical2_cropped_black.png"></div>
  1036. <div id="sidebar2shadowh"><img src="http://static.tumblr.com/h5czl1a/icmn6t4vo/medical2_cropped_black.png"></div>
  1037. <div id="desc">{Description}</div>
  1038. </div>
  1039.  
  1040.  
  1041.  
  1042.  
  1043. <!--
  1044. {block:Pagination}
  1045. <div id="pagination">
  1046. {block:PreviousPage}
  1047. <a href="{PreviousPage}">&#8612;</a>
  1048. {/block:PreviousPage}
  1049.  
  1050. {block:JumpPagination length="5"}
  1051. {block:CurrentPage}
  1052. <span class="current_page"><u>{PageNumber}</u></span>
  1053. {/block:CurrentPage}
  1054.  
  1055. {block:JumpPage}
  1056. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1057. {/block:JumpPage}
  1058. {/block:JumpPagination}
  1059.  
  1060. {block:NextPage}
  1061. <a href="{NextPage}">&#8614;</a>
  1062. {/block:NextPage}
  1063. </div>
  1064. {/block:Pagination}</div>
  1065.  
  1066.  
  1067. -->
  1068.  
  1069.  
  1070.  
  1071. <!-- boring post stuff - you don't really need to edit there I'd say -->
  1072. <div id="content">
  1073. {block:Posts}
  1074.  
  1075.  
  1076. <div id="posts">
  1077.  
  1078. {block:ContentSource}
  1079. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1080. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1081. {/block:SourceLogo}
  1082. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1083. {/block:ContentSource}
  1084.  
  1085. {block:Photo}
  1086. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  1087. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1088. {/block:Photo}
  1089.  
  1090. {block:Photoset}
  1091. {Photoset-500}
  1092. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1093. {/block:Photoset}
  1094.  
  1095. {block:Video}
  1096. {Video-500}
  1097. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1098. {/block:Video}
  1099.  
  1100. {block:Audio}
  1101. <div class="audio">
  1102. {block:TrackName}
  1103. ' {TrackName} '
  1104. {/block:TrackName}
  1105. {block:Artist}
  1106. by
  1107. ' {Artist} '
  1108. {/block:Artist}
  1109. </div>
  1110. {AudioPlayerWhite}
  1111. {block:Caption}<br /><div class="audiopost">{Caption}</div>{/block:Caption}
  1112. {/block:Audio}
  1113.  
  1114. {block:Quote}
  1115. <div class="quote">“{Quote}”</div>
  1116. {block:Source}<div class="text">~ {Source}</div>{/block:Source}
  1117. {/block:Quote}
  1118.  
  1119. {block:Text}
  1120. {block:Title}<div class="title">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
  1121. {/block:Text}
  1122.  
  1123. {block:Answer}
  1124. <div class="askericon"><div class="askicon"><img src="{AskerPortraitURL-64}" /></div><div class="iconenterprise"><img src="http://static.tumblr.com/h5czl1a/tQ0n6t4t8/enterprise_silhouette.png"></div></div>
  1125. <div class="question"><div class="asker">{Asker}:</div><em>{Question}</em></div><br />
  1126. <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
  1127. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1128. {/block:Answer}
  1129.  
  1130. {block:Chat}
  1131. {block:Title}<div class="chattitle">{Title}</div>{/block:Title}
  1132. {block:Lines}
  1133. {block:Label}<strong>{Label}</strong>{/block:Label} <em>{Line}</em><br />
  1134. {/block:Lines}
  1135. {/block:Chat}
  1136.  
  1137. {block:Link}
  1138. <div class="linkpost"><div class="title"><a href="{URL}" >{Name}</a></div></div>
  1139. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1140. {/block:Link}
  1141.  
  1142.  
  1143.  
  1144. <div id="tagsbox">
  1145. <div id="permalink">
  1146. <a href="{Permalink}">
  1147. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  1148. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
  1149. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;-&nbsp;
  1150. originally: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1151. {/block:RebloggedFrom}
  1152. &nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;
  1153. <a href="{ReblogURL}" target="_blank">reblog</a>
  1154.  
  1155. </div>
  1156.  
  1157. </div>
  1158. {block:HasTags}<div id="tags">
  1159. {block:Tags}
  1160. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  1161. {/block:Tags}
  1162. </div>
  1163. {/block:HasTags}
  1164.  
  1165. </div> <!-- posts div -->
  1166.  
  1167.  
  1168.  
  1169.  
  1170. {block:PostNotes}
  1171. <div id="notecontainer">{PostNotes}</div>
  1172. {/block:PostNotes}
  1173.  
  1174. {/block:Posts}
  1175. </div> <!-- content div-->
  1176.  
  1177.  
  1178. <!-- credit, please do not remove! -->
  1179. <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
  1180.  
  1181.  
  1182. </body>
  1183.  
  1184. </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!