Show More
Commit Description:
added contest model
Commit Description:
added contest model
References:
File last commit:
Show/Diff file:
Action:
Last Author
Show All-
Jittat Fakcharoenphol-
public/stylesheets/application.css
| 342 lines
| 5.7 KiB
| text/css
| LassoCssLexer
|
jittat
|
r190 | /* Main Default */ | ||
|
jittat
|
r162 | body { | ||
|
jittat
|
r190 | background: white url(../images/topbg.jpg) repeat-x top center; | ||
|
jittat
|
r162 | font-size: 13px; | ||
|
jittat
|
r190 | font-family: Tahoma, "sans-serif"; | ||
| margin: 10px; | ||||
| padding: 10px; | ||||
| } | ||||
| /* Form Font */ | ||||
| input { | ||||
| font-family: Tahoma, "sans-serif"; | ||||
| } | ||||
|
jittat
|
r197 | /* Heading 1&2 */ | ||
|
jittat
|
r190 | h1 { | ||
| font-size: 24px; | ||||
| color: #334488; | ||||
| line-height: 2em; | ||||
| } | ||||
| h2 { | ||||
| font-size: 18px; | ||||
| color: #5566bb; | ||||
| line-height: 1.5em; | ||||
| } | ||||
| /* Bar Line Color and Thickness */ | ||||
| hr { | ||||
| border-top: 1px solid #dddddd; | ||||
| border-bottom: 1px solid #eeeeee; | ||||
| } | ||||
| /* Link + Anchor Color */ | ||||
| a, a:link, a:visited { | ||||
| color: #6666cc; | ||||
| text-decoration: none; | ||||
| } | ||||
| a:hover, a:focus { | ||||
| color: #111166; | ||||
| text-decoration: none; | ||||
|
jittat
|
r14 | } | ||
pramook
|
r0 | |||
|
jittat
|
r56 | /* This is the main menu bad*/ | ||
|
jittat
|
r22 | div.userbar { | ||
|
jittat
|
r190 | line-height: 1.5em; | ||
|
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
|
r190 | // background: #ddddff; | ||
| // border: 1px dashed blue; | ||||
| padding: 10px 0px; | ||||
| line-height: 1.5em; | ||||
| font-size: 13px; | ||||
|
jittat
|
r78 | } | ||
|
jittat
|
r85 | div.title span.contest-over-msg { | ||
| font-size: 15px; | ||||
| color: red; | ||||
| } | ||||
|
jittat
|
r78 | div.title table { | ||
| width: 100%; | ||||
|
jittat
|
r197 | font-weight: bold; | ||
|
jittat
|
r78 | } | ||
| div.title td.left-col { | ||||
| text-align: left; | ||||
| vertical-align: top; | ||||
|
jittat
|
r190 | color: #444444; | ||
|
jittat
|
r78 | } | ||
| div.title td.right-col { | ||||
| text-align: right; | ||||
| vertical-align: top; | ||||
|
jittat
|
r197 | font-size: 18px; | ||
|
jittat
|
r190 | color: #116699; | ||
|
jittat
|
r14 | } | ||
|
jittat
|
r56 | /* Standard table with header and rows with alternating background */ | ||
|
jittat
|
r50 | table.info { | ||
|
jittat
|
r190 | margin: 10px 0; | ||
| border: 1px solid #666666; | ||||
|
jittat
|
r50 | border-collapse: collapse; | ||
| font-size: 12px; | ||||
| } | ||||
|
jittat
|
r57 | table.info th { | ||
|
jittat
|
r190 | border: 1px solid #666666; | ||
| line-height: 1.5em; | ||||
| padding: 0 0.5em; | ||||
|
jittat
|
r50 | } | ||
|
jittat
|
r57 | table.info td { | ||
|
jittat
|
r190 | border-left: 1px solid #666666; | ||
| border-right: 1px solid #666666; | ||||
| line-height: 1.5em; | ||||
| padding: 0 0.5em; | ||||
|
jittat
|
r52 | } | ||
|
jittat
|
r50 | tr.info-head { | ||
| background: #777777; | ||||
| color: white; | ||||
| } | ||||
| tr.info-odd { | ||||
|
jittat
|
r190 | background: #eeeeee; | ||
|
jittat
|
r50 | } | ||
| tr.info-even { | ||||
|
jittat
|
r190 | background: #f9f9f9; | ||
|
jittat
|
r50 | } | ||
|
jittat
|
r51 | |||
|
jittat
|
r56 | /******************************* | ||
| [Main] | ||||
| ********************************/ | ||||
| div.submitbox { | ||||
|
jittat
|
r190 | background: #eeeeff; | ||
| border: 1px dotted #99aaee; | ||||
|
jittat
|
r56 | padding: 5px; | ||
|
jittat
|
r190 | margin: 10px 0px; | ||
| color: black; | ||||
|
jittat
|
r56 | font-size: 13px; | ||
| } | ||||
|
jittat
|
r158 | div.errorExplanation { | ||
|
jittat
|
r190 | border: 1px dotted gray; | ||
| color: #bb2222; | ||||
| padding: 5px 15px 5px 15px; | ||||
|
jittat
|
r158 | margin-bottom: 5px; | ||
| background-color: white; | ||||
|
jittat
|
r197 | font-weight: normal; | ||
| } | ||||
| div.errorExplanation h2 { | ||||
| color: #cc1111; | ||||
| font-weight: bold; | ||||
|
jittat
|
r158 | } | ||
|
jittat
|
r56 | /******************************* | ||
| [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; | ||||
|
jittat
|
r190 | line-height: 1.75em; | ||
|
jittat
|
r51 | font-weight: bold; | ||
|
jittat
|
r190 | border-top: 1px dashed gray; | ||
| border-bottom: 1px dashed gray; | ||||
|
jittat
|
r51 | margin-top: 2px; | ||
| margin-bottom: 4px; | ||||
| } | ||||
|
jittat
|
r92 | |||
| /******************************* | ||||
| [Submission] | ||||
| ********************************/ | ||||
| table.taskdesc { | ||||
|
jittat
|
r190 | border: 2px solid #dddddd; | ||
|
jittat
|
r92 | border-collapse: collapse; | ||
|
jittat
|
r190 | margin: 10px auto; | ||
| width: 90%; | ||||
|
jittat
|
r93 | font-size: 13px; | ||
| } | ||||
| table.taskdesc p { | ||||
| font-size: 13px; | ||||
|
jittat
|
r92 | } | ||
| table.taskdesc tr.name { | ||||
|
jittat
|
r190 | border: 2px solid #dddddd; | ||
| background: #dddddd; | ||||
| color: #333333; | ||||
|
jittat
|
r92 | font-weight: bold; | ||
| font-size: 14px; | ||||
|
jittat
|
r190 | line-height: 1.5em; | ||
|
jittat
|
r92 | 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 | |||
| /********************** | ||||
|
jittat
|
r190 | Announcement | ||
|
jittat
|
r97 | ***********************/ | ||
| div.announcementbox { | ||||
|
jittat
|
r190 | margin: 10px 0px; | ||
| background: #bbddee; | ||||
|
jittat
|
r101 | padding: 1px; | ||
|
jittat
|
r97 | } | ||
| div.announcementbox span.title { | ||||
| font-weight: bold; | ||||
|
jittat
|
r190 | color: #224455; | ||
|
jittat
|
r97 | padding-left: 10px; | ||
|
jittat
|
r190 | line-height: 1.6em; | ||
|
jittat
|
r97 | } | ||
| div.announcement { | ||||
| margin: 2px; | ||||
| background: white; | ||||
|
jittat
|
r101 | padding: 1px; | ||
|
jittat
|
r97 | padding-left: 10px; | ||
| padding-right: 10px; | ||||
|
jittat
|
r192 | padding-top: 5px; | ||
| padding-bottom: 5px; | ||||
|
jittat
|
r97 | } | ||
|
jittat
|
r192 | .announcement p { | ||
|
jittat
|
r101 | font-size: 12px; | ||
|
jittat
|
r192 | margin: 2px; | ||
|
jittat
|
r97 | } | ||
| div.pub-info, div.pub-info p { | ||||
| text-align: right; | ||||
| font-style: italic; | ||||
|
jittat
|
r101 | font-size: 9px; | ||
| } | ||||
|
jittat
|
r102 | |||
|
jittat
|
r192 | .announcement .toggles { | ||
| font-weight: normal; | ||||
| float: right; | ||||
| font-size: 80%; | ||||
| } | ||||
| .announcement .announcement-title { | ||||
| font-weight: bold; | ||||
| } | ||||
|
jittat
|
r102 | /****************** | ||
|
jittat
|
r190 | Messages | ||
|
jittat
|
r102 | ******************/ | ||
| div.message { | ||||
|
jittat
|
r190 | margin: 10px 0 0; | ||
| } | ||||
| div.message div.message { | ||||
| margin: 0 0 0 30px; | ||||
|
jittat
|
r102 | } | ||
| div.message div.body { | ||||
|
jittat
|
r190 | border: 2px solid #dddddd; | ||
| background: #fff8f8; | ||||
|
jittat
|
r102 | padding-left: 5px; | ||
| } | ||||
| div.message div.reply-body { | ||||
|
jittat
|
r190 | border: 2px solid #bbbbbb; | ||
| background: #fffff8; | ||||
|
jittat
|
r102 | padding-left: 5px; | ||
| } | ||||
| div.message div.stat { | ||||
| font-size: 10px; | ||||
|
jittat
|
r190 | line-height: 1.75em; | ||
| padding: 0 5px; | ||||
| color: #333333; | ||||
| background: #dddddd; | ||||
| font-weight: bold; | ||||
| } | ||||
| div.message div.message div.stat { | ||||
| font-size: 10px; | ||||
| line-height: 1.75em; | ||||
| padding: 0 5px; | ||||
| color: #444444; | ||||
| background: #bbbbbb; | ||||
|
jittat
|
r102 | font-weight: bold; | ||
| } | ||||
|
jittat
|
r162 | |||
| /******************** | ||||
| Registration | ||||
| ********************/ | ||||
| div.contest-title { | ||||
| color: white; | ||||
| text-align: center; | ||||
|
jittat
|
r190 | line-height: 2em; | ||
|
jittat
|
r162 | } | ||
| div.registration-desc { | ||||
|
jittat
|
r190 | border: 1px dotted gray; | ||
| background: #f5f5f5; | ||||
| padding: 5px; | ||||
| margin: 10px 0; | ||||
| font-size: 12px; | ||||
| line-height: 1.5em; | ||||
|
jittat
|
r162 | } | ||
| /******************** | ||||
| [Test Interface] | ||||
| ********************/ | ||||
| div.test-desc { | ||||
|
jittat
|
r190 | border: 1px dotted gray; | ||
| background: #f5f5f5; | ||||
|
jittat
|
r162 | padding: 5px; | ||
|
jittat
|
r190 | margin: 10px 0; | ||
|
jittat
|
r162 | font-size: 12px; | ||
|
jittat
|
r190 | line-height: 1.5em; | ||
|
jittat
|
r162 | } | ||