API tools faq
paste
Advertisement
acatalepsy

[000] OURS DOUX

acatalepsy
Mar 16th, 2014
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 23.67 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>v. ours doux;</title>
  4. <link type="image/png" rel="icon" href="http://i.imgur.com/a6qNfP4.png">
  5. <link href="http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet" type="text/css" />
  6. <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />
  7. <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css" />
  8.  
  9.  
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script type="text/javascript" src="http://sumeoseo.webs.com/scripts/tooltips.js"></script>
  12. <script type="text/javascript">
  13. (function($){
  14. $(document).ready(function(){
  15. $("[title],a[title],img[title], [alt], a[alt], img[alt]").style_my_tooltips({
  16.     tip_follows_cursor:true,
  17.     tip_delay_time:100,
  18.     tip_fade_speed:280,
  19.     attribute:"title"
  20. });
  21. });
  22. })(jQuery);
  23. </script>
  24.  
  25. <style>
  26. *{cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), progress;}
  27.  
  28. #s-m-t-tooltip {
  29. position: absolute;
  30. max-width: 190px;
  31. color: #141414;
  32. font: 10px 'Calibri', sans-serif;
  33. font-size: 10px;
  34. font-family: 'Calibri', sans-serif;
  35. line-height: 10px;
  36. font-style: italic;
  37. font-weight: bold;
  38. text-transform: lowercase;
  39. margin-top: 10px;
  40. margin-bottom: 15px;
  41. padding: 3px;
  42. padding-right: 3px;
  43. padding-left: 3px;
  44. background-color: #F5E9C6;
  45. z-index: 999;}
  46.  
  47. body{
  48. background-color: #F5E9C6;
  49. background-position: center;
  50. background-repeat: repeat;
  51. scrollbar-face-color: #F5E9C6;
  52. scrollbar-arrow-color: #EAE5AF;
  53. scrollbar-track-color: #F5E9C6;
  54. scrollbar-shadow-color: #F5E9C6;
  55. scrollbar-3dlight-color: #F5E9C6;
  56. scrollbar-highlight-color: #F5E9C6;
  57. scrollbar-darkshadow-color: #F5E9C6;}
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {
  60. height: 7px;
  61. background-color: #F5E9C6;}
  62.  
  63. ::-webkit-scrollbar-thumb:horizontal {
  64. height: 7px!important;
  65. background-color: #F5E9C6;
  66. border-right: 2px solid #EAE5AF;
  67. border-left: 2px solid #EAE5AF;}
  68.  
  69. ::-webkit-scrollbar {
  70. width: 10px;
  71. height: 15px;
  72. background-color: #F5E9C6;}
  73.  
  74. br{line-height: 5px;}
  75. b{color: #DDCCBB;}
  76. strong{color: #AA5522;}
  77. i{color: #67677B;}
  78. em{color: #C0B4CF;}
  79.  
  80. u{
  81. color: #994400;
  82. text-decoration: none;
  83. border-bottom: 1px dashed #774433;}
  84.  
  85. a, a:active, a:link, a:visited{
  86. color: #774433;
  87. text-decoration: none;
  88. transition: all 0.5s ease-in-out;
  89. -webkit-transition: all 0.5s ease-in-out;
  90. -moz-transition: all 0.5s ease-in-out;}
  91.  
  92. a:hover{
  93. color: #DDCCBB;
  94. transition: all 0.5s ease-in-out;
  95. -webkit-transition: all 0.5s ease-in-out;
  96. -moz-transition: all 0.5s ease-in-out;}
  97.  
  98. #navbar-iframe{display: none;}
  99.  
  100. #container{
  101. position: absolute;
  102. top: 0px;
  103. left: 0px;
  104. width: 100%;}
  105.  
  106. #content{
  107. position: relative;
  108. top: 0px;
  109. left: 0px;
  110. width: 800px;
  111. height: 100%;}
  112.  
  113. #left{
  114. position: fixed;
  115. top: 0px;
  116. left: 0px;
  117. width: 270px;
  118. height: 100%;
  119. padding: 10px;
  120. padding-top: 0px;
  121. background-color: #FCFDEC;}
  122.  
  123. #sidebar{
  124. position: relative;
  125. width: 250px;
  126. margin-top: 50px;
  127. margin-right: auto;
  128. margin-left: auto;}
  129.  
  130. blog-title{
  131. color: #7C7C7C;
  132. font: 20px 'Pacifico', cursive;
  133. font-size: 20px;
  134. font-family: 'Pacifico', cursive;
  135. line-height: 18px;
  136. text-align: center;
  137. text-transform: lowercase;
  138. margin-bottom: 5px;
  139. padding: 5px;
  140. display: block;
  141. transition: all 0.7s ease-in-out;
  142. -webkit-transition: all 0.7s ease-in-out;
  143. -moz-transition: all 0.7s ease-in-out;
  144. -o-transition: all 0.7s ease-in-out;}
  145.  
  146. blog-title:hover{
  147. color: #264662;
  148. transition: all 0.7s ease-in-out;
  149. -webkit-transition: all 0.7s ease-in-out;
  150. -moz-transition: all 0.7s ease-in-out;
  151. -o-transition: all 0.7s ease-in-out;}
  152.  
  153. #nav1{
  154. position: relative;
  155. width: 250px;
  156. font: 9px 'Calibri', sans-serif;
  157. font-size: 9px;
  158. font-family: 'Calibri', sans-serif;
  159. line-height: 11px;
  160. text-align: center;
  161. font-weight: bold;
  162. text-transform: uppercase;
  163. margin-top: 5px;
  164. margin-right: auto;
  165. margin-left: auto;}
  166.  
  167. #nav1 a, #nav1 a:active, #nav1 a:link, #nav1 a:visited{
  168. overflow: hidden;
  169. width: 46px;
  170. height: 10px;
  171. color: #000000;
  172. margin-left: 5px;
  173. padding: 5px;
  174. background-color: #F5E9C6;
  175. display: inline-block;
  176. transition: all 0.7s ease-in-out;
  177. -webkit-transition: all 0.7s ease-in-out;
  178. -moz-transition: all 0.7s ease-in-out;
  179. -o-transition: all 0.7s ease-in-out;}
  180.  
  181. #nav1 a:hover{
  182. color: #7C7C7C;
  183. background-color: #FCFDEC;
  184. transition: all 0.7s ease-in-out;
  185. -webkit-transition: all 0.7s ease-in-out;
  186. -moz-transition: all 0.7s ease-in-out;
  187. -o-transition: all 0.7s ease-in-out;}
  188.  
  189. .image{
  190. padding: 5px;
  191. background-color: #F5E9C6;
  192. border: 1px dashed #774433;
  193. border-radius: 10px;
  194. clear: both;
  195. box-shadow: 0px 0px 0px 4px #F5E9C6;}
  196.  
  197. .background{
  198. overflow: hidden;
  199. width: 236px;
  200. max-width: 236px;
  201. height: 150px;
  202. max-height: 150px;
  203. background-image: url('http://i.imgur.com/SNgbVfW.png');
  204. border-radius: 10px;}
  205.  
  206. txt{
  207. padding: 10px;
  208. background-color: rgba(252, 253, 236, 0.9);
  209. display: block;
  210. opacity: 0;
  211. transition: all 0.7s ease-in-out;
  212. -webkit-transition: all 0.7s ease-in-out;
  213. -moz-transition: all 0.7s ease-in-out;
  214. -o-transition: all 0.7s ease-in-out;}
  215.  
  216. txt:hover{
  217. opacity: 1;
  218. transition: all 0.7s ease-in-out;
  219. -webkit-transition: all 0.7s ease-in-out;
  220. -moz-transition: all 0.7s ease-in-out;
  221. -o-transition: all 0.7s ease-in-out;
  222. -webkit-transform: translate(0px, 0px) rotate(360deg) skew(0deg, 0deg) scale(1, 1);
  223. -moz-transform: translate(0px, 0px) rotate(360deg) skew(0deg, 0deg) scale(1, 1);
  224. -o-transform: translate(0px, 0px) rotate(360deg) skew(0deg, 0deg) scale(1, 1);
  225. -ms-transform: translate(0px, 0px) rotate(360deg) skew(0deg, 0deg) scale(1, 1);
  226. transform: translate(0px, 0px) rotate(360deg) skew(0deg, 0deg) scale(1, 1);}
  227.  
  228. txt .scroll{
  229. overflow: auto;
  230. width: 216px;
  231. max-width: 216px;
  232. height: 130px;
  233. max-height: 130px;}
  234.  
  235. txt iframe::-webkit-scrollbar-thumb:vertical {
  236. height: 7px;
  237. background-color: rgba(252, 253, 236, 0.5);}
  238.  
  239. txt iframe::-webkit-scrollbar-thumb:horizontal {
  240. height: 7px!important;
  241. background-color: rgba(252, 253, 236, 0.5);
  242. border-right: 2px solid #EAE5AF;
  243. border-left: 2px solid #EAE5AF;}
  244.  
  245. txt iframe::-webkit-scrollbar {
  246. width: 10px;
  247. height: 15px;
  248. background-color: rgba(252, 253, 236, 0.5);}
  249.  
  250. #nav2{
  251. position: relative;
  252. width: 250px;
  253. margin-top: 3px;}
  254.  
  255. a.tabs, a.tabs:active, a.tabs:link, a.tabs:visited{
  256. overflow: hidden;
  257. width: 46px;
  258. height: 10px;
  259. color: #000000;
  260. font: 9px 'Calibri', sans-serif;
  261. font-size: 9px;
  262. font-family: 'Calibri', sans-serif;
  263. line-height: 12px;
  264. text-align: center;
  265. font-weight: bold;
  266. text-transform: uppercase;
  267. margin-bottom: 5px;
  268. margin-left: 5px;
  269. padding: 5px;
  270. background-color: #F5E9C6;
  271. display: inline-block;
  272. transition: all 0.7s ease-in-out;
  273. -webkit-transition: all 0.7s ease-in-out;
  274. -moz-transition: all 0.7s ease-in-out;
  275. -o-transition: all 0.7s ease-in-out;}
  276.  
  277. a.tabs:hover{
  278. color: #7C7C7C;
  279. background-color: #FCFDEC;
  280. transition: all 0.7s ease-in-out;
  281. -webkit-transition: all 0.7s ease-in-out;
  282. -moz-transition: all 0.7s ease-in-out;
  283. -o-transition: all 0.7s ease-in-out;}
  284.  
  285. #sidebar .info{
  286. padding: 10px;
  287. padding-right: 0px;
  288. padding-left: 0px;}
  289.  
  290. .side-title{
  291. color: #DDAA66;
  292. font: 9px 'Calibri', sans-serif;
  293. font-size: 10px;
  294. font-family: 'Calibri', sans-serif;
  295. line-height: 13px;
  296. font-weight: bold;
  297. letter-spacing: 5px;
  298. text-transform: uppercase;
  299. margin-bottom: 5px;
  300. padding-left: 20px;
  301. padding-bottom: 5px;
  302. display: block;
  303. border-bottom: 1px solid #CFCFCF;}
  304.  
  305. .side-title:first-letter{
  306. color: #8180A3;
  307. font-style: italic;}
  308.  
  309. .subtitling{
  310. color: #774433;
  311. font: 8px 'Arial', sans-serif;
  312. font-size: 8px;
  313. font-family: 'Arial', sans-serif;
  314. line-height: 10px;
  315. text-align: right;
  316. font-style: italic;
  317. font-weight: bold;
  318. letter-spacing: 1px;
  319. text-transform: lowercase;
  320. padding-right: 15px;
  321. display: block;}
  322.  
  323. .boxed{
  324. overflow: auto;
  325. max-height: 150px;
  326. color: #464646;
  327. font: 11px 'Arial', sans-serif;
  328. font-size: 11px;
  329. font-family: 'Arial', sans-serif;
  330. line-height: 14px;
  331. text-align: left;
  332. text-transform: lowercase;
  333. margin-top: 5px;
  334. margin-bottom: 5px;}
  335.  
  336. .boxed b{color: #FFAA33;}
  337. .boxed strong{color: #774433;}
  338. .boxed i{color: #DD4400;}
  339. .boxed em {color: #8180A3;}
  340.  
  341. .boxed a, .boxed a:active, .boxed a:link, .boxed a:visited{
  342. color: #000000;
  343. transition: all 0.7s ease-in-out;
  344. -webkit-transition: all 0.7s ease-in-out;
  345. -moz-transition: all 0.7s ease-in-out;
  346. -o-transition: all 0.7s ease-in-out;}
  347.  
  348. .boxed a:hover{
  349. color: #8180A3;
  350. transition: all 0.7s ease-in-out;
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;}
  354.  
  355. .boxed::-webkit-scrollbar-thumb:vertical {
  356. height: 7px;
  357. background-color: #FCFDEC;}
  358.  
  359. .boxed::-webkit-scrollbar-thumb:horizontal {
  360. height: 7px!important;
  361. background-color: #FCFDEC;
  362. border-right: 2px solid #FCFDEC;
  363. border-left: 2px solid #FCFDEC;}
  364.  
  365. .boxed::-webkit-scrollbar {
  366. width: 10px;
  367. height: 15px;
  368. background-color: #FCFDEC;}
  369.  
  370. #lovelies{
  371. width: 250px;
  372. margin-left: -2px;}
  373.  
  374. #lovelies a, #lovelies a:active, #lovelies a:link, #lovelies a:visited{
  375. overflow: hidden;
  376. width: 38px;
  377. max-width: 38px;
  378. color: #555555;
  379. font: 8px 'Calibri', sans-serif;
  380. font-size: 8px;
  381. font-family: 'Calibri', sans-serif;
  382. line-height: 8px;
  383. text-align: center;
  384. font-weight: bold;
  385. text-transform: uppercase;
  386. margin-left: 2px;
  387. margin-bottom: 2px;
  388. padding: 5px;
  389. background-color: #DDCCBB;
  390. display: inline-block;
  391. transition: all 0.7s ease-in-out;
  392. -webkit-transition: all 0.7s ease-in-out;
  393. -moz-transition: all 0.7s ease-in-out;
  394. -o-transition: all 0.7s ease-in-out;}
  395.  
  396. #lovelies a:hover{
  397. color: #FFAA333;
  398. transition: all 0.7s ease-in-out;
  399. -webkit-transition: all 0.7s ease-in-out;
  400. -moz-transition: all 0.7s ease-in-out;
  401. -o-transition: all 0.7s ease-in-out;}
  402.  
  403. ul.rpw, ul.upcoming{
  404. margin: 0px;
  405. padding: 0px;}
  406.  
  407. ul.rpw li,  ul.upcoming li{
  408. font: 9px 'Calibri', sans-serif;
  409. font-size: 9px;
  410. font-family: 'Calibri', sans-serif;
  411. font-weight: bold;
  412. text-transform: uppercase;
  413. padding: 5px;
  414. list-style-type: none;}
  415.  
  416. ul.rpw li:nth-child(even),  ul.upcoming li:nth-child(even){background-color: #F5E9C6;}
  417.  
  418. a.starred, a.starred:active, a.starred:link, a.starred:visited{
  419. color: #333333;
  420. font-size: 8px;
  421. transition: all 0.7s ease-in-out;
  422. -webkit-transition: all 0.7s ease-in-out;
  423. -moz-transition: all 0.7s ease-in-out;
  424. -o-transition: all 0.7s ease-in-out;}
  425.  
  426. a.starred:hover{
  427. color: #774433;
  428. transition: all 0.7s ease-in-out;
  429. -webkit-transition: all 0.7s ease-in-out;
  430. -moz-transition: all 0.7s ease-in-out;
  431. -o-transition: all 0.7s ease-in-out;}
  432.  
  433. .clear{
  434. color: #DDAA66;
  435. font: 8px 'Arial', sans-serif;
  436. font-size: 8px;
  437. font-family: 'Arial' , sans-serif;
  438. line-height: 10px;
  439. text-align: right;
  440. margin-top: 15px;
  441. display: block;}
  442.  
  443. .clear a, .clear a:active, .clear a:link, .clear a:visited{
  444. color: #748797;
  445. transition: all 0.7s ease-in-out;
  446. -webkit-transition: all 0.7s ease-in-out;
  447. -moz-transition: all 0.7s ease-in-out;
  448. -o-transition: all 0.7s ease-in-out;}
  449.  
  450. .clear a:hover{
  451. color: #8180A3;
  452. transition: all 0.7s ease-in-out;
  453. -webkit-transition: all 0.7s ease-in-out;
  454. -moz-transition: all 0.7s ease-in-out;
  455. -o-transition: all 0.7s ease-in-out;}
  456.  
  457. #right{
  458. position: relative;
  459. float: right;
  460. width: 500px;
  461. height: 100%;
  462. margin-right: auto;
  463. margin-left: auto;}
  464.  
  465. #blog{
  466. width: 500px;
  467. margin-top: 20px;
  468. margin-bottom: 20px;}
  469.  
  470. .posts{
  471. width: 500px;
  472. margin-bottom: 15px;}
  473.  
  474. .posts .info{
  475. width: 480px;
  476. margin-bottom: 5px;
  477. padding: 10px;
  478. background-color: #FAF5E7;}
  479.  
  480. name{
  481. color: #8180A3;
  482. font: 20px 'Dawning of a New Day', cursive;
  483. font-size: 20px;
  484. font-family: 'Dawning of a New Day', cursive;
  485. line-height: 18px;
  486. text-transform: lowercase;
  487. margin-bottom: 5px;
  488. display: block;
  489. border-bottom: 1px solid #987139;}
  490.  
  491. date{
  492. color: #555555;
  493. font: 8px 'Calibri', sans-serif;
  494. font-size: 8px;
  495. font-family: 'Calibri', sans-serif;
  496. text-align: right;
  497. font-weight: bold;
  498. letter-spacing: 1px;
  499. text-transform: uppercase;
  500. display: block;}
  501.  
  502. a.comment-link, a.comment-link:active, a.comment-link:link, a.comment-link:visited{
  503. color: #B9B8D1;
  504. transition: all 0.7s ease-in-out;
  505. -webkit-transition: all 0.7s ease-in-out;
  506. -moz-transition: all 0.7s ease-in-out;
  507. -o-transition: all 0.7s ease-in-out;}
  508.  
  509. a.comment-link:hover{
  510. color: #8180A3;
  511. transition: all 0.7s ease-in-out;
  512. -webkit-transition: all 0.7s ease-in-out;
  513. -moz-transition: all 0.7s ease-in-out;
  514. -o-transition: all 0.7s ease-in-out;}
  515.  
  516. .entry{
  517. width: 480px;
  518. color: #333333;
  519. font: 11px 'Arial', sans-serif;
  520. font-size: 11px;
  521. font-family: 'Arial', sans-serif;
  522. line-height: 17px;
  523. padding: 10px;
  524. padding-bottom: 0px;
  525. background-color: #FAF5E7;}
  526.  
  527. .entry img{
  528. max-width: 480px;
  529. opacity: 1;
  530. transition: all 0.7s ease-in-out;
  531. -webkit-transition: all 0.7s ease-in-out;
  532. -moz-transition: all 0.7s ease-in-out;
  533. -o-transition: all 0.7s ease-in-out;}
  534.  
  535. .entry img:hover{
  536. opacity: .8;
  537. transition: all 0.7s ease-in-out;
  538. -webkit-transition: all 0.7s ease-in-out;
  539. -moz-transition: all 0.7s ease-in-out;
  540. -o-transition: all 0.7s ease-in-out;}
  541.  
  542. .entry td.tr-caption{
  543. color: #CCBB99;
  544. font: 10px 'Calibri', sans-serif;
  545. font-size: 10px;
  546. font-family: 'Calibri', sans-serif;
  547. line-height: 12px;
  548. font-weight: bold;
  549. padding: 5px;
  550. display: block;}
  551.  
  552. .entry blockquote{
  553. width: 90%;
  554. color: #000000;
  555. font: 11px 'Arial', sans-serif;
  556. font-size: 11px;
  557. line-height: 14px;
  558. margin-top: 0px;
  559. margin-right: auto;
  560. margin-bottom: 0px;
  561. margin-left: auto;
  562. padding: 10px;
  563. background-color: #DDCCBB;}
  564.  
  565. .entry textarea{
  566. width: 450px;
  567. min-height: 40px;
  568. max-height: 80px;
  569. color: #555555;
  570. font: 8px 'Arial', sans-serif;
  571. font-size: 8px;
  572. font-family: 'Arial', sans-serif;
  573. line-height: 10px;
  574. margin-right: auto;
  575. margin-bottom: 0px;
  576. margin-left: auto;
  577. padding: 5px;
  578. padding-bottom: 5px;
  579. background-color: #FAF5E7;
  580. display: block;
  581. border: 1px solid #DDCCAA;}
  582.  
  583. textarea::-webkit-scrollbar-thumb:vertical {
  584. height: 7px;
  585. background-color: #FAF5E7;}
  586.  
  587. textarea::-webkit-scrollbar-thumb:horizontal {
  588. height: 7px!important;
  589. background-color: #FAF5E7;
  590. border-right: 2px solid #FAF5E7;
  591. border-left: 2px solid #FAF5E7;}
  592.  
  593. textarea::-webkit-scrollbar {
  594. width: 10px;
  595. height: 15px;
  596. background-color: #FAF5E7;}
  597.  
  598. .entry ul{
  599. margin: 0px 5px;
  600. padding: 5px;
  601. padding-bottom: 5px;}
  602.  
  603. .entry li{
  604. color: #555555;
  605. font: 8px 'Arial', sans-serif;
  606. font-size: 8px;
  607. font-family: 'Arial', sans-serif;
  608. line-height: 10px;
  609. letter-spacing: 1px;
  610. text-transform: uppercase;
  611. padding: 5px;
  612. padding-left: 15px;
  613. list-style-type: none;}
  614.  
  615. .entry li:nth-child(even){background-color: #F5E9C6;}
  616.  
  617. .entry li:before{
  618. color: #DDCCAA;
  619. padding-right: 10px;
  620. content: "✳"}
  621.  
  622. p.blogger-labels{
  623. width: 490px;
  624. font: 8px 'Calibri', sans-serif;
  625. font-size: 8px;
  626. font-family: 'Calibri', sans-serif;
  627. line-height: 10px;
  628. font-weight: bold;
  629. letter-spacing: 1px;
  630. text-transform: uppercase;
  631. margin-left: -10px;
  632. margin-top: 10px;
  633. padding: 5px;
  634. padding-left: 15px;
  635. background-color: #F5E9C6;}
  636.  
  637. .blogger-labels a, .blogger-labels a:active, .blogger-labels a:link, .blogger-labels a:visited{
  638. color: #000000;
  639. transition: all 0.7s ease-in-out;
  640. -webkit-transition: all 0.7s ease-in-out;
  641. -moz-transition: all 0.7s ease-in-out;
  642. -o-transition: all 0.7s ease-in-out;}
  643.  
  644. .blogger-labels a:hover{
  645. color: #8180A3;
  646. transition: all 0.7s ease-in-out;
  647. -webkit-transition: all 0.7s ease-in-out;
  648. -moz-transition: all 0.7s ease-in-out;
  649. -o-transition: all 0.7s ease-in-out;}
  650.  
  651. #pagination{
  652. width: 480px;
  653. font: 30px 'Roboto Condensed', sans-serif;
  654. font-size: 30px;
  655. font-family:  'Roboto Condensed', sans-serif;
  656. line-height: 20px;
  657. padding: 10px;}
  658.  
  659. #pagination a, #pagination a:active, #pagination a:link, #pagination a:visited{
  660. color: #000000;
  661. transition: all 0.7s ease-in-out;
  662. -webkit-transition: all 0.7s ease-in-out;
  663. -moz-transition: all 0.7s ease-in-out;
  664. -o-transition: all 0.7s ease-in-out;}
  665.  
  666. #pagination a:hover{
  667. color: #F5E9C6;
  668. transition: all 0.7s ease-in-out;
  669. -webkit-transition: all 0.7s ease-in-out;
  670. -moz-transition: all 0.7s ease-in-out;
  671. -o-transition: all 0.7s ease-in-out;}
  672. </style>
  673. </head>
  674.  
  675.  
  676. <body>
  677. <div id="container">
  678. <div id="content">
  679. <table align="center" style="width: 800px; height: 100%;" width="800">
  680. <tr><td align="left" style="width: 270px; height: 100%;" valign="top" width="270">
  681. <div id="left">
  682. <div id="sidebar">
  683. <blog-title>v. ours doux;</blog-title>
  684.  
  685. <div id="nav1">
  686. <a href="/" title="refresh the page.">home</a><a <a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>" title="follow my blog.">+ follow</a><a href="URLHERE" title="title here.">link</a><a href="URLHERE" title="title here.">link</a>
  687. </div>
  688.  
  689.  
  690. <div class="image">
  691. <div class="background">
  692. <txt><div class="scroll" style="padding: 0px;">
  693. <div><iframe frameborder="0" width="216" height="60" src="http://www5.cbox.ws/box/?boxid=861892&amp;boxtag=6gz97s&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-861892" style="border: 0px solid;" id="cboxmain5-861892"></iframe></div>
  694. <div><iframe frameborder="0" width="216" height="70" src="http://www5.cbox.ws/box/?boxid=861892&amp;boxtag=6gz97s&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-861892" style="border: 0px solid;border-top:0px" id="cboxform5-861892"></iframe></div>
  695. </div></txt>
  696. </div>
  697. </div>
  698.  
  699.  
  700. <div id="nav2">
  701. <a class="tabs" onclick="document.getElementById('side').innerHTML=document.getElementById('profile').innerHTML" title="about the blogger.">profile</a><a class="tabs" onclick="document.getElementById('side').innerHTML=document.getElementById('lovelies').innerHTML" title="friendships.">lovelies</a><a class="tabs" onclick="document.getElementById('side').innerHTML=document.getElementById('archives').innerHTML" title="blog archives.">archives</a><a class="tabs" onclick="document.getElementById('side').innerHTML=document.getElementById('credits').innerHTML" title="the thank yous.">credits</a>
  702. </div>
  703.  
  704.  
  705. <div id="side">
  706. </div>
  707.  
  708.  
  709. <div id="profile" style="display: none;">
  710. <div class="info">
  711. <div class="side-title">the blogger,</div>
  712. <div class="subtitling">more about me.</div>
  713. </div>
  714. <div class="boxed">
  715.  
  716. feel free to write a small little blurb about yourself here. put a picture if you want to as well. <b>bold.</b> <strong>strong.</strong> <i>italicised.</i> <em>emphasised.</em> <a href="link">link</a>.
  717. </div>
  718.  
  719. <div class="clear">[<a onclick="document.getElementById('side').innerHTML=document.getElementById('clear').innerHTML" title="close me.">××</a>]</div>
  720. </div>
  721.  
  722.  
  723. <div id="lovelies" style="display: none;">
  724. <div class="info">
  725. <div class="side-title">the lovelies,</div>
  726. <div class="subtitling">friends and affiliations.</div>
  727. </div>
  728. <div class="boxed">
  729. <div id="lovelies">
  730. <a href="http://untraversable.tk">「AC」</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a>
  731. <a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a>
  732. <a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a>
  733. <a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a><a href="LINK">NAME</a>
  734. </div>
  735. </div>
  736.  
  737. <div class="clear">[<a onclick="document.getElementById('side').innerHTML=document.getElementById('clear').innerHTML" title=close"><a onclick="document.getElementById('side').innerHTML=document.getElementById('clear').innerHTML" title="close me.">××</a></a>]</div>
  738. </div>
  739.  
  740.  
  741. <div id="archives" style="display: none;">
  742. <div class="info">
  743. <div class="side-title">the archives,</div>
  744. <div class="subtitling">monthly archives.</div>
  745. </div>
  746. <div class="boxed" style="margin-top: -5px;">
  747. <select onchange="location=this.options[this.selectedIndex].value;" style="width:250px; color: #000000; font: 9px 'Consolas', monospace;; font-size: 9px; font-family: 'Consolas', monospace; font-weight: bold; text-transform: uppercase; background-color: #FCFDEC; border: none;">
  748. <option>monthly archives</option>
  749. <BloggerArchives><option value="<$BlogArchiveURL$>" title="view all <$BlogArchiveName$> posts."><$BlogArchiveName$></option></BloggerArchives>
  750. </select>
  751. </div>
  752.  
  753.  
  754. <div class="info">
  755. <div class="side-title">recent postings,</div>
  756. <div class="subtitling">the last five posts.</div>
  757. </div>
  758. <div class="boxed">
  759. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  760. <script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script>
  761.  
  762. <div class="related-posts-widget">
  763. <!-- {
  764.     blog_url:'yourblogurlhere'
  765.     ,posts_per_tag:''
  766.     ,tags:[]
  767.     ,related_title:''
  768.     ,recent_title:''
  769.     ,thumbs:0
  770. } -->
  771. loading..
  772. </div>
  773. </div>
  774.  
  775. <div class="clear">[<a onclick="document.getElementById('side').innerHTML=document.getElementById('clear').innerHTML" title="close me.">××</a>]</div>
  776. </div>
  777.  
  778. <!--Do not edit this area unless you are aware of what you are doing.-->
  779. <div id="credits" style="display: none;">
  780. <div class="info">
  781. <div class="side-title">the credits,</div>
  782. <div class="subtitling">you’re very welcome.</div>
  783. </div>
  784. <div class="boxed">
  785. “<b>ours doux</b>” is a layout created by <a href="http://blogskins.com/me/acatalepsy" title="blogskins.">acatalep</a><a href="http://untraversable.tk" title="blogspot.">.sy</a>.
  786. sidebar image from <a href="http://weheartit.com/entry/105917239/" title="original image.">we❤it</a>, colours created using <a href="http://colorschemedesigner.com/" title="use colour scheme designer.">colour scheme designer</a>
  787. and <a href="http://www.degraeve.com/color-palette/index.php" title="use the generator">degraeve’s colour palette generator</a> (<a class="starred" href="http://puu.sh/7wP8S.jpg" title="palette one.">❤</a>,
  788. <a class="starred" href="http://puu.sh/7wPcH.jpg" title="palette two.">❤</a>, <a class="starred" href="http://puu.sh/7wPeY.jpg" title="palette three.">❤</a>, <a class="starred" href="http://puu.sh/7wPhZ.jpg" title="palette four.">❤</a>,
  789. <a class="starred" href="http://puu.sh/7wPkM.jpg" title="palette five.">❤</a>) . related posts from <a href="http://blogger-related-posts.googlecode.com/svn/v2/setup.htm" title="related post widgets here.">related posts widget</a> and
  790. tagboard credited to <a href="http://cbox.ws" href="cbox credit.">cbox</a>.
  791.  
  792. </div>
  793.  
  794. <div class="clear">[<a onclick="document.getElementById('side').innerHTML=document.getElementById('clear').innerHTML" title="close me.">××</a>]</div>
  795. </div>
  796.  
  797.  
  798. <div id="clear" style="display: none;">
  799. </div>
  800. </div>
  801.  
  802.  
  803.  
  804. </div>
  805. </td>
  806.  
  807. <td align="left" height="100%" style="width: 500px; height: 100%;" valign="top" width="500">
  808. <div id="right">
  809. <div id="blog">
  810. <Blogger>
  811. <div class="posts">
  812. <div class="info">
  813. <BlogItemTitle><name><$BlogItemTitle$></name></BlogItemTitle>
  814. <date><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> — <BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$> title="<$BlogItemCommentCount$> comments.">comments</a></BlogItemCommentsEnabled></date>
  815. </div>
  816.  
  817.  
  818. <BlogItemBody>
  819. <div class="entry">
  820. <$BlogItemBody$>
  821. </div>
  822. </BlogItemBody>
  823. </div>
  824. </Blogger>
  825. </div>
  826.  
  827. <div id="pagination">
  828. <MainOrArchivePage>
  829. <div style="text-align: left;">
  830. <OlderPosts><a href="<$OlderPosts$>" title="previous page.">←</a></OlderPosts>
  831.  
  832. <span style="float: right;">
  833. <NewerPosts><a href="<$NewerPosts$>" title="next page."→></a></NewerPosts>
  834. </span>
  835. </div>
  836. </MainOrArchivePage>
  837.  
  838.  
  839. <ItemPage>
  840. <div style="text-align: left;">
  841. <OlderPosts><a href="<$OlderPosts$>" title="previous post.">←</a></OlderPosts>
  842.  
  843. <span style="float: right;">
  844. <NewerPosts><a href="<$NewerPosts$>" title="next post."→></a></NewerPosts>
  845. </span>
  846. </div>
  847. </ItemPage>
  848. </div>
  849.  
  850. </div>
  851. </td></tr>
  852. </table>
  853. </div>
  854. </div>
  855. </body>
  856. </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!