Show More
Commit Description:
[web] better ui for announcement and prob stat...
Commit Description:
[web] better ui for announcement and prob stat
git-svn-id: http://theory.cpe.ku.ac.th/grader/web/trunk@195 6386c4cd-e34a-4fa8-8920-d93eb39b512e
References:
File last commit:
Show/Diff file:
Action:
Last Author
Show All-
jittat-
public/stylesheets/application.css
| 221 lines
| 3.6 KiB
| text/css
| LassoCssLexer
|
jittat
|
r56 | /* Normal text */ | ||
|
jittat
|
r14 | p { | ||
| font-size: 12px; | ||||
| } | ||||
pramook
|
r0 | |||
|
jittat
|
r56 | /* This is the main menu bad*/ | ||
|
jittat
|
r22 | div.userbar { | ||
|
jittat
|
r14 | border-top: thin solid grey; | ||
| border-bottom: thin solid grey; | ||||
|
jittat
|
r21 | text-align: right; | ||
| font-size: 12px; | ||||
|
pramook
|
r0 | } | ||
|
jittat
|
r56 | /* This is the top bar, displaying user's full name */ | ||
| div.title { | ||||
|
jittat
|
r78 | font-size: 12px; | ||
| background: #ddffdd; | ||||
| border: 1px solid black; | ||||
|
jittat
|
r56 | padding: 2px; | ||
|
jittat
|
r78 | margin-top: 3px; | ||
| margin-bottom: 5px; | ||||
| } | ||||
|
jittat
|
r85 | div.title span.contest-over-msg { | ||
| font-size: 15px; | ||||
| color: red; | ||||
| font-weight: bold; | ||||
| } | ||||
|
jittat
|
r78 | div.title table { | ||
| width: 100%; | ||||
| } | ||||
| div.title td.left-col { | ||||
| text-align: left; | ||||
| vertical-align: top; | ||||
| } | ||||
| div.title td.right-col { | ||||
| text-align: right; | ||||
| vertical-align: top; | ||||
|
jittat
|
r14 | } | ||
|
jittat
|
r56 | /* Standard table with header and rows with alternating background */ | ||
|
jittat
|
r50 | table.info { | ||
| border: 1px solid black; | ||||
| border-collapse: collapse; | ||||
| font-size: 12px; | ||||
| } | ||||
|
jittat
|
r57 | table.info th { | ||
|
jittat
|
r50 | border: 1px solid black; | ||
| } | ||||
|
jittat
|
r57 | table.info td { | ||
|
jittat
|
r52 | border-left: 1px solid black; | ||
| border-right: 1px solid black; | ||||
| } | ||||
|
jittat
|
r50 | tr.info-head { | ||
| background: #777777; | ||||
| color: white; | ||||
| } | ||||
| tr.info-odd { | ||||
| background: #dddddd; | ||||
| } | ||||
| tr.info-even { | ||||
|
jittat
|
r52 | background: #f0f0f0; | ||
|
jittat
|
r50 | } | ||
|
jittat
|
r51 | |||
|
jittat
|
r56 | /******************************* | ||
| [Main] | ||||
| ********************************/ | ||||
| div.submitbox { | ||||
| border: thin solid black; | ||||
| padding: 5px; | ||||
| color: white; | ||||
| background-color: #777777; | ||||
| font-weight: bold; | ||||
| font-size: 13px; | ||||
| } | ||||
| /******************************* | ||||
| [Settings] | ||||
| ********************************/ | ||||
| table.uinfo { | ||||
| border-collapse: collapse; | ||||
| border: 1px solid black; | ||||
| font-size: 13px; | ||||
| } | ||||
| td.uinfo { | ||||
| vertical-align: top; | ||||
| border: 1px solid black; | ||||
| padding: 5px; | ||||
| } | ||||
| th.uinfo { | ||||
| background: lightgreen; | ||||
| vertical-align: top; | ||||
| text-align: right; | ||||
| border: 1px solid black; | ||||
| padding: 5px; | ||||
| } | ||||
| /******************************* | ||||
| [Submission] | ||||
| ********************************/ | ||||
| div.compilermsgbody { | ||||
| font-family: monospace; | ||||
| } | ||||
|
jittat
|
r51 | div.task-menu { | ||
| text-align: center; | ||||
| font-size: 13px; | ||||
| font-weight: bold; | ||||
| border-top: 1px solid black; | ||||
| border-bottom: 1px solid black; | ||||
| margin-top: 2px; | ||||
| margin-bottom: 4px; | ||||
| } | ||||
|
jittat
|
r92 | |||
| /******************************* | ||||
| [Submission] | ||||
| ********************************/ | ||||
| table.taskdesc { | ||||
| border: 1px solid black; | ||||
| border-collapse: collapse; | ||||
|
jittat
|
r93 | width: 95%; | ||
| font-size: 13px; | ||||
| } | ||||
| table.taskdesc p { | ||||
| font-size: 13px; | ||||
|
jittat
|
r92 | } | ||
| table.taskdesc tr.name { | ||||
| border: 1px solid black; | ||||
| background: #aaaaaa; | ||||
| color: white; | ||||
| font-weight: bold; | ||||
| font-size: 14px; | ||||
| text-align: center; | ||||
| } | ||||
| table.taskdesc td.desc-odd { | ||||
| padding: 5px; | ||||
|
jittat
|
r93 | padding-left: 20px; | ||
|
jittat
|
r92 | background: #fefeee; | ||
| } | ||||
| table.taskdesc td.desc-even { | ||||
| padding: 5px; | ||||
|
jittat
|
r93 | padding-left: 20px; | ||
|
jittat
|
r92 | background: #feeefe; | ||
| } | ||||
|
jittat
|
r97 | |||
| /********************** | ||||
| [Announcement] | ||||
| ***********************/ | ||||
| div.announcementbox { | ||||
| margin-top: 10px; | ||||
| margin-bottom: 10px; | ||||
| background: green; | ||||
|
jittat
|
r101 | padding: 1px; | ||
|
jittat
|
r97 | } | ||
| div.announcementbox span.title { | ||||
| font-weight: bold; | ||||
| color: white; | ||||
| padding-left: 10px; | ||||
| } | ||||
| div.announcement { | ||||
| margin: 2px; | ||||
| background: white; | ||||
|
jittat
|
r101 | padding: 1px; | ||
|
jittat
|
r97 | padding-left: 10px; | ||
| padding-right: 10px; | ||||
| } | ||||
| div.announcement p { | ||||
|
jittat
|
r101 | font-size: 12px; | ||
|
jittat
|
r97 | } | ||
| div.pub-info, div.pub-info p { | ||||
| text-align: right; | ||||
| font-style: italic; | ||||
|
jittat
|
r101 | font-size: 9px; | ||
| } | ||||
|
jittat
|
r102 | |||
| /****************** | ||||
| [Messages | ||||
| ******************/ | ||||
| div.message { | ||||
| padding-top: 5px; | ||||
| padding-left: 10px; | ||||
| } | ||||
| div.message div.body { | ||||
| border: 1px solid green; | ||||
| background: #eeffee; | ||||
| padding-left: 5px; | ||||
| } | ||||
| div.message div.reply-body { | ||||
| border: 1px solid black; | ||||
| background: #ffeeee; | ||||
| padding-left: 5px; | ||||
| } | ||||
| div.message div.stat { | ||||
| font-size: 10px; | ||||
| color: white; | ||||
| background: green; | ||||
| font-weight: bold; | ||||
| } | ||||