Merge pull request #42 from jtanx/master
[matches/MCTX3420.git] / testing / MCTXWeb / public_html / static / style.css
1 /** Custom fonts **/
2 @font-face {
3   font-family: "Open Sans";
4   src: url("OpenSans.ttf"),
5     url("OpenSans.eot");
6 }
7
8 /** Limit max width and auto-center content **/
9 html  {
10   max-width: 1280px;
11   margin: 0 auto;
12 }
13
14 body {
15   font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;
16   font-size: 13px;
17   background-color: #F5F5F5;
18 }
19
20 hr {
21   border: 0;
22   border-bottom: 1px solid gray;
23 }
24
25 table {
26   border: none;
27 }
28
29 table.centre {
30   margin: auto;
31 }
32
33 table.status, table.status tr, table.status td {
34     padding: 0.2em 0.75em;
35 }
36
37 th {
38   padding: inherit;
39   border-bottom: 1px solid gray;
40 }
41
42 img.centre {
43   display: block;
44   margin: auto;
45 }
46
47 input[type="button"], input[type="submit"] {
48   background-color: #F5F5F5;
49   border: 1px solid #A2A2A2;
50   border-radius: 3px;
51   box-shadow: 1px 1px 1px #BBBBBB;
52   transition: all 0.13s ease 0s;
53 }
54
55 input[type="button"]:active, input[type="submit"]:active {
56   background-color: #E8E8E8;
57 }
58
59 /* IE8 width bugfix */
60 input[type="text"], input[type="password"] {
61   width: 100%;
62 }
63
64 #header {
65   background-color: #2a2a2a;
66   color: #f2f2f2;
67   padding: 1.5em 2em;
68   margin-top: -1em;
69   margin-bottom: 1em;
70   box-shadow: 0 0 0.5em #444444;
71   border-radius: 4px;
72   transition: all 0.2s ease 0s;
73 }
74
75 #header #title {
76   font-family: "Open Sans", Arial;
77   font-size: 30px;
78 }
79
80 #header #rightnav {
81   float: right;
82   padding-top: 0.5em;
83 }
84
85 #header #menu-container {
86   margin-right: 1.5em;
87   font-size: 15px;
88   display: inline-block;
89 }
90
91 #header #date {
92   padding-top: 1em;
93   font-size: 12px;
94 }
95
96 #content  {
97   padding: 1em 2em;
98 }
99
100 #sidebar{
101   float: right;
102   min-width: 22%;
103 }
104
105 #sidebar .title {
106   font-size: 20px;
107   font-weight: bold;
108 }
109
110 #sidebar .item {
111   padding: 0.2em;
112   margin-bottom: 0.5em;
113 }
114
115 #main {
116   overflow: auto;
117   margin-right: 25%;
118   padding-right: 2em;
119   min-width: 400px;
120 }
121
122 #main .title {
123   font-size: 24px;
124   font-weight: bold;
125   margin-bottom: 0.5em;
126 }
127
128 .graph {
129   width: 100%;
130   height: 200px;
131 }
132
133 .widget {
134   background-color: #ffffff;
135   margin: 0.25em 0.25em 1.5em;
136   padding: 1em 1.25em;
137   box-shadow: 0 0 3px #CCCCCC;
138   transition: all 0.2s ease 0s;
139   overflow: auto;
140 }
141
142 .widget:hover {
143   box-shadow: 0 0 0.25em #AAAAAA;
144 }
145
146 /** Hack **/
147 .clear {
148   clear: both;
149 }
150
151 #errorlog {
152   overflow: auto;
153   max-width: 100%;
154   width: 100%;
155   height: 6em;
156 }

UCC git Repository :: git.ucc.asn.au