You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

208 lines
2.6KB

  1. * {margin: 0; padding: 0;}
  2. body {
  3. text-align: center;
  4. }
  5. #ascii{
  6. font-family: monospace;
  7. font-size: 10px;
  8. line-height: 70%;
  9. }
  10. #tentacleSprite{
  11. display: none;
  12. }
  13. #wrapper{
  14. margin-left:auto;
  15. margin-right:auto;
  16. height:auto;
  17. width:auto;
  18. }
  19. #container{
  20. overflow: hidden;
  21. display: inline-block;
  22. }
  23. #propaganda{
  24. display: inline-block;
  25. }
  26. #propaganda h1{
  27. font-family: monospace;
  28. font-weight: normal;
  29. font-size: 30px;
  30. }
  31. #propaganda h2{
  32. font-family: monospace;
  33. font-weight: normal;
  34. font-size: 20px;
  35. }
  36. #contacts{
  37. width: 450px;
  38. height: auto;
  39. font-family: monospace;
  40. font-size: 14px;
  41. }
  42. #bio{
  43. width: 500px;
  44. height: auto;
  45. font-family: monospace;
  46. font-size: 14px;
  47. text-align: left;
  48. }
  49. #artworks{
  50. width: 500px;
  51. height: auto;
  52. font-family: monospace;
  53. font-size: 14px;
  54. }
  55. #exhibitions{
  56. display: none;
  57. width: 500px;
  58. height: auto;
  59. font-family: monospace;
  60. font-size: 14px;
  61. }
  62. .asciiCode{
  63. display:block;
  64. letter-spacing: 0px;
  65. line-height:70%;
  66. font-size: 5px;
  67. font-weight:bold;
  68. white-space:pre;
  69. font-family: monospace;
  70. color: black;
  71. }
  72. a:link {
  73. color: black;
  74. text-decoration: none;
  75. }
  76. a:visited {
  77. color: gray;
  78. text-decoration: none;
  79. }
  80. a:hover {
  81. color: red;
  82. text-decoration: none;
  83. }
  84. a:active {
  85. color: red;
  86. text-decoration: none;
  87. }
  88. .asciiTable{
  89. font-family: monospace;
  90. font-size: 14px;
  91. margin: 1em;
  92. display: inline-block;
  93. position: relative;
  94. }
  95. .asciiTable table{
  96. border-collapse: collapse;
  97. }
  98. .asciiTable td{
  99. border: 1px dashed #000;
  100. padding: .5em;
  101. position: relative;
  102. }
  103. .asciiTable td:before{
  104. position: absolute;
  105. width: 15px;
  106. height: 15px;
  107. content: "+";
  108. top: -9px;
  109. left: -8px;
  110. }
  111. .asciiTable tr td:last-child:after, .asciiTable tr:last-child td:after {
  112. position: absolute;
  113. width: 15px;
  114. height: 15px;
  115. content: "+";
  116. bottom: -9px;
  117. right: -8px;
  118. }
  119. .asciiTable tr td:last-child:after, .asciiTable tr:last-child td:after {
  120. position: absolute;
  121. width: 15px;
  122. height: 15px;
  123. content: "+";
  124. bottom: -9px;
  125. right: -8px;
  126. }
  127. .asciiTable:before {
  128. position: absolute;
  129. width: 15px;
  130. height: 15px;
  131. content: "+";
  132. top: -8px;
  133. right: -7px;
  134. }
  135. .asciiTable:after {
  136. position: absolute;
  137. width: 15px;
  138. height: 15px;
  139. content: "+";
  140. bottom: -8px;
  141. left: -7px;
  142. }
  143. .menuTable td{
  144. width: 100px;
  145. }
  146. .awTable table{
  147. width: 500px;
  148. }
  149. .awTable tr{
  150. width: 500px;
  151. }
  152. .awTitle td{
  153. width: 500px;
  154. }
  155. .awSection td{
  156. width: 80px;
  157. }
  158. .awField td{
  159. width: 420px;
  160. text-align: left;
  161. }
  162. .exRow table{
  163. width: 500px;
  164. }
  165. .exYear td{
  166. width: 50px;
  167. }
  168. .exPlace td{
  169. width: 100px;
  170. }
  171. .exEvent td{
  172. width: 350px;
  173. }