screen.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. .linkcontainer a {
  23. text-decoration:none;
  24. }
  25. a.logo {
  26. display: inline-block;
  27. display: -webkit-flex;
  28. display: -ms-flex;
  29. display: flex;
  30. margin-left: auto;
  31. margin-right: auto;
  32. height: 1.5em;
  33. width: 10em;
  34. background-image: url(/themes/teodesian.net/img/sys/logo.png);
  35. background-size: auto 1.5em;
  36. background-repeat: no-repeat;
  37. background-position: center;
  38. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/teodesian.net/img/sys/logo.png', sizingMethod='scale');
  39. -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/teodesian.net/img/sys/logo.png', sizingMethod='scale')";
  40. }
  41. .jakes {
  42. width: 100%;
  43. }
  44. /*Responsive Shizz*/
  45. @media(max-width: 900px) {
  46. body {
  47. font-size: 100%;
  48. }
  49. #kontent {
  50. max-width: 80vw;
  51. padding: 3em 0.5em 0.5em;
  52. }
  53. #leftbar {
  54. display: none;
  55. }
  56. img.nudes, .mblogimg {
  57. max-width: 95vw;
  58. }
  59. }
  60. /*Responsive iframes*/
  61. @media(max-width: 35rem) {
  62. iframe.responsive, video.responsive {
  63. width: 100%;
  64. height: 10rem;
  65. }
  66. }