diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -1,31 +1,66 @@ -/* Normal text */ +/* Main Default */ body { + background: white url(../images/topbg.jpg) repeat-x top center; font-size: 13px; - font-family: "Sans Serif"; + font-family: Tahoma, "sans-serif"; + margin: 10px; + padding: 10px; +} + +/* Form Font */ +input { + font-family: Tahoma, "sans-serif"; +} + +/* Heading 1/2 */ +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; } /* This is the main menu bad*/ div.userbar { - border-top: thin solid grey; - border-bottom: thin solid grey; + line-height: 1.5em; text-align: right; font-size: 12px; } /* This is the top bar, displaying user's full name */ div.title { - font-size: 12px; - background: #ddffdd; - border: 1px solid black; - padding: 2px; - margin-top: 3px; - margin-bottom: 5px; + // background: #ddddff; + // border: 1px dashed blue; + padding: 10px 0px; + line-height: 1.5em; + font-size: 13px; } div.title span.contest-over-msg { font-size: 15px; color: red; - font-weight: bold; } div.title table { @@ -35,27 +70,36 @@ div.title td.left-col { text-align: left; vertical-align: top; + color: #444444; } div.title td.right-col { text-align: right; vertical-align: top; + font-size: 14px; + font-weight: bold; + color: #116699; } /* Standard table with header and rows with alternating background */ table.info { - border: 1px solid black; + margin: 10px 0; + border: 1px solid #666666; border-collapse: collapse; font-size: 12px; } table.info th { - border: 1px solid black; + border: 1px solid #666666; + line-height: 1.5em; + padding: 0 0.5em; } table.info td { - border-left: 1px solid black; - border-right: 1px solid black; + border-left: 1px solid #666666; + border-right: 1px solid #666666; + line-height: 1.5em; + padding: 0 0.5em; } tr.info-head { @@ -64,29 +108,30 @@ } tr.info-odd { - background: #dddddd; + background: #eeeeee; } tr.info-even { - background: #f0f0f0; + background: #f9f9f9; } /******************************* [Main] ********************************/ div.submitbox { - border: thin solid black; + background: #eeeeff; + border: 1px dotted #99aaee; padding: 5px; - color: white; - background-color: #777777; + margin: 10px 0px; + color: black; font-weight: bold; font-size: 13px; } div.errorExplanation { - border: 1px dashed black; - color: black; - padding: 5px; + border: 1px dotted gray; + color: #bb2222; + padding: 5px 15px 5px 15px; margin-bottom: 5px; background-color: white; } @@ -124,9 +169,10 @@ div.task-menu { text-align: center; font-size: 13px; + line-height: 1.75em; font-weight: bold; - border-top: 1px solid black; - border-bottom: 1px solid black; + border-top: 1px dashed gray; + border-bottom: 1px dashed gray; margin-top: 2px; margin-bottom: 4px; } @@ -135,9 +181,10 @@ [Submission] ********************************/ table.taskdesc { - border: 1px solid black; + border: 2px solid #dddddd; border-collapse: collapse; - width: 95%; + margin: 10px auto; + width: 90%; font-size: 13px; } @@ -146,11 +193,12 @@ } table.taskdesc tr.name { - border: 1px solid black; - background: #aaaaaa; - color: white; + border: 2px solid #dddddd; + background: #dddddd; + color: #333333; font-weight: bold; font-size: 14px; + line-height: 1.5em; text-align: center; } @@ -167,20 +215,20 @@ } /********************** - [Announcement] + Announcement ***********************/ div.announcementbox { - margin-top: 10px; - margin-bottom: 10px; - background: green; + margin: 10px 0px; + background: #bbddee; padding: 1px; } div.announcementbox span.title { font-weight: bold; - color: white; + color: #224455; padding-left: 10px; + line-height: 1.6em; } div.announcement { @@ -202,30 +250,44 @@ } /****************** - [Messages + Messages ******************/ div.message { - padding-top: 5px; - padding-left: 10px; + margin: 10px 0 0; +} + +div.message div.message { + margin: 0 0 0 30px; } div.message div.body { - border: 1px solid green; - background: #eeffee; + border: 2px solid #dddddd; + background: #fff8f8; padding-left: 5px; } div.message div.reply-body { - border: 1px solid black; - background: #ffeeee; + border: 2px solid #bbbbbb; + background: #fffff8; padding-left: 5px; } div.message div.stat { font-size: 10px; - color: white; - background: green; + 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; font-weight: bold; } @@ -234,17 +296,17 @@ ********************/ div.contest-title { color: white; - background: #007700; text-align: center; - padding: 5px; + line-height: 2em; } div.registration-desc { - margin-top: 5px; - margin-bottom: 5px; - border: solid 1px gray; - padding: 10px; - background: #f0f0f0; + border: 1px dotted gray; + background: #f5f5f5; + padding: 5px; + margin: 10px 0; + font-size: 12px; + line-height: 1.5em; } /******************** @@ -252,9 +314,10 @@ ********************/ div.test-desc { - border: solid 1px gray; - background: #f0f0f0; + border: 1px dotted gray; + background: #f5f5f5; padding: 5px; + margin: 10px 0; font-size: 12px; - margin-bottom: 5px; + line-height: 1.5em; }