screen.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. body {
  2. color: white;
  3. background-image: url(/themes/teodesian.net/img/sys/tsn.png);
  4. font-size: 150%;
  5. }
  6. #kontent {
  7. background-color: rgba(0, 0, 0, 0.75);
  8. padding: 2em 0.5em 0.5em;
  9. border-radius: 0px 0px 1em 1em;
  10. box-shadow: 0 0.5em 1em black;
  11. }
  12. a {
  13. color: rgb(0,255,0);
  14. border: 0px;
  15. }
  16. .LT_powered {
  17. display: none;
  18. }
  19. .nowrap {
  20. white-space:nowrap;
  21. }
  22. a.logo {
  23. display: inline-block;
  24. display: -webkit-flex;
  25. display: -ms-flex;
  26. display: flex;
  27. margin-left: auto;
  28. margin-right: auto;
  29. height: 1.5em;
  30. width: 10em;
  31. background-image: url(/themes/teodesian.net/img/sys/logo.png);
  32. background-size: auto 1.5em;
  33. background-repeat: no-repeat;
  34. background-position: center;
  35. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/teodesian.net/img/sys/logo.png', sizingMethod='scale');
  36. -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/teodesian.net/img/sys/logo.png', sizingMethod='scale')";
  37. }
  38. /*Responsive Shizz*/
  39. @media(max-width: 900px) {
  40. body {
  41. font-size: 100%;
  42. }
  43. #kontent {
  44. max-width: 80vw;
  45. padding: 3em 0.5em 0.5em;
  46. }
  47. #leftbar {
  48. display: none;
  49. }
  50. img.nudes, .mblogimg {
  51. max-width: 95vw;
  52. }
  53. }
  54. /*Responsive iframes*/
  55. @media(max-width: 35rem) {
  56. iframe.responsive, video.responsive {
  57. width: 100%;
  58. height: 10rem;
  59. }
  60. }