From d03552a31d2b63b42084ae506fc94e6149a5440a Mon Sep 17 00:00:00 2001 From: Bryan Berry Date: Mon, 15 Mar 2010 08:43:52 +0000 Subject: initial commit --- (limited to 'css/global.css~') 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 ****/ + + -- cgit v0.9.1