Advertisement
sasorisbutt

Windows 8 (Desktop) - BakaThemes

Jul 3rd, 2014
1,819
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.46 KB | None | 0 0
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. THEME BASE 01 BY SUPPISUN @ TUMBLR
  5. Edit/tweak as much as you like but pleeeeaaaase
  6. DO NOT remove the credits, copy and
  7. redistribute the theme as your own.
  8. I will fucking hunt you down if you do.
  9.  
  10. Default taskbar icons are from http://www.iconfinder.com
  11. Windows 8 Scrollbar CSS codes are from http://ntim007.deviantart.com
  12.  
  13. -->
  14.  
  15.  
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Center Background" content="#fff" />
  28. <meta name="color:Center Border" content="#ccc" />
  29. <meta name="color:Center Border Outline" content="#bbb" />
  30. <meta name="color:Link" content="#999" />
  31. <meta name="color:Link Hover" content="#bbb" />
  32. <meta name="color:Permalink" content="#ccc" />
  33. <meta name="color:Taskbar" content="#ccc" />
  34. <meta name="color:Taskbar Hover" content="#bbb" />
  35. <meta name="color:Taskbar Hover Outline" content="#bbb" />
  36. <meta name="color:Text" content="#222" />
  37. <meta name="color:Title Background" content="#ccc" />
  38.  
  39. <meta name="text:DescriptionLink1" content="File" />
  40. <meta name="text:DescriptionLink2" content="Edit" />
  41. <meta name="text:DescriptionLink3" content="Format" />
  42. <meta name="text:DescriptionLink4" content="View" />
  43. <meta name="text:DescriptionLink5" content="Help" />
  44. <meta name="text:DescriptionLink1 URL" content="" />
  45. <meta name="text:DescriptionLink2 URL" content="" />
  46. <meta name="text:DescriptionLink3 URL" content="" />
  47. <meta name="text:DescriptionLink4 URL" content="" />
  48. <meta name="text:DescriptionLink5 URL" content="" />
  49. <meta name="text:Description Title" content="About" />
  50. <meta name="text:Taskbar 1" content="" />
  51. <meta name="text:Taskbar 2" content="" />
  52. <meta name="text:Taskbar 3" content="" />
  53. <meta name="text:Taskbar 4" content="" />
  54. <meta name="text:Taskbar 5" content="" />
  55. <meta name="text:Taskbar1 URL" content="" />
  56. <meta name="text:Taskbar2 URL" content="" />
  57. <meta name="text:Taskbar3 URL" content="" />
  58. <meta name="text:Taskbar4 URL" content="" />
  59. <meta name="text:Taskbar5 URL" content="" />
  60. <meta name="text:TopLink1" content="Home" />
  61. <meta name="text:TopLink2" content="Ask" />
  62. <meta name="text:TopLink3" content="Archive" />
  63. <meta name="text:TopLink4" content="Random" />
  64. <meta name="text:TopLink1 URL" content="/" />
  65. <meta name="text:TopLink2 URL" content="/ask" />
  66. <meta name="text:TopLink3 URL" content="/archive" />
  67. <meta name="text:TopLink4 URL" content="/random" />
  68.  
  69. <meta name="image:Background" content="" />
  70. <meta name="image:Center Icon" content="" />
  71. <meta name="image:Taskbar 1" content="http://static.tumblr.com/fsavqrf/Yyzn7s7g5/1.png" />
  72. <meta name="image:Taskbar 2" content="http://static.tumblr.com/fsavqrf/OVhn7s7gb/2.png" />
  73. <meta name="image:Taskbar 3" content="http://static.tumblr.com/fsavqrf/lCrn7s7gd/3.png" />
  74. <meta name="image:Taskbar 4" content="http://static.tumblr.com/fsavqrf/uxKn7s7ge/4.png" />
  75. <meta name="image:Taskbar 5" content="http://static.tumblr.com/fsavqrf/rREn7s7gg/5.png" />
  76.  
  77. <head>
  78.  
  79. <script src="http://static.tumblr.com/fsavqrf/6wln7s6qy/w8.js"></script>
  80.  
  81. <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  82.  
  83. <style type="text/css">
  84.  
  85. /* For IE */
  86.  
  87. body {
  88. scrollbar-3dlight-color:#CDCDCD;
  89. scrollbar-arrow-color:#FFFFFF;
  90. scrollbar-base-color:#EFEFEF;
  91. scrollbar-darkshadow-color:#CDCDCD;
  92. scrollbar-face-color:#CDCDCD;
  93. scrollbar-highlight-color:#EFEFEF;
  94. scrollbar-shadow-color:#CDCDCD;
  95. }
  96.  
  97. /* For Chrome or Safari */
  98.  
  99. ::-webkit-scrollbar {
  100. background-color:#EFEFEF;
  101. padding:0;
  102. }
  103.  
  104. ::-webkit-scrollbar-button:hover {
  105. background-color:#DBDBDB !important;
  106. }
  107.  
  108. ::-webkit-scrollbar-button:vertical:decrement {
  109. background:url('http://static.tumblr.com/fsavqrf/HHxn09k43/up.png') no-repeat center;
  110. }
  111.  
  112. ::-webkit-scrollbar-button:vertical:increment {
  113. background:url('http://static.tumblr.com/fsavqrf/5uOn09k4h/down.png') no-repeat center;
  114. }
  115.  
  116. ::-webkit-scrollbar-button:horizontal:decrement {
  117. background:url('http://static.tumblr.com/fsavqrf/hnfn09k4k/left.png') no-repeat center;
  118. }
  119.  
  120. ::-webkit-scrollbar-button:horizontal:increment {
  121. background:url('http://static.tumblr.com/fsavqrf/U0Nn09k4m/right.png') no-repeat center;
  122. }
  123.  
  124. ::-webkit-scrollbar-button:active:vertical:decrement {
  125. background:url('http://static.tumblr.com/fsavqrf/2Dln09k4r/up-active.png') no-repeat center #606060 !important;
  126. }
  127.  
  128. ::-webkit-scrollbar-button:active:vertical:increment {
  129. background:url('http://static.tumblr.com/fsavqrf/DEZn09k4u/down-active.png') no-repeat center #606060 !important;
  130. }
  131.  
  132. ::-webkit-scrollbar-button:active:horizontal:decrement {
  133. background:url('http://static.tumblr.com/fsavqrf/Vyen09k4x/left-active.png') no-repeat center #606060 !important;
  134. }
  135.  
  136. ::-webkit-scrollbar-button:active:horizontal:increment {
  137. background:url('http://static.tumblr.com/fsavqrf/QEKn09k51/right-active.png') no-repeat center #606060 !important;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background-color:#CDCDCD;
  142. }
  143.  
  144. ::-webkit-scrollbar-thumb:hover {
  145. background-color:#A6A6A6;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb:active {
  149. background-color:#606060;
  150. }
  151.  
  152. body {
  153. background:{color:Background} url('{image:Background}');
  154. background-size:100%;
  155. background-attachment:fixed;
  156. margin:0;
  157. padding:0;
  158. color:{color:Text};
  159. font-family:Open Sans;
  160. font-size:11px;
  161. cursor:default;
  162. }
  163.  
  164. a {
  165. color:{color:Link};
  166. text-decoration:none;
  167. cursor:default;
  168. }
  169.  
  170. a:hover {
  171. color:{color:Link Hover};
  172. }
  173.  
  174. blockquote {
  175. margin:0;
  176. padding-left:10px;
  177. border-left:3px solid #ccc;
  178. overflow-x:auto;
  179. }
  180.  
  181. h4 {
  182. background:{color:Title Background};
  183. padding:15px;
  184. text-shadow:0 0 3px #fff;
  185. text-align:center;
  186. }
  187.  
  188. ol.notes {
  189. margin-left:-10px;
  190. font-size:10px;
  191. list-style-type:none;
  192. }
  193.  
  194. ol.notes a {
  195. color:{color:Link Hover};
  196. }
  197.  
  198. ol.notes li.note {
  199. padding:5px;
  200. }
  201.  
  202. ol.notes blockquote {
  203. margin-left:40px;
  204. padding:5px 5px 5px 10px;
  205. }
  206.  
  207. ol.notes li.note img.avatar {
  208. float:left;
  209. width:16px;
  210. height:16px;
  211. margin-right:10px;
  212. }
  213.  
  214. #container {
  215. position:fixed;
  216. top:20px;
  217. bottom:65px;
  218. left:145px;
  219. width:560px;
  220. border:5px solid {color:Center Border};
  221. border-top:30px solid {color:Center Border};
  222. outline:1px solid {color:Center Border Outline};
  223. }
  224.  
  225. #all {
  226. position:fixed;
  227. top:50px;
  228. bottom:70px;
  229. left:150px;
  230. width:560px;
  231. outline:1px solid {color:Center Border Outline};
  232. }
  233.  
  234. #posts {
  235. position:fixed;
  236. top:71px;
  237. bottom:70px;
  238. width:560px;
  239. height:auto;
  240. {block:IndexPage}padding:10px 0;{/block:IndexPage}
  241. background:{color:Center Background};
  242. overflow-x:hidden;
  243. overflow-y:scroll;
  244. }
  245.  
  246. #post {
  247. width:520px;
  248. margin:5px 2px;
  249. padding:10px;
  250. }
  251.  
  252. #centertop {
  253. position:fixed;
  254. width:560px;
  255. height:20px;
  256. background:#f5f6f7;
  257. border-bottom:1px solid #e8e9ea;
  258. }
  259.  
  260. #title, #title a {
  261. position:fixed;
  262. top:20px;
  263. left:145px;
  264. width:570px;
  265. height:30px;
  266. background-image:url('http://static.tumblr.com/fsavqrf/LtDn7rqgw/exit.png');
  267. background-position:right top;
  268. background-repeat:no-repeat;
  269. color:#000;
  270. font-size:13px;
  271. line-height:30px;
  272. text-align:center;
  273. z-index:9;
  274. }
  275.  
  276. #title img {
  277. float:left;
  278. width:18px;
  279. margin:6px 0 0 7px;
  280. }
  281.  
  282. #toplinks {
  283. height:20px;
  284. margin-top:1px;
  285. line-height:20px;
  286. }
  287.  
  288. #toplinks a {
  289. padding:5px;
  290. color:#000;
  291. }
  292.  
  293. #toplinks a:hover {
  294. padding:2px 4px;
  295. background:#f5f6f7;
  296. border:1px solid #7ab1e8;
  297. }
  298.  
  299. #toplinks a:active {
  300. background:#b8d8f9;
  301. }
  302.  
  303. #taskbar {
  304. position:fixed;
  305. bottom:0;
  306. width:100%;
  307. height:40px;
  308. background:{color:Taskbar};
  309. z-index:9999;
  310. }
  311.  
  312. #task img {
  313. position:relative;
  314. width:30px;
  315. padding:5px 15px;
  316. }
  317.  
  318. #task img:hover {
  319. padding:4px 14px;
  320. background:{color:Taskbar Hover};
  321. border:1px solid #ccc;
  322. }
  323.  
  324. #task img:active {
  325. margin:1px 0 0 1px;
  326. }
  327.  
  328. #taskbar img:hover {
  329. outline:1px solid {color:Taskbar Hover Outline};
  330. }
  331.  
  332. #perma, #perma a {
  333. display:block;
  334. padding:10px;
  335. background:{color:Permalink};
  336. color:{color:Text};
  337. font-size:10px;
  338. text-align:center;
  339. line-height:8px;
  340. text-shadow:0 0 3px #fff;
  341. cursor:pointer;
  342. }
  343.  
  344. #reblog {
  345. {block:IndexPage}
  346. padding-top:0;
  347. opacity:0;
  348. {/block:IndexPage}
  349. {block:PermalinkPage}
  350. padding-top:5px;
  351. {/block:PermalinkPage}
  352. font-size:10px;
  353. text-align:center;
  354. line-height:8px;
  355. transition:all 0.3s ease;
  356. -webkit-transition:all 0.3s ease;
  357. -moz-transition:all 0.3s ease;
  358. -o-transition:all 0.3s ease;
  359. -ms-transition:all 0.3s ease;
  360. }
  361.  
  362. #reblog a {
  363. cursor:pointer;
  364. }
  365.  
  366. #posts:hover #reblog {
  367. padding-top:5px;
  368. transition:all 0.3s ease;
  369. -webkit-transition:all 0.3s ease;
  370. -moz-transition:all 0.3s ease;
  371. -o-transition:all 0.3s ease;
  372. -ms-transition:all 0.3s ease;
  373. opacity:1;
  374. }
  375.  
  376. #about {
  377. position:fixed;
  378. bottom:100px;
  379. right:150px;
  380. width:300px;
  381. height:auto;
  382. border:5px solid {color:Center Border};
  383. border-top:30px solid {color:Center Border};
  384. outline:1px solid {color:Center Border Outline};
  385. z-index:10;
  386. }
  387.  
  388. #notepad {
  389. outline:1px solid {color:Center Border Outline};
  390. }
  391.  
  392. #notepad #toplinks {
  393. margin-top:0;
  394. background:#f5f6f7;
  395. border-bottom:1px solid #e8e9ea;
  396. }
  397.  
  398. #abouttitle, #abouttitle a {
  399. width:300px;
  400. height:30px;
  401. margin-top:-30px;
  402. background-image:url('http://static.tumblr.com/fsavqrf/LtDn7rqgw/exit.png');
  403. background-position:right top;
  404. background-repeat:no-repeat;
  405. color:#000;
  406. font-size:13px;
  407. text-align:center;
  408. line-height:30px;
  409. z-index:11;
  410. }
  411. #abouttitle img {
  412. float:left;
  413. width:18px;
  414. margin:6px 0 0 7px;
  415. }
  416.  
  417. #note {
  418. padding:10px;
  419. background:{color:Center Background};
  420. font-family:Century Gothic;
  421. }
  422.  
  423. #note a {
  424. color:{color:Link Hover};
  425. cursor:pointer;
  426. }
  427.  
  428. #ask {
  429. padding:20px;
  430. border:1px dashed {color:Permalink};
  431. font-weight:bold;
  432. text-align:center;
  433. -webkit-border-radius:20px;
  434. -moz-border-radius:20px;
  435. border-radius:20px;
  436. }
  437.  
  438. #aasker {
  439. width:520px;
  440. text-align:center;
  441. }
  442.  
  443. #asker, #asker a {
  444. display:inline;
  445. padding:5px;
  446. background:{color:Link Hover};
  447. color:#000;
  448. font-size:10px;
  449. text-transform:uppercase;
  450. letter-spacing:1px;
  451. opacity:0.8;
  452. }
  453.  
  454. #asker:hover {
  455. border:1px solid {color:Center Border Outline};
  456. opacity:1;
  457. }
  458.  
  459. #artist {
  460. text-align:center;
  461. }
  462.  
  463. #player {
  464. width:460px;
  465. padding:30px;
  466. background:{color:Center Border Outline};
  467. }
  468.  
  469.  
  470.  
  471. </style>
  472.  
  473. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  474.  
  475. </head>
  476.  
  477.  
  478.  
  479. <body>
  480.  
  481.  
  482.  
  483. <div id="about">
  484. <div id="abouttitle">{text:Description Title}</div>
  485. <div id="notepad">
  486. <div id="toplinks">
  487. {block:IfDescriptionLink1}<a href="{text:DescriptionLink1 URL}">{text:DescriptionLink1}</a>{/block:IfDescriptionLink1}
  488. {block:IfDescriptionLink2}<a href="{text:DescriptionLink2 URL}">{text:DescriptionLink2}</a>{/block:IfDescriptionLink2}
  489. {block:IfDescriptionLink3}<a href="{text:DescriptionLink3 URL}">{text:DescriptionLink3}</a>{/block:IfDescriptionLink3}
  490. {block:IfDescriptionLink4}<a href="{text:DescriptionLink4 URL}">{text:DescriptionLink4}</a>{/block:IfDescriptionLink4}
  491. {block:IfDescriptionLink5}<a href="{text:DescriptionLink5 URL}">{text:DescriptionLink5}</a>{/block:IfDescriptionLink5}
  492. </div>
  493. <div id="note">{Description}</div>
  494. </div>
  495. </div>
  496.  
  497.  
  498. <div id="taskbar">
  499. <div id="task">
  500. {block:IfTaskbar1Image}<a href="{text:Taskbar1 URL}"><img src="{image:Taskbar 1}" title="{text:Taskbar 1}"></a>{/block:IfTaskbar1Image}
  501.  
  502. {block:IfTaskbar2Image}<a href="{text:Taskbar2 URL}"><img src="{image:Taskbar 2}" title="{text:Taskbar 2}"></a>{/block:IfTaskbar2Image}
  503.  
  504. {block:IfTaskbar3Image}<a href="{text:Taskbar3 URL}"><img src="{image:Taskbar 3}" title="{text:Taskbar 3}"></a>{/block:IfTaskbar3Image}
  505.  
  506. {block:IfTaskbar4Image}<a href="{text:Taskbar4 URL}"><img src="{image:Taskbar 4}" title="{text:Taskbar 4}"></a>{/block:IfTaskbar4Image}
  507.  
  508. {block:IfTaskbar5Image}<a href="{text:Taskbar5 URL}"><img src="{image:Taskbar 5}" title="{text:Taskbar 5}"></a>{/block:IfTaskbar5Image}
  509. </div>
  510. </div>
  511.  
  512.  
  513.  
  514. <div id="title">
  515. <img src="{image:Center Icon}">
  516. <a href="/">{Title}</a>
  517. </div>
  518.  
  519. <div id="container">
  520.  
  521. <div id="all">
  522. <div id="centertop">
  523. <div id="toplinks">
  524. {block:IfTopLink1}<a href="{text:TopLink1 URL}">{text:TopLink1}</a>{/block:IfTopLink1}
  525. {block:IfTopLink2}<a href="{text:TopLink2 URL}">{text:TopLink2}</a>{/block:IfTopLink2}
  526. {block:IfTopLink3}<a href="{text:TopLink3 URL}">{text:TopLink3}</a>{/block:IfTopLink3}
  527. {block:IfTopLink4}<a href="{text:TopLink4 URL}">{text:TopLink4}</a>{/block:IfTopLink4}
  528. </div>
  529. </div>
  530.  
  531.  
  532.  
  533. <div id="posts">
  534. <div class="autopagerize_page_element">
  535.  
  536. {block:Posts}
  537.  
  538. <div id="post">
  539.  
  540. {block:Text}
  541. {block:Title}<h4>{Title}</h4>{/block:Title}
  542. {Body}
  543. {/block:Text}
  544.  
  545. {block:Photo}
  546. <center>
  547. {LinkOpenTag}
  548. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px;">
  549. {LinkCloseTag}
  550. </center>
  551. {block:Caption}<p>{Caption}</p>{/block:Caption}
  552. {/block:Photo}
  553.  
  554. {block:Photoset}
  555. <center>{Photoset-500}</center>
  556. {block:Caption}<p>{Caption}</p>{/block:Caption}
  557. {/block:Photoset}
  558.  
  559. {block:Quote}
  560. <div id="ask">"{Quote}"</div>
  561. {block:Source}
  562. <div id="aasker"><div id="asker">{Source}</div></div>{/block:Source}
  563. {/block:Quote}
  564.  
  565. {block:Link}
  566. <h4><a href="{URL}" target="_blank"><font color="{color:Text}">{Name}</font></a></h4>
  567. {block:Description}<p>{Description}</p>{/block:Description}
  568. {/block:Link}
  569.  
  570. {block:Chat}
  571. {block:Title}<h4>{Title}</h4>{/block:Title}
  572. {block:Lines}
  573. {block:Label}{Label}{/block:Label} {Line}</br>
  574. {/block:Lines}
  575. {/block:Chat}
  576.  
  577. {block:Audio}
  578. <div id="player"><center>{AudioPlayerWhite}</center></div>
  579. <div id="artist">
  580. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  581. {block:Artist}<br /><b>Artist:</b> {Artist}{/block:Artist}
  582. {block:Album}<br /><b>Album:</b> {Album}{/block:Album}
  583. {block:PlayCount}<br /><b>Plays:</b>{FormattedPlayCount}{/block:PlayCount}
  584. </div>
  585. {block:Caption}{Caption}{/block:Caption}
  586. {/block:Audio}
  587.  
  588. {block:Video}
  589. <center>{Video-500}</center>
  590. {block:Caption}{Caption}{/block:Caption}
  591. {/block:Video}
  592.  
  593. {block:Answer}
  594. <div id="ask">{Question}</div>
  595. <div id="aasker"><div id="asker">{Asker}</div></div>
  596. {Answer}
  597. {/block:Answer}
  598.  
  599. </div>
  600.  
  601.  
  602. <div id="permaa">
  603. {block:Date}<a href="{Permalink}" id="perma">{Month} {DayOfMonth}, {Year}.{/block:Date}{block:NoteCount} {NoteCountWithLabel}.{/block:NoteCount} </a>
  604. <div id="reblog">
  605.  
  606. {block:RebloggedFrom}
  607. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>.
  608. {block:ContentSource}
  609. Original post by <a href="{ReblogRootURL}">{ReblogRootName}</a>.
  610. {/block:ContentSource}
  611. {block:NotReblog}{/block:NotReblog}
  612. {/block:RebloggedFrom}
  613.  
  614. {block:HasTags}
  615. <div style="padding:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>
  616. {/block:HasTags}
  617.  
  618. {block:IndexPage}
  619. <a href="{ReblogURL}">Reblog this post.</a>
  620. {/block:IndexPage}</div></div>
  621.  
  622. {block:PostNotes}
  623. {PostNotes}
  624. {/block:PostNotes}
  625.  
  626. {/block:PermalinkPage}
  627.  
  628. {block:ContentSource}
  629. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  630. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  633. {/block:ContentSource}
  634. {/block:Posts}
  635.  
  636. <!-- {block:NoRebloggedFrom}
  637. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  638. {/block:NoRebloggedFrom} -->
  639.  
  640. </div></div></div>
  641.  
  642.  
  643.  
  644. </body>
  645. </html>
  646.  
  647.  
  648.  
  649. <!--
  650.  
  651. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  652. THEME BASE 01 BY SUPPISUN @ TUMBLR
  653. Edit/tweak as much as you like but pleeeeaaaase
  654. DO NOT remove the credits, copy and
  655. redistribute the theme as your own.
  656. I will fucking hunt you down if you do.
  657.  
  658. Default taskbar icons are from http://www.iconfinder.com
  659. Windows 8 Scrollbar CSS codes are from http://ntim007.deviantart.com
  660.  
  661. -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement