files/html/old/simplebluegreen/style.css

Plain text | Download

1. body, html {
2.  height: 100%;
3. }
4.  
5. body, td, div {
6.  font-family: ans-serif, arial;
7.  font-size: 11pt;
8.  line-height: 15pt;
9. }
10.  
11. body {
12.  background: #99aaff;
13.  margin: 0;
14.  margin-left: 150pt;
15. }
16.  
17. a {
18.  color: #000000;
19.  text-decoration: none;
20. }
21.  
22. a:hover {
23.  text-decoration: underline;
24. }
25.  
26.  
27. /* ====== */
28. /*  menu  */
29. /* ====== */
30.  
31. #menu {
32.  position: absolute;
33.  left: 2em;
34.  top: 3.5em;
35.  width: 110pt;
36. }
37.  
38. #menu a {
39.  padding: 0.2em;
40.  margin: 0.1em;
41.  display: block;
42.  color: #ffffff;
43.  border: 1px solid #99aaff;
44. }
45.  
46. #menu a:hover {
47.  border-color: #000000;
48.  color: #000000;
49.  text-decoration: none;
50. }
51.  
52. #menu h2 {
53.  font-weight: bold;
54.  font-size: 14pt;
55.  margin: 0.3em;
56.  margin-bottom: 0.6em;
57.  color: #ffffff;
58. }
59.  
60.  
61. /* ===================== */
62. /*  container - content  */
63. /* ===================== */
64.  
65. #container {
66.  background: #acbb66 url(bg.jpg) repeat-y;
67.  background-position: 99% -30px;
68.  height: 100%;
69.  border-left: 2px dotted #000000;
70. }
71.  
72. body>#container {
73.  height: auto;
74.  min-height: 100%;
75. }
76.  
77. #content {
78.  padding: 3em;
79.  padding-left: 2em;
80.  padding-right: 200px;
81. }
82.  
83. #content h2 {
84.  background: #556644;
85.  color: #ffffff;
86.  font-weight: bold;
87.  font-size: 14pt;
88.  margin: 0.5em;
89.  margin-left: -1em;
90.  margin-right: -2em;
91.  padding: 0.1em;
92.  padding-left: 1em;
93. }
94.  
95. #content img {
96.  background: #acbb66 url(bg.jpg) repeat-y;
97.  max-width: 100%;
98.  border: 2px dotted #000000;
99.  margin: 3px;
100. }
101.  
102. #content img.gallery_image_big {
103.  display: block;
104.  max-width: 90%;
105.  margin: 0 auto;
106.  border: 3px solid #000000;
107. }
108.