style.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /* If you want the content centered horizontally and vertically */
  2. /*.centered {
  3. position: absolute;
  4. top: 50%;
  5. left: 40%;
  6. transform: translate(-50%, -50%);
  7. text-align: center;
  8. margin: 10;
  9. }
  10. .header_centered {
  11. position: absolute;
  12. top: 8%;
  13. left: 50%;
  14. transform: translate(-50%, -50%);
  15. text-align: center;
  16. margin: 10;
  17. }
  18. .thick-border {
  19. border: 3px solid black;
  20. border-collapse: collapse;
  21. }*/
  22. /* Style the image inside the centered container, if needed */
  23. img {
  24. max-width: 100%;
  25. }
  26. .images_1{
  27. flex: 1 1 auto;
  28. padding: 0;
  29. min-width: 15em;
  30. max-width: 2000px;
  31. }
  32. /*.container {
  33. display: flex;
  34. flex-wrap: row wrap;
  35. }*/
  36. .column {
  37. flex: 1;
  38. background: #f2f2f2;
  39. box-sizing: border-box;
  40. }
  41. .column-one {
  42. order: 1;
  43. }
  44. .column-two {
  45. order: 2;
  46. }
  47. @media (max-width: 50em) { /* 2 x 15em (.text & .images) + 2em (left & right margin of the body element) + 1em (.text margin-right) */
  48. .container {flex-wrap: wrap}
  49. }
  50. .red{
  51. /*padding: 10;*/
  52. background: red;
  53. opacity: 0.4;
  54. position: absolute;
  55. left: 0px;
  56. top: 0px;
  57. }
  58. .green{
  59. background: red;
  60. opacity: 0.2;
  61. width: 20;
  62. height: 20px;
  63. position: absolute;
  64. left: 0px;
  65. top: 0px;
  66. }
  67. .frame {
  68. flex: 1 1 auto;
  69. border: 0;
  70. height: 50%;
  71. width: 100%;
  72. }
  73. table {
  74. margin:auto;
  75. }
  76. #datacolumn { padding: 0; }