Advertisement
Caliber_

Retro steam myspace CSS 4 lazy people

Apr 4th, 2021
1,781
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.63 KB | None | 0 0
  1. @font-face{
  2.     font-family: ddos;
  3.     src: url(https://caliber.pw/Dos.ttf);
  4. }
  5. ::-webkit-scrollbar{
  6.     width: 15px;
  7. }
  8. ::-webkit-scrollbar-track{
  9.     background-color: #3a3a3a;
  10.     border: 1px solid #565656;
  11.     border-radius: 3px;
  12. }
  13. ::-webkit-scrollbar-thumb{
  14.     background: #565656;
  15.     border-radius: 3px;
  16.     border: 1px solid #565656;
  17. }
  18. ::-webkit-scrollbar-thumb:hover{
  19.     background: #4c4c4c;
  20. }
  21. body{
  22.     font-family: arial, Helvetica, tahoma, sans-serif;
  23.     background-color: #2d2d2b;
  24.     background-image: url(https://caliber.pw/bg.gif);
  25.     background-position: 0px 0px;
  26.     background-repeat: repeat-x;
  27.     color: #939393;
  28.     text-align: center;
  29. }
  30. #container{
  31.     margin-top: 104px;
  32.     background-image: url(https://caliber.pw/bgtop.gif), url(https://caliber.pw/bgfill.gif);
  33.     background-repeat: no-repeat, repeat-y;
  34.     width: 941px;
  35.     min-width: 936px;
  36.     text-align: left;
  37.     padding-left: 17px;
  38.     border-bottom-right-radius: 20px;
  39.     border-bottom-left-radius: 20px;
  40. }
  41. #header{
  42.     padding-bottom: 0 !important;
  43.     height: 98px !important;
  44.     top: 0px !important;
  45.     position: absolute !important;
  46.     background-image: url(https://caliber.pw/headerbg.jpg) !important;
  47.     background-color: #000000 !important;
  48.     border-bottom: 1px solid #4D4B48 !important;
  49.     background-position: center top !important;
  50.     text-align: center !important;
  51.     user-select: none !important;
  52. }
  53. #hSub{
  54.     width: 700px !important;
  55.     left: 50% !important;
  56.     top: 53px !important;
  57.     height: 0px !important;
  58.     color: #00000000 !important;
  59.     padding: 0 !important;
  60.     position: absolute !important;
  61.     user-select: none !important;
  62. }
  63. #hSub > *:not(.sep), #hSub > .sep > a{
  64.     right: 247px;
  65.     top: -13px;
  66.     padding-top: 40px;
  67.     padding-right: 2px;
  68.     padding-bottom: 7px;
  69.     font-size: 14px;
  70.     color: #b8b6b4;
  71.     text-transform: uppercase;
  72.     position: relative;
  73. }
  74. a[href*="news"] ~ .sep{
  75.     color: #00000000 !important;
  76. }
  77. .logo b span{
  78.     position: absolute !important;
  79.     margin-left: -473px;
  80.     top: 30px;
  81.     color: #00000000;
  82.     padding-bottom: 27px;
  83.     padding-top: 0 !important;
  84.     padding-right: 25px;
  85.     background: url(https://caliber.pw/myspaceheader.png);
  86. }
  87. span#hUp[id="hUp"] a:not('arbitrary'):not('specificity'){
  88.     color: #b8b6b4;
  89.     font-size: 11px !important;
  90. }
  91. #hUp{
  92.     margin-left: 357px;
  93.     float: unset !important;
  94.     margin-top: 2px !important;
  95.     margin-right: 0 !important;
  96.     position: absolute;
  97. }
  98. #hUp > a:last-child{
  99.     border-left: 1px solid #b8b6b4;
  100.     padding-left: 5px;
  101.     margin-left: 5px;
  102. }
  103. #hUp::after{
  104.     content: "▼";
  105.     position: relative;
  106.     color: #b8b6b4;
  107.     font-size: 7px;
  108.     margin-left: 4px;
  109.     transform: scale(1.6,0.9);
  110.     display: inline-block;
  111.     top: -2px;
  112. }
  113. a{
  114.     text-decoration: none;
  115. }
  116. #top a:hover{
  117.     background-color: #313131;
  118. }
  119. a:hover:not(.logo):not(.boxButton):not([href*="mailbox"]):not([href*="signup"]),.tableLeft a:hover div b{
  120.     text-decoration: underline;
  121.     color: #fff !important;
  122. }
  123. .boxButton:not(#add):hover{
  124.     text-decoration: underline !important;
  125.     color: #fff !important;
  126. }
  127. #add:hover:after{
  128.     text-decoration: underline !important;
  129.     color: #fff !important;
  130. }
  131. a:hover:after,#hSub a:hover{
  132.     color: #fff !important;
  133. }
  134. #viewFriends b a:hover{
  135.     text-decoration: underline !important;
  136. }
  137. #hSub > a[href*="list"]{
  138.     color: #fff !important;
  139.     background-image: url(https://caliber.pw/headerhighlight.png);
  140.     background-repeat: repeat-x;
  141.     padding-left: 5px;
  142.     padding-right: 5px;
  143.     margin-left: -5px;
  144.     margin-right: -5px;
  145. }
  146. #name:before{
  147.     content: "Myspace Profile";
  148.     position: relative;
  149.     display: block;
  150.     font-weight: normal;
  151.     margin: 0;
  152.     padding: 0;
  153.     font-family: arial, Helvetica, tahoma, sans-serif;
  154.     font-size: 26px;
  155.     color: #898989;
  156. }
  157. #name:after{
  158.     content: "Profile _";
  159.     height: 17px;
  160.     width: 669px;
  161.     font-family: arial, Helvetica, tahoma, sans-serif;
  162.     font-size: 11px;
  163.     padding: 0;
  164.     margin: 0;
  165.     padding-top: 2px;
  166.     margin-bottom: 4px;
  167.     color: #929292;
  168.     display: block;
  169.     position: absolute;
  170.     margin-top: 5px;
  171. }
  172. .short:after{
  173.     content: "Audio _";
  174.     height: 17px;
  175.     width: 669px;
  176.     font-family: arial, Helvetica, tahoma, sans-serif;
  177.     font-size: 11px;
  178.     padding: 0;
  179.     margin: 0;
  180.     padding-top: 2px;
  181.     margin-bottom: 4px;
  182.     color: #929292;
  183.     display: block;
  184.     position: absolute;
  185.     margin-top: 5px;
  186. }
  187. #name{
  188.     font-weight: normal;
  189.     font-family: arial, Helvetica, tahoma, sans-serif;
  190.     font-size: 26px;
  191.     color: #e1e1e1;
  192.     padding: 0;
  193.     padding-bottom: 4px;
  194.     border-bottom: 1px solid #4d4d4e;
  195. }
  196. .topLeft{
  197.     padding: 0;
  198.     float: left;
  199.     width: 669px;
  200. }
  201. .topRight{
  202.     float: right;
  203.     width: 252px;
  204.     padding: 10px;
  205.     padding-right: 5px;
  206.     margin-right: 5px;
  207. }
  208. .short tbody tr td:not(.shortRight){
  209.     position: relative;
  210.     width: 192px;
  211.     height: 192px;
  212.     border: 0;
  213.     padding: 0;
  214.     margin: 0;
  215.     border-radius: 3px;
  216.     background-color: #545454;
  217.     display: table-caption;
  218.     left: -2px;
  219. }
  220. .short{
  221.     margin-top: 5px;
  222.     height: 203px;
  223.     position: relative;
  224.     display: block;
  225.     border-bottom: 1px solid #4d4d4e;
  226. }
  227. .short tbody{
  228.     height: 198px;
  229.     display: block;
  230. }
  231. #avatar{
  232.     max-width: 184px;
  233.     top: 4px;
  234.     left: 4px;
  235.     position: relative;
  236.     border-radius: 3px;
  237.     z-index: 2;
  238.     image-rendering: auto;
  239. }
  240. .extended.box{
  241.     border: none;
  242.     position: relative;
  243.     width: 253px;
  244.     height: 27px;
  245.     background-image: url(https://caliber.pw/searchbox.gif);
  246.     background-repeat: no-repeat;
  247.     padding: 0;
  248.     margin: 0;
  249.     margin-top: -49px;
  250.     margin-left: -2px;
  251. }
  252. .extended.box a h3,.extended.box h3{
  253.     padding: 0;
  254.     margin: 0;
  255.     border: none;
  256.     position: absolute;
  257.     top: 6px;
  258.     left: 6px;
  259.     width: 212px;
  260.     background-color: #3a3a3a;
  261.     color: #909090;
  262.     font-size: 13px;
  263.     text-align: left;
  264.     font-weight: normal;
  265. }
  266. .extended.box a h3:after,.extended.box h3:after{
  267.     position: absolute;
  268.     right: -31px;
  269.     top: -1px;
  270.     content: url(https://caliber.pw/searchsubmit.gif);
  271. }
  272. #online + div{
  273.     color: #00000000;
  274.     pointer-events: none;
  275.     user-select: none;
  276. }
  277. #lastLogin:before{
  278.     content: "Last Online: ";
  279.     color: #898989;
  280. }
  281. #lastLogin{
  282.     left: -59px;
  283.     position: relative;
  284.     color: #898989;
  285. }
  286. .shortRight div:last-child{
  287.     font-family: arial, Helvetica, tahoma, sans-serif;
  288.     font-size: 11px !important;
  289.     font-weight: bold;
  290.     color: #898989;
  291.     margin: 0;
  292.     padding: 0;
  293.     padding-bottom: 2px;
  294.     position: absolute;
  295.     left: -1px;
  296.     top: -252px;
  297. }
  298. .blurbs{
  299.     position: absolute;
  300.     margin-left: -475px;
  301.     top: 194px;
  302.     overflow: visible;
  303. }
  304. .fwiends{
  305.     position: absolute;
  306.     margin-left: 3px;
  307.     margin-top: 400px;
  308.     width: 253px;
  309.     border: 1px solid #4a4a4a;
  310.     background: #252525;
  311.     border-radius: 3px;
  312.     border-right: 0;
  313.     border-top-right-radius: 0;
  314.     border-bottom-right-radius: 0;
  315.     box-shadow: inset -11px -1px 7px -5px #0000003b;
  316. }
  317. .comments{
  318.     width: 669px;
  319.     margin-left: -679px;
  320.     margin-top: 452px;
  321.     overflow: visible;
  322. }
  323. .tableLeft,.tableRight{
  324.     display: contents !important;
  325. }
  326. .blogs > div:first-child:not(.box){
  327.     top: -4px;
  328.     left: -4px;
  329.     position: relative;
  330. }
  331. .blogs div .comments{
  332.     width: unset;
  333.     margin-left: unset;
  334.     margin-top: unset;
  335.     overflow: visible;
  336. }
  337. .boxInfo.box{
  338.     width: 253px;
  339.     margin: 0;
  340.     top: -206px;
  341.     left: 682px;
  342.     position: relative;
  343.     border: 1px solid #565656;
  344.     background-color: #3a3a3a;
  345.     border-radius: 3px;
  346.     border-right: 0;
  347.     border-top-right-radius: 0;
  348.     border-bottom-right-radius: 0;
  349.     box-shadow: inset -4px 7px 7px #0000003b;
  350. }
  351. .blogs > div:first-child:not(.box) > b{
  352.     color: #00000000 !important;
  353. }
  354. .blogs > div:first-child:not(.box) > b:after{
  355.     content: "Recent Posts";
  356.     color: #000;
  357.     position: absolute;
  358.     left: 7px;
  359. }
  360. .boxHead,.shortRight div:first-child,.rightHead,.blogs > div:first-child:not(.box){
  361.     font-size: 12px;
  362.     font-weight: bold;
  363.     margin: 0;
  364.     color: #000000;
  365.     width: 246px;
  366.     height: 18px;
  367.     padding: 4px 0px 0px 7px;
  368.     background: #565656;
  369.     box-shadow: inset -11px -1px 7px -5px #0000003b;
  370.     user-select: none;
  371. }
  372. .blogPost .blogs > div{
  373.     top: unset !important;
  374.     left: unset !important;
  375.     position: unset !important;
  376.     width: unset !important;
  377.     box-shadow: none !important;
  378.     height: unset !important;
  379.     background: unset !important;
  380.     color: #ebebeb !important;
  381.     font-size: unset !important;
  382.     font-weight: unset !important;
  383. }
  384. .boxButton{
  385.     display: block;
  386.     font-weight: bold;
  387.     font-size: 11px;
  388.     color: #62a7e3;
  389.     font-family: arial, Helvetica, tahoma, sans-serif;
  390.     text-decoration: none;
  391.     width: unset;
  392.     height: 22px;
  393.     padding: 0;
  394.     padding-left: 31px;
  395.     line-height: 22px;
  396. }
  397. .boxButton:last-child{
  398.     padding-bottom: 5px;
  399. }
  400. .boxInfo a div{
  401.     background-position: 8px 4px;
  402. }
  403. #add{
  404.     background-image: url(https://caliber.pw/addfriend.gif);
  405.     background-position: 8px 1px;
  406.     color: #00000000;
  407. }
  408. #sMsg{
  409.     background-image: url(https://caliber.pw/message.png);
  410.     margin-top: 2px;
  411. }
  412. #report{
  413.     background-image: url(https://caliber.pw/report.png);
  414. }
  415. #block{
  416.     background-image: url(https://caliber.pw/block.png);
  417.     background-position: 8px 1px;
  418. }
  419. .boxInfo a{
  420.     text-decoration: none;
  421. }
  422. .fwiends .rightHead:after{
  423.     content: "Friends";
  424. }
  425. .boxInfo .boxHead:after{
  426.     content: "Actions";
  427. }
  428. #form .boxHead{
  429.     background: unset;
  430.     color: #929292;
  431.     font-weight: normal;
  432.     box-shadow: none;
  433.     font-size: 11px;
  434.     position: relative;
  435.     top: 7px;
  436.     padding: 0;
  437. }
  438. #form .boxHead:after{
  439.     content: "Add a comment";
  440.     font-size: 11px !important;
  441. }
  442. #add:after{
  443.     content: "Add to your friends list";
  444.     color: #62a7e3;
  445.     left: 0;
  446.     position: absolute;
  447.     margin-left: 30px;
  448. }
  449. .shortRight div:first-child{
  450.     color: #00000000;
  451. }
  452. .shortRight div:first-child:before{
  453.     color: #000000;
  454.     content: "Basic information";
  455. }
  456. .shortRight{
  457.     width: 253px;
  458.     border: 1px solid #4a4a4a;
  459.     margin: 0;
  460.     border-radius: 3px;
  461.     padding: 0 0 4px 0px;
  462.     background-color: #1b1b1b;
  463.     display: block;
  464.     border-right: 0;
  465.     left: 680px;
  466.     top: -47px;
  467.     position: relative;
  468.     border-top-right-radius: 0;
  469.     border-bottom-right-radius: 0;
  470.     box-shadow: inset -4px 7px 7px #0000003b;
  471.     height: 111px;
  472. }
  473. .shortRight div:not(:first-child):not(:last-child){
  474.     width: 253px;
  475.     margin: 0;
  476.     padding: 0;
  477.     margin-bottom: 0px;
  478.     font-size: 11px;
  479.     color: #939393;
  480.     font-weight: normal;
  481.     line-height: 12px;
  482.     clear: left;
  483.     border-bottom: 1px solid #363636;
  484.     padding-bottom: 4px;
  485.     padding-top: 4px;
  486. }
  487. #gender:before{
  488.     padding: 0;
  489.     margin: 0;
  490.     float: left;
  491.     font-size: 11px;
  492.     color: #545454;
  493.     line-height: 12px;
  494.     width: 55px;
  495.     padding-left: 8px;
  496.     font-weight: normal;
  497.     content: "Gender:";
  498. }
  499. #gender + div:before{
  500.     padding: 0;
  501.     margin: 0;
  502.     float: left;
  503.     font-size: 11px;
  504.     color: #545454;
  505.     line-height: 12px;
  506.     width: 55px;
  507.     padding-left: 8px;
  508.     font-weight: normal;
  509.     content: "Age:";
  510. }
  511. #country:before{
  512.     padding: 0;
  513.     margin: 0;
  514.     float: left;
  515.     font-size: 11px;
  516.     color: #545454;
  517.     line-height: 12px;
  518.     width: 55px;
  519.     padding-left: 8px;
  520.     font-weight: normal;
  521.     content: "Location:";
  522. }
  523. #footer{
  524.     position: relative;
  525.     text-align: left;
  526.     width: 958px;
  527.     height: 45px;
  528.     font-size: 10px;
  529.     color: #777777;
  530.     border: 0;
  531.     margin: 0;
  532.     padding: 0;
  533.     padding-top: 6px;
  534.     background-image: url(https://caliber.pw/footerbg.gif);
  535.     background-repeat: no-repeat;
  536.     display: block;
  537.     left: -17px;
  538.     margin-bottom: 49px;
  539. }
  540. #footer div{
  541.     background-image: url(https://caliber.pw/footerlogo.png);
  542.     background-repeat: no-repeat;
  543.     background-position: 16px 6px;
  544.     height: 45px;
  545. }
  546. #footer div p{
  547.     left: 120px;
  548.     position: relative;
  549.     top: 2px;
  550.     color: #00000000;
  551. }
  552. #hSub a:not(:nth-child(n+2)),#hSub a:last-child{
  553.     padding-top: 0;
  554. }
  555. #footer div p a:first-child{
  556.     display: unset;
  557.     color: #00000000;
  558.     pointer-events: none;
  559. }
  560. #footer div p a:first-child:before{
  561.     font-size: 10px;
  562.     color: #777777;
  563.     display: block;
  564.     content: "© Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries. Some geospatial data on this website is provided by";
  565. }
  566. #footer div p a:last-child:after{
  567.     content: ".";
  568.     font-size: 10px;
  569.     color: #777777;
  570. }
  571. #footer div p a:last-child{
  572.     position: relative;
  573.     left: -89px;
  574.     font-size: 11px;
  575.     color: #ebebeb;
  576.     font-family: arial, Helvetica, tahoma, sans-serif;
  577.     text-transform: lowercase;
  578. }
  579. #top a{
  580.     display: block;
  581.     width: 245px;
  582.     height: 40px;
  583.     padding: 0;
  584.     margin: 0;
  585.     padding-left: 4px;
  586.     padding-top: 4px;
  587.     padding-bottom: 4px;
  588.     margin-bottom: 4px;
  589.     font-size: 11px;
  590.     font-family: arial, Helvetica, tahoma, sans-serif;
  591.     line-height: 13px;
  592.     background-color: #3a3a3a;
  593.     border-radius: 3px;
  594.     max-width: unset;
  595.     box-shadow: inset -7px -3px 5px -5px #0000003b;
  596.     border-top-right-radius: 0;
  597.     border-bottom-right-radius: 0;
  598.     text-align: left;
  599. }
  600. .fwiendFace{
  601.     display: block;
  602.     height: 40px;
  603.     width: 40px;
  604.     padding: 0;
  605.     margin: 0;
  606.     font-size: 11px;
  607.     font-family: arial, Helvetica, tahoma, sans-serif;
  608.     line-height: 13px;
  609.     background-color: #3a3a3a;
  610.     border-radius: 3px;
  611.     max-width: unset;
  612.     text-align: left;
  613.     background: linear-gradient(#8fcbff, #73a0c7);
  614. }
  615. #top a{
  616.     display: block;
  617. }
  618. #top{
  619.     padding-left: 4px;
  620.     padding-top: 4px;
  621. }
  622. .fwiendFace img, a img{
  623.     image-rendering: unset !important;
  624.     float: left;
  625.     width: unset;
  626.     width: 32px;
  627.     height: 32px;
  628.     position: relative;
  629.     object-fit: cover;
  630.     border-radius: 3px;
  631.     margin-top: -12px;
  632. }
  633. a img{
  634.     z-index: 2;
  635. }
  636. .tableLeft a:after{
  637.     content: " ";
  638.     border-radius: 3px;
  639.     max-width: unset;
  640.     text-align: left;
  641.     background: linear-gradient(#8fcbff, #73a0c7);
  642.     display: block;
  643.     height: 40px;
  644.     width: 40px !important;
  645.     padding: 0;
  646.     top: -16px;
  647.     left: -4px;
  648.     position: relative;
  649.     z-index: 0;
  650. }
  651. .songName{
  652.     margin-top: 0px;
  653.     font-size: small;
  654.     position: relative;
  655.     z-index: 2;
  656.     width: calc(100% - 8px);
  657.     left: 2px;
  658.     top: 2px;
  659.     font-size: 12px;
  660. }
  661. .songName a img{
  662.     image-rendering: pixelated !important;
  663.     width: unset;
  664.     height: unset;
  665.     top: 12px;
  666.     left: 2px;
  667. }
  668. .fwiendFace b{
  669.     color: #62a7e3;
  670.     position: absolute;
  671.     transform: translateX(47px);
  672. }
  673. .fwiendFace b:after{
  674.     content: "Online";
  675.     font-size: 11px;
  676.     font-family: arial, Helvetica, tahoma, sans-serif;
  677.     line-height: 13px;
  678.     font-weight: normal;
  679.     display: block;
  680. }
  681. .fwiendFace img{
  682.     top: 16px;
  683.     left: 4px;
  684. }
  685. .fwiendCounter b *:not(:last-child),#footer div p *:not(:last-child),#form + .boxHead,.comments .boxHead,.boxHead b,.rightHead b,.shortRight br:nth-child(2),.shortRight div br,.blogTitle + .topLeft, .url.box,.blogs ~ .rightHead,#about ~ h4,#who{
  686.     display: none;
  687. }
  688. .fwiendCounter b *:last-child:after{
  689.     content: " friends";
  690. }
  691. .fwiendCounter b *:last-child,#viewFriends b a,a[href*="login"]{
  692.     font-size: 11px;
  693.     color: #ebebeb;
  694.     font-family: arial, Helvetica, tahoma, sans-serif;
  695.     text-decoration: none;
  696.     font-weight: normal;
  697. }
  698. .fwiendCounter{
  699.     color: #00000000;
  700.     margin: 0;
  701.     margin-bottom: -17px;
  702.     position: relative;
  703.     user-select: none;
  704.     pointer-events: none;
  705. }
  706. #viewFriends b a{
  707.     pointer-events: all;
  708.     left: 53px;
  709.     display: inline-block;
  710.     padding-right: 53px;
  711.     position: relative;
  712. }
  713. #viewFriends b a:hover{
  714.     text-decoration: none !important;
  715.     border-bottom: 1px solid white;
  716. }
  717. #viewFriends b a:before{
  718.     content: "View ";
  719.     text-transform: capitalize;
  720. }
  721. #viewFriends b *:not(a){
  722.     display: none;
  723.     pointer-events: none;
  724. }
  725. #viewFriends b{
  726.     pointer-events: none;
  727. }
  728. #viewFriends{
  729.     top: -4px;
  730.     left: -135.2px;
  731.     position: relative;
  732.     padding: 0;
  733.     margin: 0;
  734.     color: #00000000;
  735.     text-transform: lowercase;
  736.     pointer-events: none;
  737.     user-select: none;
  738. }
  739. .fwiendCount{
  740.     position: relative;
  741.     top: 416px;
  742.     left: 15px;
  743. }
  744. .blogs{
  745.     margin: 0;
  746.     position: relative;
  747.     left: 478px;
  748.     top: 828px;
  749.     border: 1px solid #565656;
  750.     background-color: #3a3a3a;
  751.     border-radius: 3px;
  752.     border-right: 0;
  753.     border-top-right-radius: 0;
  754.     border-bottom-right-radius: 0;
  755.     box-shadow: inset -4px 7px 7px #0000003b;
  756.     width: 249px;
  757.     padding-top: 4px;
  758.     padding-left: 4px;
  759. }
  760. .topRight.blogPost .blogs div .blog{
  761.     color: #ebebeb;
  762.     background-color: revert;
  763.     box-shadow: none;
  764.     padding: 0;
  765.     overflow: visible;
  766. }
  767. .topRight.blogPost .blogs{
  768.     margin: 0;
  769.     position: relative;
  770.     border: 0;
  771.     background-color: #00000000;
  772.     box-shadow: none;
  773.     padding-top: 0;
  774.     padding-left: 0;
  775.     left: -654px;
  776.     width: 654px;
  777.     top: unset;
  778. }
  779. .blogs div b:not(.date):not(.tableLeft a div b){
  780.     font-size: 12px;
  781.     font-weight: bold;
  782.     margin: 0;
  783.     color: #000000;
  784.     width: 246px;
  785.     height: 18px;
  786.     padding: 4px 0px 0px 7px;
  787.     background: #565656;
  788.     box-shadow: inset -11px -1px 7px -5px #0000003b;
  789.     user-select: none;
  790.     display: block;
  791.     position: relative;
  792.     left: -7px;
  793.     top: -4px;
  794. }
  795. a[href*="blog"],.tableLeft a div{
  796.     font-size: 11px;
  797.     color: #ebebeb;
  798.     font-family: arial, Helvetica, tahoma, sans-serif;
  799.     text-decoration: none;
  800.     text-transform: capitalize;
  801. }
  802. h4{
  803.     color: #929292;
  804.     font-size: 15px;
  805.     font-weight: bold;
  806.     margin-bottom: 8px;
  807. }
  808. #about{
  809.     overflow-y: auto;
  810.     height: 192px;
  811.     width: 460px;
  812.     overflow-x: hidden;
  813.     margin-top: -7px;
  814. }
  815. #about p,#who p{
  816.     margin-bottom: 10px;
  817.     margin-left: 0 !important;
  818. }
  819. #about p,#who p,.tableRight div p{
  820.     font-size: 11px;
  821.     color: #939393;
  822.     font-weight: normal;
  823.     font-family: arial, Helvetica, tahoma, sans-serif;
  824.     margin-left: 49px;
  825.     position: relative;
  826.     width: 488px;
  827. }
  828. audio{
  829.     border-radius: 3px;
  830.     border: 1px solid #565656;
  831.     border-top: 22px solid #565656;
  832.     position: relative;
  833.     top: -21px;
  834.     left: -1px;
  835. }
  836. .player.box:after{
  837.     content: "Comments _";
  838.     height: 17px;
  839.     width: 668px;
  840.     font-family: arial, Helvetica, tahoma, sans-serif;
  841.     font-size: 11px;
  842.     padding-top: 2px;
  843.     color: #929292;
  844.     display: block;
  845.     position: absolute;
  846.     margin-top: 1px;
  847.     text-align: left;
  848.     border-top: 1px solid #4d4d4e;
  849. }
  850. .player.box ~ div{
  851.     position: relative;
  852.     top: -149px;
  853. }
  854. .player.box{
  855.     background: #565656;
  856.     border: 1px solid #4a4a4a;
  857.     border-radius: 3px;
  858.     margin-right: 8px;
  859.     width: calc(100% - 20px);
  860.     position: relative;
  861.     top: -128px;
  862.     overflow: visible;
  863.     height: 50px;
  864.     padding: 0;
  865. }
  866. .comments div{
  867.     margin-top: 8px;
  868.     font-size: 11px;
  869.     color: #666666;
  870. }
  871. textarea:focus{
  872.     border: 1px solid #62a7e3 !important;
  873. }
  874. textarea{
  875.     resize: none;
  876.     background: #1b1b1b;
  877.     border: 1px solid #565656;
  878.     border-radius: 3px;
  879. }
  880. *:active,*:focus{
  881.     outline: none !important;
  882. }
  883. input[type="submit"],button{
  884.     color: #000;
  885.     background-color: #565656;
  886.     border: 0;
  887.     padding: 4px 8px;
  888. }
  889. button:hover,input[type="submit"]:hover{
  890.     cursor: pointer;
  891.     background-color: #929292 !important;
  892. }
  893. form input[type="submit"]{
  894.     margin-right: 16px;
  895.     margin-top: 4px;
  896. }
  897. #commentInput{
  898.     width: calc( 100% - 20px );
  899.     margin: 0;
  900.     margin-top: 10px;
  901.     height: 100px;
  902.     left: -10px;
  903.     position: relative;
  904.     padding: 4px;
  905.     color: #929292;
  906. }
  907. #form form textarea{
  908.     left: -5px;
  909. }
  910. .blogPost .blogs div .comments #userWall tbody tr .tableRight:after{
  911.     width: 614px;
  912. }
  913. .blogPost .blogs div .comments #userWall tbody tr .tableLeft{
  914.     left: -10px !important;
  915. }
  916. .tableLeft{
  917.     border-radius: 3px;
  918.     max-width: unset;
  919.     text-align: left;
  920.     background: linear-gradient(#8fcbff, #73a0c7);
  921.     display: block;
  922.     height: 40px;
  923.     width: 40px !important;
  924.     padding: 0;
  925.     left: 116px;
  926.     top: 7px;
  927.     position: relative;
  928.     overflow: visible;
  929. }
  930. .tableLeft a div{
  931.     max-width: unset;
  932.     text-align: left;
  933.     overflow: visible;
  934.     position: relative;
  935.     margin-left: 48px;
  936.     margin-right: 3px;
  937. }
  938. .tableLeft a{
  939.     position: relative;
  940.     float: left;
  941.     height: 27px;
  942. }
  943. .tableRight > button{
  944.     position: relative;
  945.     color: #000;
  946.     background-color: #565656;
  947.     border: 0;
  948.     padding: 0 8px;
  949.     height: 16px;
  950.     width: 53px;
  951.     line-height: 16px;
  952.     font-size: 11px;
  953.     margin-top: 10px;
  954.     left: 49px;
  955. }
  956. .tableRight:not(:last-child){
  957.     padding-bottom: 15px;
  958. }
  959. .tableRight{
  960.     background: unset;
  961.     padding: 0;
  962.     padding-bottom: 15px;
  963. }
  964. .date:before{
  965.     content: "posted ";
  966.     text-transform: lowercase;
  967. }
  968. .date{
  969.     color: #666666;
  970.     font-size: 11px;
  971.     text-transform: lowercase;
  972.     font-weight: normal;
  973. }
  974. td.tableRight:after{
  975.     content: "";
  976.     width: 496px;
  977.     height: 10px;
  978.     left: 49px;
  979.     position: relative;
  980.     background: transparent;
  981.     display: block;
  982.     border-bottom: 1px solid #3a3a3a;
  983.     margin-bottom: 5px;
  984. }
  985. #userWall tbody tr .tableRight div b{
  986.     position: relative;
  987. }
  988. .blogTitle #name{
  989.     width: 659px;
  990. }
  991. .blogTitle #name:before{
  992.     content: "Blog post";
  993. }
  994. .blogTitle #name:after{
  995.     content: "Content _";
  996. }
  997. .tableRight img{
  998.     max-width: 481px !important;
  999. }
  1000. #userWall{
  1001.     overflow: visible;
  1002.     margin: 0;
  1003.     width: 544px;
  1004.     left: 122px;
  1005.     position: relative;
  1006. }
  1007. #userWall ~ div{
  1008.     margin-right: 8px;
  1009. }
  1010. .tableRight div:nth-child(2){
  1011.     margin-bottom: 0;
  1012. }
  1013. #online{
  1014.     margin-top: 0 !important;
  1015.     background: #1b1b1b;
  1016.     position: relative;
  1017.     top: -31px;
  1018. }
  1019. #country{
  1020.     margin-bottom: 31px;
  1021. }
  1022. #country:after{
  1023.     content: "Currently offline";
  1024.     position: relative;
  1025.     top: 25px;
  1026.     left: -153px;
  1027. }
  1028. #online:before {
  1029.     content: " ";
  1030.     display: block;
  1031.     background-color: #252525;
  1032.     position: absolute;
  1033.     top: -328px;
  1034.     background-image: url(https://caliber.pw/online.gif);
  1035.     width: 122px;
  1036.     height: 14px;
  1037.     z-index: 2;
  1038.     background-repeat: no-repeat;
  1039. }
  1040. #online:after{
  1041.     content: " ";
  1042.     position: absolute;
  1043.     width: 192px;
  1044.     height: 192px;
  1045.     border: 0;
  1046.     padding: 0;
  1047.     margin: 0;
  1048.     border-radius: 3px;
  1049.     background: linear-gradient(#8fcbff, #73a0c7);
  1050.     display: table-caption;
  1051.     left: -683px;
  1052.     top: -231px;
  1053. }
  1054. .blogCorpus{
  1055.     color: #969696;
  1056. }
  1057. .blogCorpus h1{
  1058.     color: #ebebeb;
  1059. }
  1060. .blogCorpus hr{
  1061.     background-color: #4d4d4e;
  1062.     width: 658px;
  1063.     border: none;
  1064.     height: 1px;
  1065. }
  1066. .blog.box div .date:before{
  1067.     text-transform: capitalize;
  1068. }
  1069. .blog.box div .date{
  1070.     position: absolute;
  1071.     margin-top: -11px;
  1072. }
  1073. .comments > div{
  1074.     margin-top: 8px;
  1075.     margin-bottom: 10px !important;
  1076.     font-size: 11px;
  1077.     color: #666666;
  1078. }
  1079. .blogBody #container .topRight{
  1080.     float: none;
  1081.     left: 659px;
  1082.     position: relative;
  1083. }
  1084. .topRight #footer{
  1085.     float: right;
  1086.     left: 20px;
  1087. }
  1088. .comments .blog, .blogs .blog{
  1089.     border-bottom: 1px solid #4d4d4e;
  1090.     margin-bottom: 25px;
  1091.     padding-bottom: 5px;
  1092. }
  1093. .blog ~ .comments{
  1094.     margin-top:25px;
  1095. }
  1096. .blog p{
  1097.     margin: 0 8px;
  1098. }
  1099. .blog ~ .comments #userWall{
  1100.     padding-left: 10px;
  1101.     overflow: hidden;
  1102.     width: 547px;
  1103.     left: 100px;
  1104.     position: relative;
  1105. }
  1106. #gender:after{
  1107.     content: " ";
  1108.     background-image: url(https://caliber.pw/us.gif);
  1109.     position: absolute;
  1110.     display: block;
  1111.     top: 69px;
  1112.     right: 71px;
  1113.     width: 16px;
  1114.     height: 11px;
  1115. }
  1116. a:nth-child(2n+3) .fwiendFace b:after, a:nth-child(4) .fwiendFace b:after{
  1117.     content: "Offline";
  1118. }
  1119. a:nth-child(2n+3) .fwiendFace b, a:nth-child(4) .fwiendFace b{
  1120.     color: #929292;
  1121. }
  1122. a:nth-child(2n+3) .fwiendFace, a:nth-child(4) .fwiendFace{
  1123.     background: linear-gradient(#7d7d7d, #484848);
  1124. }
  1125. .rightHead + h4{
  1126.     margin-top: -8px;
  1127.     margin-bottom: 8px;
  1128.     display: none;
  1129. }
  1130. #hUp:before{
  1131.     content: "Install Steam";
  1132.     position: absolute;
  1133.     background: url(https://caliber.pw/steamdl.png);
  1134.     display: inline-block;
  1135.     padding-left: 27px;
  1136.     padding-right: 7px;
  1137.     height: 21px;
  1138.     line-height: 21px;
  1139.     margin-top: -2px;
  1140.     background-position: 0 -21px;
  1141.     background-repeat: repeat-x;
  1142.     font-weight: normal;
  1143.     width: max-content;
  1144.     left: -108px;
  1145.     color: #ebebeb;
  1146.     font-size: 11px;
  1147. }
  1148. #hUp > a:last-child:after{
  1149.     content: "";
  1150.     position: absolute;
  1151.     background: url(https://caliber.pw/steamdl.png);
  1152.     display: inline-block;
  1153.     height: 21px;
  1154.     font-size: 11px;
  1155.     width: 25px;
  1156.     background-repeat: no-repeat;
  1157.     padding-right: 75px;
  1158.     z-index: 2;
  1159.     left: -111px;
  1160.     top: -2px;
  1161. }
  1162. #name + div button:last-child:not([onclick*="id"]){
  1163.     position: absolute;
  1164.     top: 173px;
  1165.     margin-left: 701px;
  1166. }
  1167. [href*="signup"]:after{
  1168.     content: "Sign Up";
  1169.     color: #b8b6b4 !important;
  1170.     margin-left: -30px;
  1171. }
  1172. [href*="mailbox"]:after{
  1173.     content: "Messages";
  1174.     color: #b8b6b4 !important;
  1175.     margin-left: -50px;
  1176. }
  1177. [href*="mailbox"],[href*="signup"]{
  1178.     color: #00000000 !important;
  1179.     font-size: 12px;
  1180. }
  1181. [href*="all"]{
  1182.     margin-left: 0 !important;
  1183. }
  1184. [class*="blink"]:not(small){
  1185.     margin-right: 5px;
  1186.     border-right: 1px solid #b8b6b4;
  1187.     padding-right: 5px;
  1188.     margin-left: 0 !important;
  1189. }
  1190. #about p a{
  1191.     background-image: url(https://caliber.pw/link.gif);
  1192.     background-position: right;
  1193.     background-repeat: no-repeat;
  1194.     padding-right: 11px;
  1195.     color: #ebebeb;
  1196. }
  1197. #about *{
  1198.     margin-top: 0px;
  1199. }
  1200. #about p:nth-child(2) {
  1201.     background-image: url(https://caliber.pw/us.gif);
  1202.     background-position: bottom right;
  1203.     background-repeat: no-repeat;
  1204.     padding-right: 22px;
  1205.     width: fit-content;
  1206. }
  1207. @-moz-document url-prefix(){
  1208.     #online:after{
  1209.         left: -681px;
  1210.     }
  1211. }
  1212. audio::-webkit-media-controls-enclosure{
  1213.     background-color: #3a3a3a;
  1214.     border-radius: 3px;
  1215.     border-top-right-radius: 0;
  1216.     border-top-left-radius: 0;
  1217.     text-shadow: none !important;
  1218. }
  1219. audio::-webkit-media-controls-panel{
  1220.     filter: invert(1) brightness(0.5);
  1221. }
  1222. audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{
  1223.     text-shadow: none !important;
  1224.     color: black;
  1225.     font-family: arial, Helvetica, tahoma, sans-serif;
  1226. }
  1227. .comments a[href*="login"]:before{
  1228.     content: "log in";
  1229.     color: white;
  1230.     font-size: 8pt;
  1231. }
  1232. .comments a[href*="login"]{
  1233.     color: transparent;
  1234.     font-size: 0 !important;
  1235. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement