Advertisement
cat_inthe_cradle

Sawyer Hemingway

Apr 24th, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.98 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. /* --- SCROLLBAR ---*/
  4.  
  5. ::-webkit-scrollbar {
  6. width: 5px;height: 5px;}
  7. {
  8. height: 6px;display: block;background-color: ;}
  9. ::-webkit-scrollbar-track-piece {
  10. background-color: ;}
  11. ::-webkit-scrollbar-thumb:vertical {
  12. height: 9px;background-color: #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;}
  13. ::-webkit-scrollbar-thumb:horizontal {
  14. height: 9px;background-color: #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;}
  15.  
  16.  
  17. /* --- BODY ---*/
  18.  
  19. body {
  20. background: #ffffff url('http://40.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo3_400.png');
  21. margin:0px;
  22. color:#b4b3b3;
  23. font-family:Calibri;
  24. font-size:9px;
  25. line-height:100%;
  26. }
  27.  
  28. a {
  29. text-decoration:none;
  30. outline:none;
  31. -moz-outline-style:none;
  32. color:#b1b0b0;
  33. }
  34.  
  35. img {
  36. border:none;
  37. }
  38.  
  39. blockquote {
  40. padding-left:5px;
  41. border-left:2px solid;
  42. }
  43.  
  44. blockquote blockquote {
  45. padding-left:5px;
  46. border-left:2px solid;
  47. }
  48.  
  49. h1 {
  50. font-size:9px;
  51. text-transform:uppercase;
  52. }
  53.  
  54. a:hover {
  55. opacity:10;
  56. color:#d8d6d6;
  57. -webkit-transition: all 0.7s ease;
  58. -moz-transition: all 0.7s ease;
  59. -o-transition: all 0.7s ease
  60. }
  61.  
  62. #black {
  63. width:400px;
  64. height:100%;
  65. position:fixed;
  66. background-color:# ;
  67. margin-top:-40px;
  68. margin-left:-350px;
  69. opacity:1;
  70. }
  71.  
  72. /* --- POST ENTRIES ---*/
  73.  
  74.  
  75. #entries {
  76. padding:10px;
  77. width:400px;
  78.  
  79. margin-left:425px;
  80. margin-top:40px;
  81. font-size:10px;
  82. }
  83.  
  84. /* --- BODY: POSTS ---*/
  85.  
  86.  
  87. #post {
  88. width:400px;
  89.  
  90. padding-bottom:20px;
  91. padding:10px;
  92. margin-top:15px;
  93. background-color:#ffffff;
  94. }
  95.  
  96. /* --- PAGINATION---*/
  97.  
  98.  
  99. #pagination {
  100. width:100px;
  101. font-size:8px;
  102. text-align:left;
  103. margin-left:160px;
  104. margin-top:353px;
  105. position:fixed;
  106. font-family:consolas;
  107. letter-spacing:0px;
  108. }
  109.  
  110. /* --- SIDEBAR IMAGE ---*/
  111.  
  112.  
  113. #sidebar {
  114. width:80px;
  115. height:200px;
  116. position:fixed;
  117. margin-left:260px;
  118. margin-top:150px;
  119. opacity:1;
  120. background-color: ;
  121. }
  122.  
  123. #sidebarimage1 img {
  124. width:95px;
  125. height:200px;
  126. position:fixed;
  127. background-color:#000;
  128. margin-top:0px;
  129. margin-left:-100px;
  130. opacity:1;
  131. -webkit-transition: all 0.5s ease;
  132. -moz-transition: all 0.5s ease;
  133. -o-transition: all 0.5s ease;
  134. -ms-transition: all 0.5s ease;
  135. transition: all 0.5s ease;
  136. }
  137.  
  138. #sidebarimage2 img {
  139. width:95px;
  140. height:95px;
  141. position:fixed;
  142. background-color:#7cd3c9;
  143. margin-top:0px;
  144. margin-left:-100px;
  145. opacity:.85;
  146. border:0px solid #fff;
  147. opacity:0;
  148. -moz-transition-duration:.7s;
  149. -webkit-transition-duration:.7s;
  150. -o-transition-duration:.7s;
  151. }
  152.  
  153. #sidebarimage3 img {
  154. width:95px;
  155. height:95px;
  156. position:fixed;
  157. background-color:#7cd3c9;
  158. margin-top:105px;
  159. margin-left:-100px;
  160. opacity:.85;
  161. border:0px solid #fff;
  162. opacity:0;
  163. -moz-transition-duration:.7s;
  164. -webkit-transition-duration:.7s;
  165. -o-transition-duration:.7s;
  166. }
  167.  
  168. #sidebar:hover #sidebarimage1 img{
  169. opacity:0;
  170. -webkit-transform: rotate(360deg);
  171. -moz-transform: rotate(360deg);
  172. -o-transform: rotate(360deg);
  173. -ms-transform: rotate(360deg);
  174. transform: rotate(360deg);
  175. }
  176.  
  177. #sidebar:hover #sidebarimage2 img{
  178. opacity:1;
  179. -moz-transition-duration:.7s;
  180. -webkit-transition-duration:.7s;
  181. -o-transition-duration:.7s;
  182. }
  183.  
  184. #sidebar:hover #sidebarimage3 img{
  185. opacity:1;
  186. -moz-transition-duration:.7s;
  187. -webkit-transition-duration:.7s;
  188. -o-transition-duration:.7s;
  189. }
  190.  
  191.  
  192.  
  193. /* --- SIDEBAR LINKS ---*/
  194.  
  195. #wholebg {
  196. width:80px;
  197. height:200px;
  198. position:fixed;
  199. margin-top:0px;
  200. margin-left:0px;
  201. background-color:transparent;
  202. }
  203.  
  204. #link1bg {
  205. padding:0px;
  206. background-color:#000000;
  207. width:80px;
  208. height:21px;
  209. margin-top:0px;
  210. margin-left:0px;
  211. position:fixed;
  212. opacity:.87;
  213. }
  214.  
  215. .link1 {
  216. width:80px;
  217. height:10px;
  218. background-color:transparent;
  219. margin-top:5px;
  220. margin-left:0px;
  221. font-size:10px;
  222. font-family:'times new';
  223. text-align:center;
  224. text-transform:uppercase;
  225. letter-spacing:2px;
  226. position:fixed;
  227. color:#f2f2f2;
  228. -moz-transition-duration:.4s;
  229. -webkit-transition-duration:.4s;
  230. -o-transition-duration:.4s;
  231. }
  232.  
  233. #link2bg {
  234. padding:0px;
  235. background-color:#000000;
  236. width:80px;
  237. height:21px;
  238. margin-top:25px;
  239. margin-left:0px;
  240. position:fixed;
  241. opacity:.87;
  242. }
  243.  
  244. .link2 {
  245. width:80px;
  246. height:10px;
  247. background-color:transparent;
  248. margin-top:30px;
  249. margin-left:0px;
  250. font-size:10px;
  251. font-family:'times new';
  252. text-align:center;
  253. text-transform:uppercase;
  254. letter-spacing:2px;
  255. position:fixed;
  256. color:#f2f2f2;
  257. -moz-transition-duration:.4s;
  258. -webkit-transition-duration:.4s;
  259. -o-transition-duration:.4s;
  260. }
  261.  
  262. #link3bg {
  263. padding:0px;
  264. background-color:#000000;
  265. width:80px;
  266. height:21px;
  267. margin-top:50px;
  268. margin-left:0px;
  269. position:fixed;
  270. opacity:.87;
  271. }
  272.  
  273. .link3 {
  274. width:80px;
  275. height:10px;
  276. background-color:transparent;
  277. margin-top:55px;
  278. margin-left:0px;
  279. font-size:10px;
  280. font-family:'times new';
  281. text-align:center;
  282. text-transform:uppercase;
  283. letter-spacing:2px;
  284. position:fixed;
  285. color:#f2f2f2;
  286. -moz-transition-duration:.4s;
  287. -webkit-transition-duration:.4s;
  288. -o-transition-duration:.4s;
  289. }
  290.  
  291. #link4bg {
  292. padding:0px;
  293. background-color:#000000;
  294. width:80px;
  295. height:21px;
  296. margin-top:75px;
  297. margin-left:0px;
  298. position:fixed;
  299. opacity:.87;
  300. }
  301.  
  302. .link4 {
  303. width:80px;
  304. height:10px;
  305. background-color:transparent;
  306. margin-top:80px;
  307. margin-left:0px;
  308. font-size:10px;
  309. font-family:'times new';
  310. text-align:center;
  311. text-transform:uppercase;
  312. letter-spacing:2px;
  313. position:fixed;
  314. color:#f2f2f2;
  315. -moz-transition-duration:.4s;
  316. -webkit-transition-duration:.4s;
  317. -o-transition-duration:.4s;
  318. }
  319.  
  320. .link1:hover{
  321. letter-spacing:4px;
  322. -moz-transition-duration:.4s;
  323. -webkit-transition-duration:.4s;
  324. -o-transition-duration:.4s;
  325. }
  326.  
  327. .link2:hover{
  328. letter-spacing:4px;
  329. -moz-transition-duration:.4s;
  330. -webkit-transition-duration:.4s;
  331. -o-transition-duration:.4s;
  332. }
  333.  
  334. .link3:hover {
  335. letter-spacing:4px;
  336. -moz-transition-duration:.4s;
  337. -webkit-transition-duration:.4s;
  338. -o-transition-duration:.4s;
  339. }
  340.  
  341. .link4:hover {
  342. letter-spacing:4px;
  343. -moz-transition-duration:.4s;
  344. -webkit-transition-duration:.4s;
  345. -o-transition-duration:.4s;
  346. }
  347.  
  348.  
  349.  
  350. /* --- DESCRIPTION ---*/
  351.  
  352. #description {
  353. position:fixed;
  354. font-family:calibri;
  355. line-height:100%;
  356. font-size:8px;
  357. font-style:none;
  358. text-transform:;
  359. width:80px;
  360. height:95px;
  361. margin-top:105px;
  362. margin-left:0px;
  363. text-align:justify;
  364. color:#b4b3b3;
  365. opacity:1;
  366. }
  367.  
  368. /* --- POST INFO ---*/
  369.  
  370.  
  371. #info {
  372. text-align:left;
  373. margin-top:10px;
  374. text-transform:uppercase;
  375. font-size:8px;
  376. font-style:none;
  377. border-top:1px solid #f2f2f2
  378. }
  379.  
  380. /* --- POST TAGS---*/
  381.  
  382.  
  383. #tags {
  384. font-family:cambria;
  385. letter-spacing:0px;
  386. text-transform:lowercase;
  387. font-size:10px;
  388. font-style:italic;
  389. margin-top:2px;
  390. text-align:left;
  391. opacity:0;
  392. -webkit-transition: all 0.6s ease-in-out;
  393. -moz-transition: all 0.6s ease-in-out;
  394. -o-transition: all 0.6s ease-in-out;
  395. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  396. }
  397.  
  398. #tags
  399. a {display:inline;background-color:f0f0f0;padding:-3px;text-align:left;
  400. -webkit-transition: all 0.6s ease-in-out;
  401. -moz-transition: all 0.6s ease-in-out;
  402. -o-transition: all 0.6s ease-in-out;
  403. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  404.  
  405. #post:hover #tags {
  406. opacity:1;
  407. margin-top:4px;
  408. -webkit-transition: all 0.6s ease-in-out;
  409. -moz-transition: all 0.6s ease-in-out;
  410. -o-transition: all 0.6s ease-in-out;
  411. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  412. }
  413.  
  414.  
  415.  
  416. /* --- QUESTIONS ---*/
  417.  
  418. #asker {
  419. padding:5px;
  420. font-family:cambria;
  421. letter-spacing:1px;
  422. text-align:left;
  423. font-style:italic;
  424. margin-left:10px;
  425. border-left:3px #eee solid;
  426. background-color:#ffffff
  427. }
  428.  
  429. </style>
  430.  
  431. <div id="black"></div><div id="sidebar"><div id="sidebarimage1"><img src="https://68.media.tumblr.com/1edb6b8f9a89e7bff88e3a9a7926f1f9/tumblr_o8aui0omtu1qjlszto1_500.jpg"></div><div id="sidebarimage2"><img src="http://i.picpar.com/BImc.png"></div><div id="sidebarimage3"><img src="http://i.picpar.com/CImc.png"></div><div id="wholebg"></div><div id="link1bg"></div><div id="link2bg"></div><div id="link3bg"></div><div id="link4bg"></div>
  432.  
  433. <div class="link1"><a target="_blank" href="http://themesbytisya.tumblr.com"><font color="#f1f1f1">Sawyer Hemingway</font></div><div class="link2"><a href="/ask"><font color="#f1f1f1">Saw</a></font></div><div class="link3"><a href="/archive"><font color="#f1f1f1">Dreamer</font></a></div><div class="link4"><a href="/links"><font color="#f1f1f1">Single</font></a></div><div id="description">
  434.  
  435. <b>► RACE. </b><br /> Witch | Demon.<br />
  436.  
  437. <b>► BIRTHPLACE. </b><br /> London, England.<br />
  438.  
  439. <b>► RESIDENCE. </b><br /> United States.<br />
  440.  
  441. <b>► ROMANCE. </b><br /> Uninterested.<br />
  442.  
  443. <b>► FACE CLAIM. </b><br /> Hannah Snowdon.<br />
  444.  
  445. <b>► CODES. </b><br /> Do not steal.<br />
  446.  
  447.  
  448.  
  449.  
  450.  
  451. </div></div><div id="pagination"><span class="current_page"> </span>&nbsp;&nbsp;
  452.  
  453.  
  454.  
  455. <a class="jump_page" href="/page/2">Charmed; //</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement