Advertisement
imann

home sweet home

Dec 14th, 2020 (edited)
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.33 KB | None | 0 0
  1. body {font-family:Georgia ; background:#ab956f; text-align:center}
  2. body {padding-top: 60px;
  3.     font-size: 16px;
  4. }
  5. div.boxHead {
  6.     background-size: contain;
  7.     text-shadow: 2px 2px 2px #422918;
  8.     background: none;
  9. }
  10. div.rightHead {
  11.     background: #0d0d0d;
  12.     color: #ffffff;}
  13. div#hSub {
  14.     font-family: Georgial;
  15.     font-size: 10px;
  16.     background: #422918;}
  17. h4 {
  18.     color: black;}
  19. span.uName {color: #422918; }
  20. div#header {
  21.     background: #422918;
  22.     background-image: url(https://webstockreview.net/images/lace-png-images-3.png);
  23.     background-size: contain;
  24. }
  25. a:-webkit-any-link {
  26.     color: -webkit-link;
  27.     cursor: crosshair;}
  28. span {color: cornsilk;}
  29. span#credo {color: #422918;}
  30. span#age {color: #422918;}
  31. span#lastLogin {color: #422918;}
  32. html {cursor: cell}
  33. span.uName {color: cornsilk;}
  34. span.fwiendCount {color: chocolate; }
  35. .box {
  36.     border: 4px double;
  37.     overflow: hidden;
  38.     background-color: #b49061a6;
  39. boarder-color: black;
  40.  background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
  41. box-shadow: 7px 7px #0e000057;
  42.     border-radius: 10px;
  43. }
  44. .tableRight {
  45.     width: 75%;
  46.     background: #fff8dc96;
  47.     padding: 10px;
  48.     vertical-align: top;
  49.     overflow-wrap: anywhere;
  50. border-radius: 2px 25px 25px;}
  51. b {color: cornsilk; }
  52. .tableLeft {
  53.     background: none;
  54.     width: 25%;
  55.     padding: 10px;
  56.     vertical-align: top;
  57.     overflow: hidden;
  58. border-radius: 25px;
  59. font-size: 13px;
  60.     text-align: center;
  61. }
  62. div.rightHead {
  63.     background: #422918;
  64.     color: #ffffff;
  65. padding-left: 4px;
  66.     padding: 6px;
  67.     text-align: center;
  68. }
  69. .boxButton {
  70.     display: inline-block;
  71.     width: calc( 49% - 60px );
  72.     padding-left: 30px;
  73.     height: 24px;
  74.     font-size: small;
  75.     color: #1f1b15;
  76.     padding-top: 7px;
  77. box-shadow: 7px 7px #0e000057;
  78.     border-radius: 10px;
  79. }
  80. a:-webkit-any-link {
  81.     color: firebrick;
  82.     cursor: crosshair;
  83. }
  84. h2#name.uName {
  85.     font-size: xx-large;
  86.     text-align: center;
  87.     margin-bottom: 10xp;    
  88. text-shadow: 2px 2px 2px #ffc9b5;
  89. }
  90. table.short {
  91.     background: #b49061a6;
  92.     border: 4px double;
  93.     background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
  94. box-shadow: 7px 7px #0e000057;
  95.     border-radius: 10px;
  96. }
  97. body {
  98.     background-image: url(https://cdn131.picsart.com/257567641001212.png?type=webp&to=min&r=640);
  99.     background-size: unset;
  100. background-attachment: fixed;
  101. }
  102. div.url.box {
  103.     text-align: center;
  104. box-shadow: 7px 7px #0e000057;
  105.     border-radius: 10px;
  106. }
  107. div.blogs {text-align: center; }
  108. .boxButton {
  109.     display: inline-block;
  110.     width: calc( 54% - 60px );
  111.     padding-left: 30px;
  112.     height: 24px;
  113.     font-size: small;
  114.     color: ##1f1b15;
  115.     padding-top: 7px;
  116.     box-shadow: 0 0 black;
  117.     border-radius: 10px;
  118. }
  119. div.blogs {
  120.     text-align: center;
  121. padding: 0px;
  122.     margin-bottom: 0px;
  123.  
  124.  }
  125. #sMsg {
  126.     background-repeat: no-repeat;
  127.     background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Email-icon.png);
  128.     text-align: center;
  129. }
  130. #block {
  131.     background-repeat: no-repeat;
  132.     background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Angry-icon.png);
  133.     text-align: center;
  134. }
  135. #add {
  136.     background-repeat: no-repeat;
  137.     background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Friendster-icon.png);
  138.     text-align: center;
  139. }
  140. #report {
  141.     background-repeat: no-repeat;
  142.     background-image: url(https://icons.iconarchive.com/icons/iconsmind/outline/24/Speaker-icon.png);
  143.     text-align: center;
  144. }
  145. .player::before {
  146.     content: "";
  147.     display: block;
  148.     position: relative;
  149.     width: calc(40% -20px);
  150.     height: 210px;
  151.     max-width: 390px;
  152.     background-position: 0 0;
  153.     background-size: 100% 100%;
  154.     background-image: url(https://i2.wp.com/66.media.tumblr.com/2c05c8a63a0cb5d6fa348dd2f13a7003/e69f55923b1b5a5d-60/s540x810/24907307f3ae84980737e4d24dd7df7a4983c8e6.gif?w=720&ssl=1);
  155.      border-radius: 5px;}
  156.   ::-webkit-scrollbar {
  157.     width: 5px;
  158.     height: 15px;
  159. }
  160. ::-webkit-scrollbar-thumb {
  161.     border-radius: 10px;
  162.     background: brown;
  163.     box-shadow: inset 0 0 6px cornsilk;
  164. }
  165. ::-webkit-scrollbar-track {
  166.     background: cornsilk;
  167.     box-shadow: inset 0 0 10px beige;
  168.     border-radius: 10px;
  169. }
  170. .url {
  171.     font-size: 0px;
  172.     background: url(https://cdn130.picsart.com/306295514265211.png?type=webp&to=min&r=640);
  173.     background-size: 250px;
  174.     position: fixed;
  175.     right: 0;
  176.     bottom: 0;
  177.     color: transparent !important;
  178.     height: 227px;
  179.     width: 250px;
  180.     border: none;
  181.     box-shadow: none;
  182.     padding: 0 !important;
  183.     z-index: 1000;
  184. }
  185. div.url.box {
  186.     box-shadow: 7px 7px #0e000057;
  187.     border-radius: 10px;
  188. }
  189. .fwiendFace img {
  190. border: 4px double cornsilk;
  191.      border-radius: 50%;
  192.      background-position: center;
  193.      border-radius: 50%;
  194.      display: absolute;
  195.      height: 100px;
  196.      object-fit: cover;
  197.      width: 100px;
  198.      border-width: 2px;
  199.      border-color: cornsilk;
  200. }
  201. #commentInput {
  202.     width: calc( 96.5% - 1px );
  203.     margin: 0;
  204.     margin-top: 10px;
  205.     height: 100px;
  206.     color: cornsilk;
  207. }
  208. textarea#commentInput {
  209.     background: #bc8f8fa3;
  210.     border: solid #734d1d;
  211.     border-radius: 10px;
  212.     padding: 10px;
  213. }
  214. div.rightHead {
  215.     background: #422918;
  216.     background-image: url(https://webstockreview.net/images/lace-png-images-3.png);
  217.     background-size: contain;
  218.     color: #ffffff;
  219.     padding-left: 4px;
  220.     padding: 6px;
  221.     text-align: center;
  222. }
  223. #container {
  224.     background-color: #74644863;
  225.     border: double cornsilk;
  226.     max-width: 1024px;
  227.     margin-left: auto;
  228.     margin-right: auto;
  229. }
  230. .tableLeft img {
  231.     max-width: calc(100%);
  232.     border-radius: 50%;
  233.     width: 100px;
  234.     height: 100px;
  235.     background-position: center;
  236.     object-fit: cover;
  237.     border: 4px double cornsilk;
  238. }
  239. #footer {
  240.     font-size: small;
  241.     width: 100%;
  242.     bottom: 0px;
  243.     display: grid;
  244.     text-align: center;
  245.     border: none;
  246.     background: none;
  247.     box-shadow: none;
  248. }
  249. .box.fwiends {
  250.     margin-bottom: 20px;
  251. }
  252. div#online {
  253.     content: url(https://www.myspacegens.com/images/online_now/64.gif);
  254.     display: block;
  255.     margin-left: auto;
  256.     margin-right: auto;
  257. width:70%
  258. }
  259. b.date {
  260.     color: chocolate;
  261. }
  262. button {
  263.     width: max-content;
  264.     color: brown;
  265.     background-color: cornsilk;
  266. cursor:crosshair;
  267. }
  268. .box.comments {
  269.     background: none;
  270.     border: none;
  271.     box-shadow: none;
  272.     border-radius: none;
  273.     overflow: visible;
  274. }
  275. .fwiendFace:hover, .tableLeft:hover {
  276.     border-radius: 15px;
  277.     transform: scale(1.2);
  278.     background-color: #b49061;
  279.     background-image: url(https://simple-repeat.com/img/pngimg/grid/grid070clear256.png);
  280.     animation: wob .5s linear infinite;
  281.     box-shadow: 0 0 1rem cornsilk;
  282.     border: 1px solid cornsilk;
  283.     transition: 0.5s;
  284. }
  285. #userWall {
  286.     margin-top: 10px;
  287.     word-wrap: break-word;
  288.     display: inline-block;
  289.     overflow: visible;
  290.     width: 100%;
  291. }
  292. .fwiendFace {
  293.     max-width: 25%;
  294.     display: inline-grid;
  295.     width: calc( 24% - 6px );
  296.     padding: 3px;
  297.     text-align: center;
  298.     font-size: 13px;
  299. }
  300. .topRight > .extended.box::after {
  301.     font-size: 20px;
  302.     content: "♡ Home Sweet Home ♡";
  303.     border-radius: 10px;
  304.     font-weight: bold;
  305.     margin-top: 0px;
  306.     margin-bottom: 1em;
  307.     display: block;
  308. }
  309. h3 {
  310.     visibility: hidden;
  311.     margin: 0px;
  312. }
  313. input[type="submit"] {
  314.     cursor: crosshair;
  315.     color: brown;
  316.     background: cornsilk;
  317.     border: dotted;
  318. }
  319. .topLeft > .extended.box::after {
  320.     content: "";
  321.     display: block;
  322.     position: fixed;
  323.     width: calc(40% -20px);
  324.     height: 210px;
  325.     max-width: 390px;
  326.     background-position: 0 0;
  327.     background-size: 100% 100%;
  328.     background-image: url(https://i2.wp.com/66.media.tumblr.com/2c05c8a63a0cb5d6fa348dd2f13a7003/e69f55923b1b5a5d-60/s540x810/24907307f3ae84980737e4d24dd7df7a4983c8e6.gif?w=720&ssl=1);
  329. }
  330. .blogs {
  331.     display: flex;
  332.     flex-flow: row wrap;
  333.     padding-top: 16px;
  334.     padding-bottom: 16px;
  335. }
  336. .blogs, .blog {
  337.     margin-bottom: 20px;
  338. }
  339. .blurbs>.blogs>div:not(:first-child):before {
  340.     content: "";
  341.     display: block;
  342.     width: 97px;
  343.     height: 91px;
  344.     background: url(https://64.media.tumblr.com/c69862978cc3ab12ab0a2c81304b7524/c1a8017f156f9a41-23/s500x750/9a94134f69950fe90efb3ac6836a7054845e2a59.gifv);
  345.     background-repeat: no-repeat;
  346.     background-position: center;
  347.     image-rendering: pixelated;
  348.     background-size: cover;
  349. }
  350. .blurbs>.blogs>div:not(:first-child) {
  351.     width: 110px;
  352.     text-align: center;
  353.     margin: 0.5%;
  354. }
  355. .blurbs>.blogs>div:first-child { display:none; }
  356. .player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
  357.     background: #fff;
  358.     background: #42291900;
  359.     height: 36px;
  360.     filter: none;
  361.     border-radius: 26px;
  362. }
  363. .songName {
  364.     margin-top: 10px;
  365.     font-size: medium;
  366. }
  367. a.logo {
  368.     visibility: hidden;
  369. }
  370. .logo::after {
  371.     padding-top: 10px;
  372.     visibility: visible;
  373.     width: 171px !important;
  374.     top: 0;
  375.     left: 0;
  376.     font-family: georgia;
  377.     content: "bless your heart...";
  378.     font-size: 15px;
  379.     color: cornsilk;
  380. }
  381. .boxButton:hover {
  382.         border-radius: 15px;
  383.     transform: scale(1.2);
  384.     background-color: #bc8f8fa3;
  385.     animation: wob .5s linear infinite;
  386. border: .5px solid #422918;
  387.     transition: 0.5s;
  388.     backdrop-filter: blur(3px);
  389. }
  390. .boxInfo.box {
  391.     overflow: visible;
  392. }
  393. li:hover {
  394.         border-radius: 15px;
  395.     transform: scale(1.2);
  396.     background-color: #bc8f8fa3;
  397.     animation: wob .5s linear infinite;
  398. border: .5px solid #422918;
  399.     transition: 0.5s;
  400.     backdrop-filter: blur(3px);
  401. }
  402. .blurbs>.blogs>div:not(:first-child):hover {
  403.         border-radius: 15px;
  404.     transform: scale(1.2);
  405.     background-color: #bc8f8fa3;
  406.     animation: wob .5s linear infinite;
  407. border: .5px solid #422918;
  408.     transition: 0.5s;
  409.     backdrop-filter: blur(3px);
  410. }
  411. .boxButton {
  412.     background-size: contain;
  413.     padding: 2px;
  414.     background-position-x: 4%;
  415.     background-position-y: center;
  416. margin: 3px;
  417. }
  418. .box {
  419. overflow: visible;
  420. }
  421. a:hover {
  422.     color: cornsilk;
  423.     animation: wob .5s linear infinite;
  424. }
  425. audio:hover {
  426.     background: #bc8f8fa3;
  427. }
  428.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement