API tools faq
paste
cogargraphics

Theme 1A: Hoshido

cogargraphics
Mar 16th, 2017
549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Cogar Graphics
  4.  
  5. -Theme 01 [FATES]: Created by Clayton Cogar
  6. -Please do not remove credit
  7. -Please do not redistribute or claim as your own
  8. -Please don't use as base code
  9. -Enjoy
  10.  
  11. CREDITS
  12.  
  13. > Music Player: http://yukoki.tumblr.com/
  14.  
  15. > Icons: http://fontawesome.io/icons/
  16.  
  17. !-->
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  28.  
  29.  
  30. <meta name="color:mainlinks" content="#888888" />
  31. <meta name="color:mainlinks background" content="#eeeeee" />
  32. <meta name="color:mainlinks hover" content="#f6f6f6" />
  33.  
  34. <meta name="color:Bold" content="#992727" />
  35. <meta name="color:Italics" content="#992727" />
  36. <meta name="color:Links" content="#cc3434" />
  37. <meta name="color:Links Hover" content="#636363" />
  38. <meta name="color:Tags" content="#474747" />
  39. <meta name="color:Tags Hover" content="#cc3434" />
  40. <meta name="color:Permalinks" content="#636363" />
  41. <meta name="color:Permalinks Hover" content="#cc3434" />
  42. <meta name="color:Permalinks Background" content="#eee" />
  43.  
  44. <meta name="color:BlogTitle" content="#000000">
  45. <meta name="color:DescriptionBackground" content="#FFFfff">
  46. <meta name="color:DescriptionText" content="#000000">
  47. <meta name="color:BorderColor" content="#000000" />
  48.  
  49. <meta name="image:BackgroundImage" content="http://static.tumblr.com/60krdzm/Uy0omqaa7/whte_waves.jpg">
  50. <meta name="image:SideBar" content="http://static.tumblr.com/60krdzm/n1Momxdjy/test2.jpg">
  51. <meta name="image:RightImageOne" content="http://static.tumblr.com/60krdzm/vYNomw4ms/hinoka.jpg">
  52. <meta name="image:RightImageTwo" content="http://static.tumblr.com/60krdzm/33Yomw4mw/tacomeme.jpg">
  53. <meta name="image:RightImageThree" content="http://static.tumblr.com/60krdzm/Bbbomw4mu/sakura.jpg">
  54.  
  55. <meta name="text:CustomLink1URL" content="Link 1 URL" />
  56. <meta name="text:CustomLink1Name" content="Link 1" />
  57. <meta name="text:CustomLink2URL" content="Link 2 URL" />
  58. <meta name="text:CustomLink2Name" content="Link 2" />
  59. <meta name="text:CustomLink3URL" content="Link 3 URL" />
  60. <meta name="text:CustomLink3Name" content="Link 3" />
  61. <meta name="text:CustomLink4URL" content="Link 4 URL" />
  62. <meta name="text:CustomLink4Name" content="Link 4" />
  63. <meta name="text:CustomLink5URL" content="Link 5 URL" />
  64. <meta name="text:CustomLink5Name" content="Link 5" />
  65. <meta name="text:CustomLink6URL" content="Link 6 URL" />
  66. <meta name="text:CustomLink6Name" content="Link 6" />
  67. <meta name="text:CustomLink7URL" content="Link 7 URL" />
  68. <meta name="text:CustomLink7Name" content="Link 7" />
  69. <meta name="text:CustomLink8URL" content="Link 8 URL" />
  70. <meta name="text:CustomLink8Name" content="Link 8" />
  71.  
  72. <meta name="text:BillyMusicPlayer" content="paste code here" />
  73. </head>
  74.  
  75. <style type="text/css">
  76.  
  77. body {
  78. background-color:#d1d1d1;
  79. font-family:'Gibson', sans-serif;
  80. font-size: 11px;
  81. background-image:url({image:BackgroundImage});
  82. background-position:top left;
  83. background-repeat:repeat;
  84. background-attachment:fixed;
  85. }
  86.  
  87. img{
  88. max-width:100%;
  89. }
  90.  
  91. a{
  92. text-decoration:none;
  93. color:{color:Links};
  94. -webkit-transition: all 0.7s ease;
  95. -moz-transition: all 0.7s ease;
  96. -o-transition: all 0.7s ease;
  97. }
  98.  
  99. a:hover{
  100. color:{color:Links Hover};
  101. }
  102.  
  103. b, strong{
  104. color:{color:Bold};
  105. text-transform:uppercase;
  106. }
  107.  
  108. i, em{
  109. color:{color:Italics};
  110. font-family:'Bookman', serif;
  111. }
  112.  
  113. blockquote{
  114. padding:2px 7px;
  115. margin:3px 0px 3px8px;
  116. border-left:1px solid #006f94;
  117. }
  118.  
  119. blockquote img{
  120. max-width:100%;
  121. height:auto;
  122. }
  123.  
  124. #container {
  125. position:absolute;
  126. left:440px;
  127. }
  128.  
  129. .posts {
  130. width:500px;
  131. background-color:#ffffff;
  132. padding:10px;
  133. margin-bottom:30px;
  134. }
  135.  
  136. .posttitle{
  137. text-align:right;
  138. font-size:20px;
  139. margin-right:10px;
  140. border-bottom: 1px solid black;
  141. }
  142.  
  143. .permalinks {
  144. text-align:right;
  145. background-color:{color:Permalinks Background};
  146. padding:5px;
  147. height:12px;
  148. }
  149.  
  150. .permalinks a{
  151. text-decoration:none;
  152. font-size:9px;
  153. color:{color:Permalinks};
  154. -webkit-transition: all 0.7s ease;
  155. -moz-transition: all 0.7s ease;
  156. -o-transition: all 0.7s ease;
  157. }
  158.  
  159. .permalinks a:hover{
  160. color:{color:Permalinks Hover};
  161. }
  162.  
  163. .date{
  164. float:left;
  165. }
  166.  
  167. .reblogs{
  168. float:right;
  169. }
  170.  
  171. .tags{
  172. text-align:center;
  173. }
  174.  
  175. .tags a{
  176. text-decoration:none;
  177. font-size:8px;
  178. text-transform:uppercase;
  179. color:{color:Tags};
  180. -webkit-transition: all 0.7s ease;
  181. -moz-transition: all 0.7s ease;
  182. -o-transition: all 0.7s ease;
  183. }
  184.  
  185. .tags a:hover{
  186. color:{color:Tags Hover};
  187. }
  188.  
  189. .asker {
  190. font-size:15px;
  191. font-style: italic;
  192. text-align: right;
  193. border-bottom:1px solid #eee;
  194. margin-bottom:5px;
  195. padding-bottom:3px;
  196. }
  197.  
  198. .question {
  199. font-style: italic;
  200. border-bottom:1px solid #eee;
  201. padding-bottom:3px;
  202. padding-left:50px;
  203. padding-right:50px;
  204. }
  205.  
  206. .quote {
  207. font-size:13px;
  208. letter-spacing:1px;
  209. text-align:center;
  210. border-bottom:1px solid #eee;
  211. margin-bottom:5px;
  212. padding-bottom:3px;
  213. }
  214.  
  215. .quotesource {
  216. font-size:10px;
  217. letter-spacing:1px;
  218. text-align:right;
  219. margin-bottom:5px;
  220. }
  221.  
  222. #linkposts{
  223. font-size:15px;
  224. font-style: italic;
  225. text-align: right;
  226. border-bottom:1px solid #eee;
  227. margin-bottom:5px;
  228. padding-bottom:3px;
  229. }
  230.  
  231. #blogtitle{
  232. position:fixed;
  233. left:155px;
  234. top:70px;
  235. width:200px;
  236. text-align:right;
  237. color: {color:BlogTitle};
  238. }
  239.  
  240. #sideimg{
  241. position:fixed;
  242. top:110px;
  243. left:150px;
  244. width:200px;
  245. }
  246.  
  247. #sideimg img{
  248. width:200px;
  249. height:275px;
  250. border:3px solid {color:BorderColor};
  251. }
  252.  
  253. #mainlinks{
  254. position:fixed;
  255. display:inline-block;
  256. width:250px;
  257. top:395px;
  258. left:150px;
  259. font-size:20px;
  260. text-align:left;
  261. word-spacing:1px;
  262.  
  263. }
  264.  
  265. #mainlinks a{
  266. border:{color:BorderColor} solid 1px;
  267. color: {color:mainlinks};
  268. background-color: {color:mainlinks background};
  269. padding-left:13px;
  270. padding-right:13px;
  271. text-align:center;
  272. -webkit-transition: all 0.7s ease;
  273. -moz-transition: all 0.7s ease;
  274. -o-transition: all 0.7s ease;
  275. }
  276.  
  277. #mainlinks a:hover{
  278. background-color: {color:mainlinks hover};
  279. -webkit-transition: all 0.7s ease;
  280. -moz-transition: all 0.7s ease;
  281. -o-transition: all 0.7s ease;
  282. }
  283.  
  284. #customlinks{
  285. position:fixed;
  286. width:70px;
  287. top:115px;
  288. left:75px;
  289. font-size:12px;
  290. }
  291.  
  292. #customlinks a{
  293. display:block;
  294. border: {color:BorderColor} solid 1px;
  295. color: {color:mainlinks};
  296. background-color: {color:mainlinks background};
  297. padding-left:3px;
  298. padding-right:3px;
  299. margin-bottom:3px;
  300. text-align:center;
  301. -webkit-transition: all 0.7s ease;
  302. -moz-transition: all 0.7s ease;
  303. -o-transition: all 0.7s ease;
  304. }
  305.  
  306. #customlinks a:hover{
  307. background-color: {color:mainlinks hover};
  308. -webkit-transition: all 0.7s ease;
  309. -moz-transition: all 0.7s ease;
  310. -o-transition: all 0.7s ease;
  311. }
  312.  
  313. #descbox{
  314. position:fixed;
  315. left:150px;
  316. top:422px;
  317. width:200px;
  318. border: {color:BorderColor} solid 1px;
  319. padding:2px;
  320. text-align:center;
  321. opacity:0.7;
  322. background-color:{color:DescriptionBackground};
  323. color:{color:DescriptionText};
  324. }
  325.  
  326. #yukoki_mplayer { position: fixed; top: 47px; left: 1140px; width: 70px; height: 30px; overflow: hidden; }
  327. .mplgif {margin-left: 20px;}
  328. #yukoki_mplayer:hover .ongaku {margin-top: 3px;}
  329. .ongaku { margin-top: -20px; margin-left: 12px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; }
  330.  
  331. #rightimg1{
  332. position:fixed;
  333. left:1050px;
  334. top:70px;
  335. max-width:150px;
  336. }
  337.  
  338. #rightimg1 img{
  339. width:150px;
  340. height:150px;
  341. border:3px solid {color:BorderColor};
  342. }
  343.  
  344. #rightimg2{
  345. position:fixed;
  346. height:150px;
  347. width:150px;
  348. border: 3px solid {color:BorderColor};
  349. left:1050px;
  350. top:240px;
  351. max-width:150px;
  352. }
  353.  
  354. #rightimg3{
  355. position:fixed;
  356. height:150px;
  357. width:150px;
  358. border: 3px solid {color:BorderColor};
  359. left:1050px;
  360. top:410px;
  361. max-width:150px;
  362. }
  363.  
  364. #pagination {
  365. position:fixed;
  366. top:580px;
  367. left:1050px;
  368. border:solid 1px {color:BorderColor};
  369. padding:3px;
  370. opacity:0.7;
  371. background-color:white;
  372. }
  373.  
  374. </style>
  375.  
  376. <body>
  377. <div id="blogtitle"><h1>{Title}</h1></div>
  378. <div id="sideimg"><img src="{image:SideBar}"></div>
  379. <div id="descbox">
  380. {block:Description}{Description}{/block:Description}
  381. </div>
  382.  
  383. <div id="mainlinks">
  384. <a href="/" title="home"><i style="color:{color:mainlinks};" class="fa fa-home" aria-hidden="true"></i></a>
  385. <a href="/ask" title="message"><i style="color:{color:mainlinks};" class="fa fa-envelope-o" aria-hidden="true"></i></a>
  386. <a href="/archive" title="past"><i style="color:{color:mainlinks};" class="fa fa-calendar" aria-hidden="true"></i></a>
  387. <a href="http://cogargraphics.tumblr.com/" title="theme"><i style="color:{color:mainlinks};" class="fa fa-code" aria-hidden="true"></i></a>
  388. </div>
  389.  
  390. <div id="customlinks">
  391. <a href="{text:CustomLink1URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink1Name}</a>
  392. <a href="{text:CustomLink2URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink2Name}</a>
  393. <a href="{text:CustomLink3URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink3Name}</a>
  394. <a href="{text:CustomLink4URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink4Name}</a>
  395. <a href="{text:CustomLink5URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink5Name}</a>
  396. <a href="{text:CustomLink6URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink6Name}</a>
  397. <a href="{text:CustomLink7URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink7Name}</a>
  398. <a href="{text:CustomLink8URL}"><i style="color:{color:mainlinks};"></i>{text:CustomLink8Name}</a>
  399. </div>
  400.  
  401. <div id="yukoki_mplayer">
  402. <div class="ongaku">
  403. {text:BillyMusicPlayer}
  404. </div><!--ongaku-->
  405. <img class="mplgif" src="http://68.media.tumblr.com/tumblr_m1zdobeFFY1r3we0y.gif">
  406. </div><!--yukoki_mplayer1-->
  407.  
  408.  
  409. <div id="rightimg1">
  410. <img src="{image:RightImageOne}">
  411. </div>
  412. <div id="rightimg2">
  413. <img src="{image:RightImageTwo}">
  414. </div>
  415. <div id="rightimg3">
  416. <img src="{image:RightImageThree}">
  417. </div>
  418.  
  419. </div>
  420.  
  421. <div id="pagination">{block:Pagination}
  422. {block:PreviousPage}<a href="{PreviousPage}">prev / </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  423. {/block:NextPage}
  424. {/block:Pagination}</div>
  425.  
  426. <div id="container">
  427.  
  428. {block:Posts}
  429.  
  430. <div class="posts">
  431.  
  432. {block:Text}<div class="posttitle">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  433.  
  434. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  435.  
  436. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  437.  
  438. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  439.  
  440. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  441.  
  442. {block:Link}<div id="linkposts"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  443.  
  444. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  445. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  446.  
  447. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  448.  
  449. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  450.  
  451. {block:Answer}
  452. <div class="asker">{Asker} whispered:</div>
  453. <div class="question">{Question}</div>
  454. {Answer}
  455. {/block:Answer}
  456.  
  457. <div class="permalinks">
  458. <div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a> <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  459.  
  460. <div class="reblogs">
  461. {block:RebloggedFrom}
  462. <a href="{ReblogParentURL}">via;</a>
  463. <a href="{ReblogRootURL}">source;</a>
  464. {/block:RebloggedFrom}
  465. <a href="{ReblogURL}">reblog</a>
  466. </div>
  467. </div>
  468.  
  469. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  470. </div>
  471.  
  472.  
  473. {/block:Posts}
  474.  
  475. </div>
  476. </body>
  477. </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!