diff options
Diffstat (limited to 'css/global.css~')
-rwxr-xr-x | css/global.css~ | 181 |
1 files changed, 181 insertions, 0 deletions
diff --git a/css/global.css~ b/css/global.css~ new file mode 100755 index 0000000..d5de959 --- /dev/null +++ b/css/global.css~ @@ -0,0 +1,181 @@ +@CHARSET "UTF-8";
+/****** Page Styles ****/
+
+/* Designed for 1200*900 px screen resolution */
+
+body {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 10pt;
+ margin: 0px;
+ background-color: #FFFFCC;
+}
+#header {
+ background-image: url(../assets/image/bg_header.png);
+ background-repeat: repeat-x;
+ height: 75px;
+ width: 100%;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+}
+#topbtn_left {
+ float: left;
+ height: 60px;
+ width: 60px;
+ padding-top: 6px;
+ padding-left: 15px;
+}
+
+
+ .linkBack{
+ width: 60px; height: 59px;
+ background:url(../assets/image/btn_back.png);
+ }
+ .linkBack:hover{
+ background:url(../assets/image/btn_back_hover.png);
+ }
+
+#lesson_title {
+ float: left;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 16pt;
+ font-weight: bold;
+ color: #FFFFFF;
+ margin-left: 10px;
+ background-image: url(../assets/image/bg_title_block.png);
+}
+#topbtn_right {
+ float: right;
+ height: 60px;
+ width: 60px;
+ padding-top: 6px;
+ padding-right: 15px;
+}
+ #linkHelp{
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_help.png);
+ cursor:pointer;
+ }
+ #linkHelp:hover{
+ background:url(../assets/image/btn_help_hover.png);
+ }
+ #linkOle{
+ cursor:pointer;
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_ole.png);
+ }
+ #linkOle:hover{
+ background:url(../assets/image/btn_ole_hover.png);
+ }
+ .linkNext{
+ cursor:pointer;
+ width: 60px; height: 60px;
+ background:url(../assets/image/btn_next.png);
+ }
+ .linkNext:hover{
+ background:url(../assets/image/btn_next_hover.png);
+ }
+#footer {
+ position:relative;
+ background-image: url(../assets/image/bg_footer.png);
+ background-repeat: repeat-x;
+ height: 75px;
+ width: 100%;
+ left: 0px;
+ bottom: 0px;
+}
+#score_box {
+ float: left;
+ padding-left: 5px;
+ padding-top: 0.7em;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ color: #FFFF00;
+ font-size: 16pt;
+ font-weight: bold;
+}
+#botbtn_right {
+ float: right;
+ height: 55px;
+ padding-right: 5px;
+ padding-top: 10px;
+}
+ #linkCheck{
+ margin: 1em 3em 0 0;
+ width: 101px; height: 30px;
+ background-image: url(../assets/image/check.png);
+ }
+
+ #linkStart{
+ cursor:pointer;
+ width: 251px; height: 55px;
+ background:url(../assets/image/btn_start.png);
+ }
+ #linkStart:hover{
+ background:url(../assets/image/btn_start_hover.png);
+ }
+ #linkStart:active{
+ background:url(../assets/image/btn_start_mouse_down.png);
+ }
+ #linkPlayAgain{
+ cursor:pointer;
+ width: 251px; height: 55px;
+ background:url(../assets/image/btn_play_again.png);
+ }
+ #linkPlayAgain:hover{
+ background:url(../assets/image/btn_play_again_hover.png);
+ }
+ #linkPlayAgain:active{
+ background:url(../assets/image/btn_play_again_mouse_down.png);
+ }
+#linkNextLesson{
+ position:absolute;
+ bottom: 75px;
+ right: 10px;
+}
+#linkPrevLesson{
+ position:absolute;
+ bottom: 75px;
+ left: 10px;
+}
+#timerBar {
+
+ position: absolute;
+ left: 30%;
+ bottom: 25%;
+ width: 210px;
+ height:35px;
+ padding-left: 10px;
+ color: #FFFF00;
+ font-size: 16pt;
+ font-weight: bold;
+ } + #picClock{ + float:left; + width:32px; + height: 32px; + background: url(../assets/image/picClock.png); + }
+
+ .timerBoxes{ /* Show the timer running after the game has began.... */
+ float:right;
+ width: 50px;
+ height: 35px;
+ border: 2px dotted green;
+ color: blue;
+ text-align:center;
+ font : bold 25px Arial Black, Times New Roman;
+ background: #ACC;
+ } +
+a{
+ color:#FFFFCC;
+} +a,a:hover,a:active,a img,img{
+ border-style: none;
+ border: 0;
+
+}
+
+/**** End of the page style ****/
+
+ |