API tools faq
paste
Advertisement
b0rn-to-be-wild

All in one bright

b0rn-to-be-wild
Mar 21st, 2014
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.84 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.  
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | "All in One Bright"
  7.  
  8. + Please do not redistribute this theme or remove credits
  9. + You are allowed to make changes as long as you keep our credits
  10. + If you have any questions or concerns, just contact us
  11. + Thanks for using our page :) Hope you enjoy it!
  12.  
  13. ---->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18.  
  19. <head>
  20.  
  21. <!-- Google fonts -->
  22.  
  23. <link href="//fonts.googleapis.com/css?family=Exo" rel="stylesheet" type="text/css">
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  26.  
  27. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31.  
  32. <meta name="viewport" content="width=device-width, initial-scale=1">
  33.  
  34. <title>{Title}</title>
  35.  
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40.  
  41. /* Main stuff */
  42.  
  43. body {
  44. font-style:none;
  45. background:url(http://static.tumblr.com/1e862e148b98b34ea5e9dddc40a256ee/qb55nk5/QDonc7j23/tumblr_static_34io3kndno6cg44kws488okks.png);
  46. font-family:Cinzel;
  47. color:{color:text};
  48. margin:0;
  49. overflow:hidden;
  50. }
  51.  
  52. a {
  53. color:#333333;
  54. text-decoration:none;
  55. border:none;
  56. -webkit-transition-duration: 0.9s;
  57. }
  58.  
  59. img {
  60. border:none;
  61. }
  62.  
  63. h1 {
  64. font-size:20px
  65. }
  66.  
  67. /* Webkit scrollbar */
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. background: #bbb;
  71. height: auto;
  72. border: 3px solid #eee;
  73. }
  74.  
  75. ::-webkit-scrollbar {
  76. height:10px;
  77. width:12px;
  78. background: #bbb;
  79. height: auto;
  80. border: 5px solid #eee;
  81. }
  82.  
  83. /* Everything */
  84.  
  85. #everything {
  86. margin:0px;
  87. margin-top:0px;
  88. padding:0;
  89. }
  90.  
  91. #container{
  92. width:820px;
  93. height:600px;
  94. margin:auto;
  95. overflow:hidden;
  96. }
  97.  
  98. #cont{
  99. z-index: 300;
  100. top:107px;
  101. position:absolute;
  102. margin-left:0px;
  103. width:820px;
  104. height:600px;
  105. text-align:center;
  106. opacity:0.9;
  107. }
  108.  
  109. /* Header */
  110.  
  111. #header {
  112. font-family:'Cinzel';
  113. font-size:40px;
  114. text-align:center;
  115. margin-top:-30px;
  116. padding-top:5px;
  117. margin-left:auto;
  118. margin-right:auto;
  119. color:#777;
  120. border-bottom:2px solid #eee;
  121. width:101%;
  122. height:110px;
  123. padding:5px;
  124. background:#fff;
  125. -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  126. -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  127. box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  128. }
  129.  
  130. #header h1{
  131. font-size:35px;
  132. height:40px;
  133. margin-right:auto;
  134. margin-left:auto;
  135. }
  136.  
  137. #links {
  138. width:100%;
  139. height:20px;
  140. font-family:Exo;
  141. text-transform:uppercase;
  142. text-align:center
  143. font-size:30px;
  144. margin-top:-25px;
  145. margin-left:0px;
  146. padding:0px;
  147. }
  148.  
  149. #links a {
  150. padding:5px;
  151. font-size:20px;
  152. color:#bbb8b8;
  153. -webkit-transition: all 0.4s ease-in-out;
  154. -moz-transition: all 0.4s ease-in-out;
  155. -o-transition: all 0.4s ease-in-out;
  156. -ms-transition: all 0.4s ease-in-out;
  157. transition: all 0.4s ease-in-out;
  158. }
  159.  
  160. #links a:hover {
  161. color:#F6F6F6;
  162. background-color:#bbb8b8;
  163. }
  164.  
  165. /* About */
  166.  
  167. #sidebar1{
  168. position:absolute;
  169. width:365px;
  170. font-family:'Exo';
  171. height:250px;
  172. padding:5px;
  173. margin-top:5px;
  174. margin-left:15px;
  175. padding-left:15px;
  176. font-size:15px;
  177. color:#bbb;
  178. line-height:20px;
  179. text-align:left;
  180. overflow:hidden;
  181. background:#fff;
  182. border:1px solid #eee;
  183. -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  184. -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  185. box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  186. }
  187.  
  188. #title1 {
  189. position:absolute;
  190. font-family:'Cinzel';
  191. font-size:30px;
  192. text-align:center;
  193. line-height:50px;
  194. margin-top:5px;
  195. margin-left:110px;
  196. color:#eee;
  197. width:280px;
  198. height:50px;
  199. padding:5px;
  200. background:#D3C9C7;
  201. }
  202.  
  203. #title1 p {
  204. margin:1px 0px;
  205. }
  206.  
  207. #sidebarimg{
  208. margin-top:6px;
  209. margin-left:0px;
  210. z-index:10000;
  211. border: 5px double #bbb;
  212. width:50px;
  213. height:50px;
  214. background:url('http://i58.tinypic.com/jagoc7.jpg');
  215. }
  216.  
  217. .about{
  218. margin-top:-5px;
  219. height:153px;
  220. padding:5px;
  221. overflow-y:auto;
  222. overflow-x:hidden;
  223. text-align:justify;
  224. }
  225.  
  226. .about:first-letter {
  227. color:#F6F6F6;
  228. background:#bbb;
  229. font: italic 30px Exo;
  230. padding:5px;
  231. border:2px solid #F6F6F6;
  232. outline:1px solid #aaa;
  233. margin-right: 10px; /* adjust margin right of fisrt letter in the sidebar1 me section*/
  234. margin-bottom: 0px; /* adjust margin bottom of fisrt letter in the sidebar1 me section*/
  235. float:left;
  236. }
  237.  
  238. /* F.A.Q. */
  239.  
  240. #title2 {
  241. position:absolute;
  242. font-family:'Cinzel';
  243. font-size:30px;
  244. text-align:center;
  245. line-height:50px;
  246. margin-top:0px;
  247. margin-left:2px;
  248. color:#eee;
  249. width:280px;
  250. height:50px;
  251. padding:5px;
  252. background:#ADD6CE;
  253. }
  254.  
  255. #sidebar2{
  256. position:absolute;
  257. width:250px;
  258. font-family:Exo;
  259. height:250px;
  260. overflow:auto;
  261. overflow:hidden;
  262. padding:10px;
  263. padding-left:125px;
  264. margin-top:275px;
  265. margin-left:15px;
  266. font-size:15px;
  267. color:#bbb;
  268. line-height:23px;
  269. text-align:left;
  270. background:#fff;
  271. border:1px solid #eee;
  272. -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  273. -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  274. box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  275. }
  276.  
  277. #sidebarimg2{
  278. position:absolute;
  279. margin-top:0px;
  280. margin-left:-110px;
  281. border: 5px double #bbb;
  282. width: 80px;
  283. height:238px;
  284. z-index:10000;
  285. background:url('http://i61.tinypic.com/2lxi0qr.jpg');
  286. }
  287.  
  288. .faq{
  289. margin-left:0;
  290. margin-top:70px;
  291. height:178px;
  292. overflow-x:hidden;
  293. overflow-y:auto;
  294. text-align:center;
  295. }
  296.  
  297. /* Tags */
  298.  
  299. #sidebar3{
  300. position:absolute;
  301. z-index: 300;
  302. top:5px;
  303. margin-left:410px;
  304. overflow:hidden;
  305. height:250px;
  306. text-align:center;
  307. background:#fff;
  308. box-shadow: 0px 0px 9px 1px #F6F6F6000;
  309. border:1px solid #eee;
  310. width:385px;
  311. padding:5px;
  312. -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  313. -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  314. box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  315. }
  316.  
  317. #title3 {
  318. position:absolute;
  319. font-family:'Cinzel';
  320. font-size:30px;
  321. text-align:center;
  322. line-height:50px;
  323. margin-top:5px;
  324. margin-left:2px;
  325. color:#eee;
  326. width:370px;
  327. height:50px;
  328. padding:5px;
  329. background:#EDBEC8;
  330. }
  331.  
  332. #grouptitle {
  333. position:fixed;
  334. padding:4px;
  335. height:20px;
  336. text-align:center;
  337. font-style:italic;
  338. font-family:'Cinzel';
  339. color:#eee;
  340. font-size:15px;
  341. width:160px;
  342. margin-left:-177px;
  343. margin-top:-100px;
  344. border-left:5px double #bbb;
  345. border-right:5px double #bbb;
  346. border-top:5px double #bbb;
  347. background:#EDBEC8;
  348. }
  349.  
  350. #grouplinks {
  351. position:fixed;
  352. width:160px;
  353. margin-top:-70px;
  354. padding:5px;
  355. margin-left:-177px;
  356. border:4px double #bbb;
  357. background:#fff;
  358. }
  359.  
  360. #grouplinks a {
  361. font-family:'Exo';
  362. display:block;
  363. color:gray;
  364. padding:2.5px;
  365. font-size:12px;
  366. text-align:center;
  367. letter-spacing:1px;
  368. text-transform:uppercase;
  369. margin-bottom:2px;
  370. -webkit-transition: all 0.4s ease-in-out;
  371. -moz-transition: all 0.4s ease-in-out;
  372. -o-transition: all 0.4s ease-in-out;
  373. -ms-transition: all 0.4s ease-in-out;
  374. transition: all 0.4s ease-in-out;
  375. }
  376.  
  377. #grouplinks a:hover {
  378. background:#bbb8b8;
  379. color:#F6F6F6;
  380. }
  381.  
  382. /* Blogroll */
  383.  
  384. #sidebar4{
  385. position:absolute;
  386. z-index: 300;
  387. margin-left:410px;
  388. margin-top:275px;
  389. overflow:hidden;
  390. overflow-y:auto;
  391. height:260px;
  392. text-align:center;
  393. background:#fff;
  394. box-shadow: 0px 0px 9px 1px #F6F6F6000;
  395. border:1px solid #eee;
  396. width:385px;
  397. padding:5px;
  398. -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  399. -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  400. box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
  401. }
  402.  
  403. .blogroll{
  404. margin-left:0;
  405. margin-top:70px;
  406. height:185px;
  407. overflow-x:hidden;
  408. overflow-y:auto;
  409. text-align:center;
  410. }
  411.  
  412. #sidebar4 img{
  413. width:48px;
  414. height:48px;
  415. border:5px double #bbb;
  416. margin:5px;
  417. /* Faded images*/
  418. opacity:0.7;
  419. }
  420.  
  421. #sidebar4 img:hover{
  422. opacity:1;
  423. }
  424.  
  425. #title4 {
  426. position:absolute;
  427. font-family:'Cinzel';
  428. font-size:30px;
  429. text-align:center;
  430. line-height:50px;
  431. margin-top:5px;
  432. margin-left:2px;
  433. color:#eee;
  434. width:370px;
  435. height:50px;
  436. padding:5px;
  437. background:#C7D685;
  438. }
  439.  
  440. /* Credits */
  441.  
  442. #credits {
  443. position:fixed;
  444. right:10px;
  445. top:40px;
  446. z-index:100000;
  447. }
  448.  
  449. #credits img{
  450. border:3px solid #eee;
  451. }
  452.  
  453. {CustomCSS}
  454.  
  455. </style></head>
  456.  
  457.  
  458. <body>
  459.  
  460. <div id="everything">
  461.  
  462. <div id="header"><h1>All in one</h1>
  463.  
  464. <div id="links">
  465. <a href="/" Title="Index"><i class="fa fa-home fa"></i> HOME</a>
  466. <a href="/ask" Title="Message"><i class="fa fa-envelope fa"></i> ASK</a>
  467. <a href="www.tumblr.com"><i class="fa fa-tumblr fa"></i> DASH</a>
  468. </div>
  469.  
  470. </div>
  471.  
  472. <div id="container">
  473.  
  474. <div id="cont">
  475.  
  476. <center>
  477.  
  478. <div id="sidebar1">
  479.  
  480. <div id="title1"><span style="position: absolute;display:inline-block;width:0;height:0;line-height:0;border:31.52173913043478px solid transparent;margin-left:-62px;border-right:31.52173913043478px solid #D3C9C7;left:0px;top:-1px"></i></span></span><b>About</b></div>
  481.  
  482. <div id="sidebarimg"> <!-- CHANGE SIDEBAR IMAGE -->
  483. </div><br>
  484.  
  485. <div class="about">
  486.  
  487. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  488.  
  489. </div>
  490.  
  491. <!-- End about -->
  492.  
  493. </div>
  494.  
  495. <!-- End sidebar1 -->
  496.  
  497. <div id="sidebar2">
  498.  
  499. <div id="title2"><b>F.A.Q.</b></div>
  500.  
  501. <div id="sidebarimg2"> <!-- CHANGE F.A.Q. IMAGE 2 -->
  502. </div>
  503.  
  504. <div class="faq">
  505.  
  506. <!--Change the FAQ-->
  507.  
  508. <b>THIS IS A QUESTION</b><br>
  509.  
  510. This is an answer<br><br>
  511.  
  512.  
  513. <b>THIS IS A QUESTION</b><br>
  514.  
  515. This is an answer<br><br>
  516.  
  517.  
  518. <b>THIS IS A QUESTION</b><br>
  519.  
  520. This is an answer<br><br>
  521.  
  522.  
  523. <b>THIS IS A QUESTION</b><br>
  524.  
  525. This is an answer<br><br>
  526.  
  527.  
  528. <b>THIS IS A QUESTION</b><br>
  529.  
  530. This is an answer<br>
  531.  
  532. <!-- End faq-->
  533.  
  534. </div>
  535.  
  536. </div>
  537.  
  538.  
  539. <!--End sidebar 2-->
  540.  
  541.  
  542. <div id="sidebar3">
  543.  
  544. <div id="title3"><b>Tags</b></div>
  545.  
  546. <table id="all" border="0" cellpadding="20" cellspacing="160">
  547.  
  548.  
  549. <td><div id="grouptitle"><big>Group</div>
  550. <div id="grouplinks">
  551.  
  552. <a href="/">Link</a>
  553.  
  554. <a href="/">Link</a>
  555.  
  556. <a href="/">Link</a>
  557.  
  558. <a href="/">Link</a>
  559.  
  560. <a href="/">Link</a>
  561.  
  562. </div></td>
  563.  
  564.  
  565. <td><div id="grouptitle"><big>Group</div>
  566. <div id="grouplinks">
  567.  
  568. <a href="/">Link</a>
  569.  
  570. <a href="/">Link</a>
  571.  
  572. <a href="/">Link</a>
  573.  
  574. <a href="/">Link</a>
  575.  
  576. <a href="/">Link</a>
  577.  
  578. </div></td>
  579.  
  580. </table>
  581.  
  582. </div>
  583.  
  584. <div id="sidebar4">
  585. <div id="title4"><b>Blogroll</b></div>
  586.  
  587. <div class="blogroll">
  588.  
  589. {block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}
  590. </div>
  591.  
  592. <!-- End blogroll -->
  593.  
  594. </div>
  595.  
  596. <!-- End sidebar 4-->
  597.  
  598. </div>
  599.  
  600. </div>
  601. </div>
  602.  
  603. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  604. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  605.  
  606. </body>
  607.  
  608.  
  609. </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!