Description:
[web] more styling
git-svn-id: http://theory.cpe.ku.ac.th/grader/web/trunk@180 6386c4cd-e34a-4fa8-8920-d93eb39b512e
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
r93:ca4ec62fefff - - 1 file changed: 8 inserted, 4 deleted
@@ -35,120 +35,124 | |||||
|
35 | text-align: left; |
|
35 | text-align: left; |
|
36 | vertical-align: top; |
|
36 | vertical-align: top; |
|
37 | } |
|
37 | } |
|
38 |
|
38 | ||
|
39 | div.title td.right-col { |
|
39 | div.title td.right-col { |
|
40 | text-align: right; |
|
40 | text-align: right; |
|
41 | vertical-align: top; |
|
41 | vertical-align: top; |
|
42 | } |
|
42 | } |
|
43 |
|
43 | ||
|
44 | /* Standard table with header and rows with alternating background */ |
|
44 | /* Standard table with header and rows with alternating background */ |
|
45 | table.info { |
|
45 | table.info { |
|
46 | border: 1px solid black; |
|
46 | border: 1px solid black; |
|
47 | border-collapse: collapse; |
|
47 | border-collapse: collapse; |
|
48 | font-size: 12px; |
|
48 | font-size: 12px; |
|
49 | } |
|
49 | } |
|
50 |
|
50 | ||
|
51 | table.info th { |
|
51 | table.info th { |
|
52 | border: 1px solid black; |
|
52 | border: 1px solid black; |
|
53 | } |
|
53 | } |
|
54 |
|
54 | ||
|
55 | table.info td { |
|
55 | table.info td { |
|
56 | border-left: 1px solid black; |
|
56 | border-left: 1px solid black; |
|
57 | border-right: 1px solid black; |
|
57 | border-right: 1px solid black; |
|
58 | } |
|
58 | } |
|
59 |
|
59 | ||
|
60 | tr.info-head { |
|
60 | tr.info-head { |
|
61 | background: #777777; |
|
61 | background: #777777; |
|
62 | color: white; |
|
62 | color: white; |
|
63 | } |
|
63 | } |
|
64 |
|
64 | ||
|
65 | tr.info-odd { |
|
65 | tr.info-odd { |
|
66 | background: #dddddd; |
|
66 | background: #dddddd; |
|
67 | } |
|
67 | } |
|
68 |
|
68 | ||
|
69 | tr.info-even { |
|
69 | tr.info-even { |
|
70 | background: #f0f0f0; |
|
70 | background: #f0f0f0; |
|
71 | } |
|
71 | } |
|
72 |
|
72 | ||
|
73 | /******************************* |
|
73 | /******************************* |
|
74 | [Main] |
|
74 | [Main] |
|
75 | ********************************/ |
|
75 | ********************************/ |
|
76 | div.submitbox { |
|
76 | div.submitbox { |
|
77 | border: thin solid black; |
|
77 | border: thin solid black; |
|
78 | padding: 5px; |
|
78 | padding: 5px; |
|
79 | color: white; |
|
79 | color: white; |
|
80 | background-color: #777777; |
|
80 | background-color: #777777; |
|
81 | font-weight: bold; |
|
81 | font-weight: bold; |
|
82 | font-size: 13px; |
|
82 | font-size: 13px; |
|
83 | } |
|
83 | } |
|
84 |
|
84 | ||
|
85 | /******************************* |
|
85 | /******************************* |
|
86 | [Settings] |
|
86 | [Settings] |
|
87 | ********************************/ |
|
87 | ********************************/ |
|
88 | table.uinfo { |
|
88 | table.uinfo { |
|
89 | border-collapse: collapse; |
|
89 | border-collapse: collapse; |
|
90 | border: 1px solid black; |
|
90 | border: 1px solid black; |
|
91 | font-size: 13px; |
|
91 | font-size: 13px; |
|
92 | } |
|
92 | } |
|
93 |
|
93 | ||
|
94 | td.uinfo { |
|
94 | td.uinfo { |
|
95 | vertical-align: top; |
|
95 | vertical-align: top; |
|
96 | border: 1px solid black; |
|
96 | border: 1px solid black; |
|
97 | padding: 5px; |
|
97 | padding: 5px; |
|
98 | } |
|
98 | } |
|
99 |
|
99 | ||
|
100 | th.uinfo { |
|
100 | th.uinfo { |
|
101 | background: lightgreen; |
|
101 | background: lightgreen; |
|
102 | vertical-align: top; |
|
102 | vertical-align: top; |
|
103 | text-align: right; |
|
103 | text-align: right; |
|
104 | border: 1px solid black; |
|
104 | border: 1px solid black; |
|
105 | padding: 5px; |
|
105 | padding: 5px; |
|
106 | } |
|
106 | } |
|
107 |
|
107 | ||
|
108 | /******************************* |
|
108 | /******************************* |
|
109 | [Submission] |
|
109 | [Submission] |
|
110 | ********************************/ |
|
110 | ********************************/ |
|
111 | div.compilermsgbody { |
|
111 | div.compilermsgbody { |
|
112 | font-family: monospace; |
|
112 | font-family: monospace; |
|
113 | } |
|
113 | } |
|
114 |
|
114 | ||
|
115 | div.task-menu { |
|
115 | div.task-menu { |
|
116 | text-align: center; |
|
116 | text-align: center; |
|
117 | font-size: 13px; |
|
117 | font-size: 13px; |
|
118 | font-weight: bold; |
|
118 | font-weight: bold; |
|
119 | border-top: 1px solid black; |
|
119 | border-top: 1px solid black; |
|
120 | border-bottom: 1px solid black; |
|
120 | border-bottom: 1px solid black; |
|
121 | margin-top: 2px; |
|
121 | margin-top: 2px; |
|
122 | margin-bottom: 4px; |
|
122 | margin-bottom: 4px; |
|
123 | } |
|
123 | } |
|
124 |
|
124 | ||
|
125 | /******************************* |
|
125 | /******************************* |
|
126 | [Submission] |
|
126 | [Submission] |
|
127 | ********************************/ |
|
127 | ********************************/ |
|
128 | table.taskdesc { |
|
128 | table.taskdesc { |
|
129 | border: 1px solid black; |
|
129 | border: 1px solid black; |
|
130 | border-collapse: collapse; |
|
130 | border-collapse: collapse; |
|
131 | - font-size: 12px; |
|
131 | + width: 95%; |
|
132 | - width: 100%; |
|
132 | + font-size: 13px; |
|
|
133 | + } | ||
|
|
134 | + | ||
|
|
135 | + table.taskdesc p { | ||
|
|
136 | + font-size: 13px; | ||
|
133 | } |
|
137 | } |
|
134 |
|
138 | ||
|
135 | table.taskdesc tr.name { |
|
139 | table.taskdesc tr.name { |
|
136 | border: 1px solid black; |
|
140 | border: 1px solid black; |
|
137 | background: #aaaaaa; |
|
141 | background: #aaaaaa; |
|
138 | color: white; |
|
142 | color: white; |
|
139 | font-weight: bold; |
|
143 | font-weight: bold; |
|
140 | font-size: 14px; |
|
144 | font-size: 14px; |
|
141 | text-align: center; |
|
145 | text-align: center; |
|
142 | } |
|
146 | } |
|
143 |
|
147 | ||
|
144 | table.taskdesc td.desc-odd { |
|
148 | table.taskdesc td.desc-odd { |
|
145 | padding: 5px; |
|
149 | padding: 5px; |
|
146 |
- padding-left: |
|
150 | + padding-left: 20px; |
|
147 | background: #fefeee; |
|
151 | background: #fefeee; |
|
148 | } |
|
152 | } |
|
149 |
|
153 | ||
|
150 | table.taskdesc td.desc-even { |
|
154 | table.taskdesc td.desc-even { |
|
151 | padding: 5px; |
|
155 | padding: 5px; |
|
152 |
- padding-left: |
|
156 | + padding-left: 20px; |
|
153 | background: #feeefe; |
|
157 | background: #feeefe; |
|
154 | } |
|
158 | } |
You need to be logged in to leave comments.
Login now