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') diff --git a/css/chakra.css b/css/chakra.css new file mode 100755 index 0000000..7e2362f --- /dev/null +++ b/css/chakra.css @@ -0,0 +1,229 @@ +/* ====================================== */ +/* ====== CHAKRA CSS TEMPLATE FILE ====== */ +/* ====================================== */ + +/* ====================================== */ +/* ========= MAIN PROPERTIES ============ */ +body +{ + background: #D8D8D8; + margin: 0 auto; + width: 640px; + min-width: 640px; + padding: 0; + font-family: "Georgia", serif; +} + +img +{ + border: none; +} + +.selected { + background: #FFFFFF; +} + +/* ====================================== */ +/* ========== HTML ELEMENTS ============= */ +h1 { } +h2 { } +h3 { } +h4 { } +h5 { } +h6 { } +p { } +span { } + +/* ====================================== */ +/* ========== HTML 5 ELEMENTS =========== */ +header, footer, aside, nav, article, section { + display: block; +} + +/* ====================================== */ +/* =========== NAVIGATION BAR =========== */ +#navigation +{ + display: block; + width: 100%; + background: #6E6E6E; + padding-top: 0.2em; + padding-bottom: 0.2em; +} + #knavbar { + display: table; + width: 640px; + margin: 0 auto; + } + +#curriculum +{ + padding: 5px; + background: #ccc; + margin: 10px; + display: block; + width: auto; + text-align: right; + display: none; + /* How about putting 'Link to subject curriculum' in the help section ? */ +} + +.topNav { + width: 30px; + height: 30px; + padding: 5px; +} + +.floatLeft { + float: left; +} +.floatRight { + float: right; +} +.inline { + display: inline; +} + +/* ====================================== */ +/* =========== MIDDLE SECTION =========== */ +#middle +{ + display: block; + padding: .5em 0 .5em 0; + background: #BDBDBD; +} + +#middle header { + text-align: center; + font-size: 1.0em; + margin: 5px 0 5px 0; + padding-bottom: 2px; + font-weight: bold; +} + + .middleRow ul { + display: table; + margin: 0 auto; + padding: 0; + background: #BDBDBD; + } + .middleRow ul li { + display: table-cell; + text-align: center; + margin: 0; + border: 3px solid #BDBDBD; + } + .middleRow ul li a { + display: block; + text-decoration: none; + font-weight: bold; + color: #000; + padding: 0.4em; + } + .middleRow ul li a img { + width: 120px; + } + .middleRow ul li:hover { + text-decoration: underline; + border: 3px solid #424242; + } + +/* ====================================== */ +/* ============ ADMIN SECTION =========== */ +#admin { + display: block; + background: #4080c0; + width: 100%; + margin: 0 auto; +} + +#admin ul { + display: table; + list-style: none; + margin: 0 auto; + padding: .5em 0 .5em 0; +} + +#admin ul li { + display: table-cell; + text-align: center; + padding: 0.2em 2em 0.2em 2em; +} + +#admin ul li a +{ + display: block; + text-decoration: none; + font-weight: bold; + color: #000000; +} +#admin ul li a:hover { + text-decoration: underline; +} +#admin p { + line-height: 0; +} + +#admin img +{ + height: 50px; + width: auto; +} + +/* ====================================== */ +/* ====== INDIVIDUAL GRADE SECTION ====== */ +#monthSelect { + text-align: center; + font-size: 1.0em; + font-weight: bold; + padding: 5px 0 5px 0; +} + +.monthList { + /* */ + border-top: 1px solid #666; + text-align: center; + padding: 5px 0 5px 0; +} + +.lessonList { + padding: 1em; + margin: 5px 0 5px 0; + height: 500px; + border-top: 1px dashed #666; +} + + .lessonName { + text-decoration: none; + text-align: center; + font-weight: bold; + font-size: 1.1em; + margin-bottom: 1em; + } + .lessonList img { + display: block; + margin: 0 auto; + padding: 5px; + border: 1px solid #aaa; + background: #ddd; + } + +.lesson { + width: 300px; + height: 250px; + float: left; +} + +.preview{ + width: 250px; +} + +.menuSelectType { + margin: 0; + padding: 0; + text-align: center; +} +.menuSelectType li { + list-style: none; + display: inline; +} diff --git a/css/global.css b/css/global.css new file mode 100755 index 0000000..a17b654 --- /dev/null +++ b/css/global.css @@ -0,0 +1,182 @@ +@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{ + cursor:pointer; + 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 ****/ + + 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 ****/ + + diff --git a/css/images/arrow_down_white.png b/css/images/arrow_down_white.png new file mode 100755 index 0000000..e2b247a --- /dev/null +++ b/css/images/arrow_down_white.png Binary files differ diff --git a/css/images/arrow_down_white.svg b/css/images/arrow_down_white.svg new file mode 100755 index 0000000..fb2cb26 --- /dev/null +++ b/css/images/arrow_down_white.svg @@ -0,0 +1,18 @@ + + + + + + \ No newline at end of file diff --git a/css/images/back_button_hover.png b/css/images/back_button_hover.png new file mode 100755 index 0000000..084f4ea --- /dev/null +++ b/css/images/back_button_hover.png Binary files differ diff --git a/css/images/back_button_start.png b/css/images/back_button_start.png new file mode 100755 index 0000000..31ab319 --- /dev/null +++ b/css/images/back_button_start.png Binary files differ diff --git a/css/images/bg.png b/css/images/bg.png new file mode 100755 index 0000000..7483a94 --- /dev/null +++ b/css/images/bg.png Binary files differ diff --git a/css/images/bg_footer.png b/css/images/bg_footer.png new file mode 100755 index 0000000..4bd44fa --- /dev/null +++ b/css/images/bg_footer.png Binary files differ diff --git a/css/images/bg_header.png b/css/images/bg_header.png new file mode 100755 index 0000000..f421817 --- /dev/null +++ b/css/images/bg_header.png Binary files differ diff --git a/css/images/bg_title_block.png b/css/images/bg_title_block.png new file mode 100755 index 0000000..7311891 --- /dev/null +++ b/css/images/bg_title_block.png Binary files differ diff --git a/css/images/btn_back.png b/css/images/btn_back.png new file mode 100755 index 0000000..d9fbf14 --- /dev/null +++ b/css/images/btn_back.png Binary files differ diff --git a/css/images/btn_back_hover.png b/css/images/btn_back_hover.png new file mode 100755 index 0000000..0911fcc --- /dev/null +++ b/css/images/btn_back_hover.png Binary files differ diff --git a/css/images/btn_help.png b/css/images/btn_help.png new file mode 100755 index 0000000..6753e9c --- /dev/null +++ b/css/images/btn_help.png Binary files differ diff --git a/css/images/btn_help_hover.png b/css/images/btn_help_hover.png new file mode 100755 index 0000000..d3ccd92 --- /dev/null +++ b/css/images/btn_help_hover.png Binary files differ diff --git a/css/images/btn_minus.png b/css/images/btn_minus.png new file mode 100755 index 0000000..9a7320d --- /dev/null +++ b/css/images/btn_minus.png Binary files differ diff --git a/css/images/btn_minus25x25.png b/css/images/btn_minus25x25.png new file mode 100755 index 0000000..7ffcc91 --- /dev/null +++ b/css/images/btn_minus25x25.png Binary files differ diff --git a/css/images/btn_minus_hover.png b/css/images/btn_minus_hover.png new file mode 100755 index 0000000..f8203b4 --- /dev/null +++ b/css/images/btn_minus_hover.png Binary files differ diff --git a/css/images/btn_ole.png b/css/images/btn_ole.png new file mode 100755 index 0000000..0e775e9 --- /dev/null +++ b/css/images/btn_ole.png Binary files differ diff --git a/css/images/btn_ole_hover.png b/css/images/btn_ole_hover.png new file mode 100755 index 0000000..c43c5f7 --- /dev/null +++ b/css/images/btn_ole_hover.png Binary files differ diff --git a/css/images/btn_plus.png b/css/images/btn_plus.png new file mode 100755 index 0000000..4600d5d --- /dev/null +++ b/css/images/btn_plus.png Binary files differ diff --git a/css/images/btn_plus25x25.png b/css/images/btn_plus25x25.png new file mode 100755 index 0000000..7e4d381 --- /dev/null +++ b/css/images/btn_plus25x25.png Binary files differ diff --git a/css/images/btn_plus_hover.png b/css/images/btn_plus_hover.png new file mode 100755 index 0000000..e08e45a --- /dev/null +++ b/css/images/btn_plus_hover.png Binary files differ diff --git a/css/images/correct.png b/css/images/correct.png new file mode 100755 index 0000000..f2dbc5a --- /dev/null +++ b/css/images/correct.png Binary files differ diff --git a/css/images/correct200x178.png b/css/images/correct200x178.png new file mode 100755 index 0000000..a203da6 --- /dev/null +++ b/css/images/correct200x178.png Binary files differ diff --git a/css/images/correct200x190.png b/css/images/correct200x190.png new file mode 100755 index 0000000..907cf79 --- /dev/null +++ b/css/images/correct200x190.png Binary files differ diff --git a/css/images/epaath_bg_footer.png b/css/images/epaath_bg_footer.png new file mode 100755 index 0000000..4bd44fa --- /dev/null +++ b/css/images/epaath_bg_footer.png Binary files differ diff --git a/css/images/epaath_bg_header.png b/css/images/epaath_bg_header.png new file mode 100755 index 0000000..f421817 --- /dev/null +++ b/css/images/epaath_bg_header.png Binary files differ diff --git a/css/images/happy-face.png b/css/images/happy-face.png new file mode 100755 index 0000000..0bd21e7 --- /dev/null +++ b/css/images/happy-face.png Binary files differ diff --git a/css/images/incorrect.png b/css/images/incorrect.png new file mode 100755 index 0000000..edfe9c5 --- /dev/null +++ b/css/images/incorrect.png Binary files differ diff --git a/css/images/incorrect200x178.png b/css/images/incorrect200x178.png new file mode 100755 index 0000000..f988c6a --- /dev/null +++ b/css/images/incorrect200x178.png Binary files differ diff --git a/css/images/incorrect200x190.png b/css/images/incorrect200x190.png new file mode 100755 index 0000000..9eb58e8 --- /dev/null +++ b/css/images/incorrect200x190.png Binary files differ diff --git a/css/images/ole_logo.png b/css/images/ole_logo.png new file mode 100755 index 0000000..0b409ac --- /dev/null +++ b/css/images/ole_logo.png Binary files differ diff --git a/css/images/sad-face.png b/css/images/sad-face.png new file mode 100755 index 0000000..1523519 --- /dev/null +++ b/css/images/sad-face.png Binary files differ diff --git a/css/images/start_page.png b/css/images/start_page.png new file mode 100755 index 0000000..08c0e2f --- /dev/null +++ b/css/images/start_page.png Binary files differ diff --git a/css/images/title_block_lt.png b/css/images/title_block_lt.png new file mode 100755 index 0000000..b1c0e90 --- /dev/null +++ b/css/images/title_block_lt.png Binary files differ diff --git a/css/images/title_block_rt.png b/css/images/title_block_rt.png new file mode 100755 index 0000000..275daaf --- /dev/null +++ b/css/images/title_block_rt.png Binary files differ diff --git a/css/intro.css b/css/intro.css new file mode 100755 index 0000000..6b8be70 --- /dev/null +++ b/css/intro.css @@ -0,0 +1,97 @@ +body { +padding-left:15%; +width:70%; +} +#header { +background-color:transparent; +height:140px; +position:relative; +width:100%; +} +#headerBg1 { +display:inline; +float:left; +margin-left: 3%; +} +/*#headerBg2{ +display:inline; +float:left; +margin-left: 10%; +}*/ +#header ul { +-moz-border-radius-bottomleft:5px; +-moz-border-radius-bottomright:5px; +-moz-border-radius-topleft:5px; +-moz-border-radius-topright:5px; +-webkit-border-bottom-left-radius:5px; +-webkit-border-bottom-right-radius:5px; +-webkit-border-top-left-radius:5px; +-webkit-border-top-right-radius:5px; +background-color:#EEF7FB; +border:1px solid black; +/*bottom:0; +position:absolute;*/ +width:95%; +float:left; +} +#header ul li { +display:inline; +list-style-type:none; +padding:10px; +} +#header ul li a { +text-decoration:none; +} +#intro { +float:left; +padding-top:10px; +width:100%; +} +#introText { +display:inline; +float:left; +width:70%; +margin-right: 2%; +} +#introText a { +text-decoration:none; +} +#blurb{ + font-size:larger; + font-weight:bolder; +} +#imgHolder { +display:inline; +float:left; +width:20%; +margin-top: 1%; +} +#demos { +float:left; +width:100%; +} +#demos .imgs { +margin-left:5%; +margin-right:5%; +width:100%; +} +#demos img { +-moz-border-radius-bottomleft:5px; +-moz-border-radius-bottomright:5px; +-moz-border-radius-topleft:5px; +-moz-border-radius-topright:5px; +-webkit-border-bottom-left-radius:5px; +-webkit-border-bottom-right-radius:5px; +-webkit-border-top-left-radius:5px; +-webkit-border-top-right-radius:5px; +border:1px solid black; +margin:5px; +padding-left:5px; +padding-right:5px; +} +#footer { +float:left; +font-size:smaller; +padding-top:50px; +width:100%; +} \ No newline at end of file diff --git a/css/jquery.svg.css b/css/jquery.svg.css new file mode 100755 index 0000000..c181ec1 --- /dev/null +++ b/css/jquery.svg.css @@ -0,0 +1,15 @@ +/* http://keith-wood.name/svg.html + SVG for jQuery v1.4.2. + Written by Keith Wood (kbwood{at}iinet.com.au) August 2007. + Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and + MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses. + Please attribute the author if you use it. */ + +svg\:svg { + display: none; +} + +.svg_error { + color: red; + font-weight: bold; +} diff --git a/css/kDoc.css b/css/kDoc.css new file mode 100755 index 0000000..c285574 --- /dev/null +++ b/css/kDoc.css @@ -0,0 +1,26 @@ +#kDoc{ + background-color: white; + width: 100%; + height: 100%; +} + +.zoom{ + display: inline-block; + width: 25px; + height: 25px; + background-repeat: no-repeat; +} + +.zoom.zoom-in { + background-image: url(images/btn_plus25x25.png); +} + +.zoom.zoom-out { + background-image: url(images/btn_minus25x25.png); +} + + +#iframeLessonPlan{ + width:100%; + height: 90%; +} \ No newline at end of file diff --git a/css/kStart.css b/css/kStart.css new file mode 100755 index 0000000..d79eac2 --- /dev/null +++ b/css/kStart.css @@ -0,0 +1,175 @@ +#kStart { + width: 1200px; + height: 884px; + background-image: url(./images/bg.png); + -moz-background-size: 100% 100%; + -webkit-background-size: 100% 100%; + margin: 0px; +} + +#kStart .center{ + /* width: 100%; + float: left;*/ + width: 800px + margin-left: auto; + margin-right: auto; + text-align: center; +} + +#kStart #top{ + height: 13%; + width: 100%; + color: #8a72c4; +} + + #backBtn{ + background-image: url(images/back_button_start.png); + position: absolute; + width: 60px; + height: 60px; + margin-top: 10px; + margin-left: 10px; + opacity: 1.0; + } + + #backBtn:hover{ + background-image: url(images/back_button_hover.png); + } + + #topMiddle{ + margin-top: 1%; + color: white; + } + + #topDesc{ + + } + + #topE-Paath{ + font-size: 2em; + margin-top: 1%; + } + + + +#kStart #middle{ + border: 2px solid white; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + color: white; + height: 70%; + width: 90%; + margin-left: auto; + margin-right: auto; + position:relative; + background-color: rgba(0,0,200,0.3); +} + + #grade{ + margin-top: 0.5em; + } + + #gradeText{ + font-size: 2.5em; + } + + #gradeNum{ + font-size: 2.5em; + } + + #subject{ + font-size: 3em; + } + + #lessonTitle{ + margin-top: 1em; + } + + #lessonTitle>a{ + font-size: 2.5em; + color: yellow; + text-decoration: none; + } + + #lessonTitle>a:hover{ + font-size: 2.9em; + color: #FFFFE0; + } + + + #lessonDesc{ + font-size: 2em; + margin-top: 0.2em; + } + + #kStart #middle .button{ + position: absolute; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + background-color: purple; + margin-left: 0.5em; + margin-right: 0.5em; + margin-bottom: 0.5em; + padding-top:0.2em; + padding-bottom: 0.2em; + padding-left: 0.5em; + padding-right: 0.5em; + font-size: 1.5em; + border: 1px black solid; + } + + #kStart #middle .button:hover{ + /*opacity: 0.8;*/ + border: 2px white solid; + } + + #kStart #middle .button a{ + text-decoration: none; + } + + #kStart #middle .button div{ + text-align: center; + color: white; + } + + #teachersNoteBtn{ + left: 0em; + bottom: 0em; + } + + #lessonPlanBtn{ + right: 0em; + bottom: 0em; + } + +#kStart #bottom{ +height: 15%; +width: 100%; +color: white; +} + + #logo{ + display: block; + width: 320px; + height: 60px; + float: none; + background-image: url(images/ole_logo.png); + background-repeat: no-repeat; + margin-left:auto; + margin-right:auto; + margin-top: 0.8em; + } + + +#kStart #copyright{ + position: fixed; + left: 5px; + bottom: 0px; + color: white; + font-size: smaller; +} + + #kStart #copyright a{ + color: white; + opacity:0.8; + } \ No newline at end of file diff --git a/css/karma.css b/css/karma.css new file mode 100755 index 0000000..7481928 --- /dev/null +++ b/css/karma.css @@ -0,0 +1,49 @@ +/* import nepal's Themeroller theme */ +@import url(./ui.base.css); +@import url(./theme/jquery-ui-1.7.2.custom.css); +@import url(./ui.dialog.css); +@import url(./ui.resizable.css); +@import url(./ui.feedback.css); + +/* special hack for the current karma-loader notification */ +@media screen { + #karma-loader{ + position:absolute; + top:0; + left:0; + padding: 2px 2px 1px 5px; + font-size: 12px; + background: #0066cc; + color: #ffffff; + + } + #karma-loader.status{ + left:110px; + } +} + +body{ + padding: 0px; + margin: 0 auto 0 auto; + width: 1200px; + height: 900px; + overflow: hidden; + position: relative; + background-color: purple; +} + +#kMain { + width: 1200px; + height: 760px; + float: left; + clear: both; + background-color: white; +} + +/* for first-time users */ +#kMain #itWorks{ + text-align: center; + font-size: 4em; +} + + diff --git a/css/karma.css~ b/css/karma.css~ new file mode 100755 index 0000000..607bcbb --- /dev/null +++ b/css/karma.css~ @@ -0,0 +1,43 @@ +/* import nepal's Themeroller theme */ +@import url(./ui.base.css); +@import url(./theme/jquery-ui-1.7.2.custom.css); +@import url(./ui.dialog.css); +@import url(./ui.resizable.css); +@import url(./ui.feedback.css); + +/* special hack for the current karma-loader notification */ +@media screen { + #karma-loader{ + position:absolute; + top:0; + left:0; + padding: 2px 2px 1px 5px; + font-size: 12px; + background: #0066cc; + color: #ffffff; + + } + #karma-loader.status{ + left:110px; + } +} + +body{ + padding: 0px; + margin: 0 auto 0 auto; + width: 1200px; + height: 900px; + overflow: hidden; + position: relative; + background-color: purple; +} + +#kMain { + width: 1200px; + height: 760px; + float: left; + clear: both; + background-color: white; +} + + diff --git a/css/lesson.css b/css/lesson.css new file mode 100755 index 0000000..d3f1795 --- /dev/null +++ b/css/lesson.css @@ -0,0 +1,79 @@ +@CHARSET "UTF-8"; +#kMain { + background: url(../assets/image/background.png) no-repeat; + -moz-background-size: 100% 100%; + -webkit-background-size: 100% 100%; +} + +#questionBox{ + color: blue; + width: 40%; + font-weight: bold; + font-size: 3em; + margin-top: 10%; + margin-left: 15%; +} + +#imageBox{ + width: 220px; + height: 220px; +} + +.imageBox{ + margin-top: 2%; + margin-left: 20%; + width: 220px; + height: 220px; + visibility: hidden; +} + +#options{ + margin-left:5%; + margin-top:2%; + width: 70%; + height: 2em; +} + +.option{ + width: 22%; + height: 40px; + display:inline-block; + background-color: yellow; + padding:5px; + border: 2px solid green; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + cursor: pointer; + font-size: 3em; + text-align: center; +} + +.option:hover{ + background-color: rgba(0, 255, 255, 1); +} + +/*.playAgain{ + position:absolute; + top: 10px; + margin-left:220px; + width:115px; + height: 30px; + padding: 2px 2px 2px 2px; + } +input{ + color:green; + +} + +#gameOver{ + margin-left:300px; + width: 180px; + height: 20px; + display: none; + font: 25px "Rockwell Extra Bold", Geneva, Arial, Helvetica, sans-serif,Times New Roman; + font-weight: bold; + background-color: #ccc; + padding: 10px; +} + +*/ \ No newline at end of file diff --git a/css/qunit.css b/css/qunit.css new file mode 100755 index 0000000..4542933 --- /dev/null +++ b/css/qunit.css @@ -0,0 +1,17 @@ +h1#qunit-header { padding: 15px; font-size: large; background-color: #06b; color: white; font-family: 'trebuchet ms', verdana, arial; margin: 0; } +h1#qunit-header a { color: white; } + +h2#qunit-banner { height: 2em; border-bottom: 1px solid white; background-color: #eee; margin: 0; font-family: 'trebuchet ms', verdana, arial; } +h2#qunit-banner.pass { background-color: green; } +h2#qunit-banner.fail { background-color: red; } + +h2#qunit-userAgent { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal; font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; } + +div#qunit-testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; font-family: 'trebuchet ms', verdana, arial; margin: 0; font-size: 10pt; } + +ol#qunit-tests { font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; } +ol#qunit-tests li strong { cursor:pointer; } +ol#qunit-tests .pass { color: green; } +ol#qunit-tests .fail { color: red; } + +p#qunit-testresult { margin-left: 1em; font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; } diff --git a/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png new file mode 100755 index 0000000..5b5dab2 --- /dev/null +++ b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png Binary files differ diff --git a/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png new file mode 100755 index 0000000..0852ec3 --- /dev/null +++ b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png Binary files differ diff --git a/css/theme/images/ui-bg_flat_75_ffffff_40x100.png b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png new file mode 100755 index 0000000..ac8b229 --- /dev/null +++ b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png Binary files differ diff --git a/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png new file mode 100755 index 0000000..ad3d634 --- /dev/null +++ b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png Binary files differ diff --git a/css/theme/images/ui-bg_glass_65_e774ec_1x400.png b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png new file mode 100755 index 0000000..a47d762 --- /dev/null +++ b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png Binary files differ diff --git a/css/theme/images/ui-bg_glass_75_f49aec_1x400.png b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png new file mode 100755 index 0000000..1f8d100 --- /dev/null +++ b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png Binary files differ diff --git a/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png new file mode 100755 index 0000000..d3ffeef --- /dev/null +++ b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png Binary files differ diff --git a/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png new file mode 100755 index 0000000..708667b --- /dev/null +++ b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png Binary files differ diff --git a/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png new file mode 100755 index 0000000..0e05810 --- /dev/null +++ b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png Binary files differ diff --git a/css/theme/images/ui-icons_222222_256x240.png b/css/theme/images/ui-icons_222222_256x240.png new file mode 100755 index 0000000..ee039dc --- /dev/null +++ b/css/theme/images/ui-icons_222222_256x240.png Binary files differ diff --git a/css/theme/images/ui-icons_222222_768x720.png b/css/theme/images/ui-icons_222222_768x720.png new file mode 100755 index 0000000..2437773 --- /dev/null +++ b/css/theme/images/ui-icons_222222_768x720.png Binary files differ diff --git a/css/theme/images/ui-icons_2e83ff_256x240.png b/css/theme/images/ui-icons_2e83ff_256x240.png new file mode 100755 index 0000000..45e8928 --- /dev/null +++ b/css/theme/images/ui-icons_2e83ff_256x240.png Binary files differ diff --git a/css/theme/images/ui-icons_2e83ff_768x720.png b/css/theme/images/ui-icons_2e83ff_768x720.png new file mode 100755 index 0000000..9727a25 --- /dev/null +++ b/css/theme/images/ui-icons_2e83ff_768x720.png Binary files differ diff --git a/css/theme/images/ui-icons_454545_256x240.png b/css/theme/images/ui-icons_454545_256x240.png new file mode 100755 index 0000000..7ec70d1 --- /dev/null +++ b/css/theme/images/ui-icons_454545_256x240.png Binary files differ diff --git a/css/theme/images/ui-icons_454545_768x720.png b/css/theme/images/ui-icons_454545_768x720.png new file mode 100755 index 0000000..761d947 --- /dev/null +++ b/css/theme/images/ui-icons_454545_768x720.png Binary files differ diff --git a/css/theme/images/ui-icons_7811a2_256x240.png b/css/theme/images/ui-icons_7811a2_256x240.png new file mode 100755 index 0000000..d51567c --- /dev/null +++ b/css/theme/images/ui-icons_7811a2_256x240.png Binary files differ diff --git a/css/theme/images/ui-icons_7811a2_768x720.png b/css/theme/images/ui-icons_7811a2_768x720.png new file mode 100755 index 0000000..cb1d7a2 --- /dev/null +++ b/css/theme/images/ui-icons_7811a2_768x720.png Binary files differ diff --git a/css/theme/images/ui-icons_cd0a0a_256x240.png b/css/theme/images/ui-icons_cd0a0a_256x240.png new file mode 100755 index 0000000..7930a55 --- /dev/null +++ b/css/theme/images/ui-icons_cd0a0a_256x240.png Binary files differ diff --git a/css/theme/images/ui-icons_cd0a0a_768x720.png b/css/theme/images/ui-icons_cd0a0a_768x720.png new file mode 100755 index 0000000..788be14 --- /dev/null +++ b/css/theme/images/ui-icons_cd0a0a_768x720.png Binary files differ diff --git a/css/theme/jquery-ui-1.7.2.custom.css b/css/theme/jquery-ui-1.7.2.custom.css new file mode 100755 index 0000000..2a9e5c7 --- /dev/null +++ b/css/theme/jquery-ui-1.7.2.custom.css @@ -0,0 +1,406 @@ +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + + +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.5em&cornerRadius=4px&bgColorHeader=f49aec&bgTextureHeader=02_glass.png&bgImgOpacityHeader=75&borderColorHeader=e774ec&fcHeader=222222&iconColorHeader=7811a2&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=e774ec&fcContent=222222&iconColorContent=222222&bgColorDefault=f8a5f0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=e774ec&fcDefault=555555&iconColorDefault=7811a2&bgColorHover=fdd9f9&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=e774ec&fcHover=212121&iconColorHover=7811a2&bgColorActive=e774ec&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=e774ec&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=d13db4&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=fbd0f3&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=2px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px +*/ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.5em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #e774ec; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } +.ui-widget-content a { color: #222222; } +.ui-widget-header { border: 1px solid #e774ec; background: #f49aec url(images/ui-bg_glass_75_f49aec_1x400.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e774ec; background: #f8a5f0 url(images/ui-bg_glass_75_f8a5f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #e774ec; background: #fdd9f9 url(images/ui-bg_glass_75_fdd9f9_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } +.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #e774ec; background: #e774ec url(images/ui-bg_glass_65_e774ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #d13db4; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 48px; height: 48px; background-image: url(images/ui-icons_222222_768x720.png); } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_768x720.png); } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_7811a2_768x720.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_768x720.png); } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_768x720.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_768x720.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -48px 0; } +.ui-icon-carat-1-e { background-position: -96px 0; } +.ui-icon-carat-1-se { background-position: -144px 0; } +.ui-icon-carat-1-s { background-position: -192px 0; } +.ui-icon-carat-1-sw { background-position: -240px 0; } +.ui-icon-carat-1-w { background-position: -288px 0; } +.ui-icon-carat-1-nw { background-position: -336px 0; } +.ui-icon-carat-2-n-s { background-position: -384px 0; } +.ui-icon-carat-2-e-w { background-position: -432px 0; } +.ui-icon-triangle-1-n { background-position: 0 -48px; } +.ui-icon-triangle-1-ne { background-position: -48px -48px; } +.ui-icon-triangle-1-e { background-position: -96px -48px; } +.ui-icon-triangle-1-se { background-position: -144px -48px; } +.ui-icon-triangle-1-s { background-position: -192px -48px; } +.ui-icon-triangle-1-sw { background-position: -240px -48px; } +.ui-icon-triangle-1-w { background-position: -288px -48px; } +.ui-icon-triangle-1-nw { background-position: -336px -48px; } +.ui-icon-triangle-2-n-s { background-position: -384px -48px; } +.ui-icon-triangle-2-e-w { background-position: -432px -48px; } +.ui-icon-arrow-1-n { background-position: 0 -96px; } +.ui-icon-arrow-1-ne { background-position: -48px -96px; } +.ui-icon-arrow-1-e { background-position: -96px -96px; } +.ui-icon-arrow-1-se { background-position: -144px -96px; } +.ui-icon-arrow-1-s { background-position: -192px -96px; } +.ui-icon-arrow-1-sw { background-position: -240px -96px; } +.ui-icon-arrow-1-w { background-position: -288px -96px; } +.ui-icon-arrow-1-nw { background-position: -336px -96px; } +.ui-icon-arrow-2-n-s { background-position: -384px -96px; } +.ui-icon-arrow-2-ne-sw { background-position: -432px -96px; } +.ui-icon-arrow-2-e-w { background-position: -480px -96px; } +.ui-icon-arrow-2-se-nw { background-position: -528px -96px; } +.ui-icon-arrowstop-1-n { background-position: -576px -96px; } +.ui-icon-arrowstop-1-e { background-position: -624px -96px; } +.ui-icon-arrowstop-1-s { background-position: -672px -96px; } +.ui-icon-arrowstop-1-w { background-position: -720px -96px; } +.ui-icon-arrowthick-1-n { background-position: 0 -144px; } +.ui-icon-arrowthick-1-ne { background-position: -48px -144px; } +.ui-icon-arrowthick-1-e { background-position: -96px -144px; } +.ui-icon-arrowthick-1-se { background-position: -144px -144px; } +.ui-icon-arrowthick-1-s { background-position: -192px -144px; } +.ui-icon-arrowthick-1-sw { background-position: -240px -144px; } +.ui-icon-arrowthick-1-w { background-position: -288px -144px; } +.ui-icon-arrowthick-1-nw { background-position: -336px -144px; } +.ui-icon-arrowthick-2-n-s { background-position: -384px -144px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -432px -144px; } +.ui-icon-arrowthick-2-e-w { background-position: -480px -144px; } +.ui-icon-arrowthick-2-se-nw { background-position: -528px -144px; } +.ui-icon-arrowthickstop-1-n { background-position: -576px -144px; } +.ui-icon-arrowthickstop-1-e { background-position: -624px -144px; } +.ui-icon-arrowthickstop-1-s { background-position: -672px -144px; } +.ui-icon-arrowthickstop-1-w { background-position: -720px -144px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -192px; } +.ui-icon-arrowreturnthick-1-n { background-position: -48px -192px; } +.ui-icon-arrowreturnthick-1-e { background-position: -96px -192px; } +.ui-icon-arrowreturnthick-1-s { background-position: -144px -192px; } +.ui-icon-arrowreturn-1-w { background-position: -192px -192px; } +.ui-icon-arrowreturn-1-n { background-position: -240px -192px; } +.ui-icon-arrowreturn-1-e { background-position: -288px -192px; } +.ui-icon-arrowreturn-1-s { background-position: -336px -192px; } +.ui-icon-arrowrefresh-1-w { background-position: -384px -192px; } +.ui-icon-arrowrefresh-1-n { background-position: -432px -192px; } +.ui-icon-arrowrefresh-1-e { background-position: -480px -192px; } +.ui-icon-arrowrefresh-1-s { background-position: -528px -192px; } +.ui-icon-arrow-4 { background-position: 0 -240px; } +.ui-icon-arrow-4-diag { background-position: -48px -240px; } +.ui-icon-extlink { background-position: -96px -240px; } +.ui-icon-newwin { background-position: -144px -240px; } +.ui-icon-refresh { background-position: -192px -240px; } +.ui-icon-shuffle { background-position: -240px -240px; } +.ui-icon-transfer-e-w { background-position: -288px -240px; } +.ui-icon-transferthick-e-w { background-position: -336px -240px; } +.ui-icon-folder-collapsed { background-position: 0 -288px; } +.ui-icon-folder-open { background-position: -48px -288px; } +.ui-icon-document { background-position: -96px -288px; } +.ui-icon-document-b { background-position: -144px -288px; } +.ui-icon-note { background-position: -192px -288px; } +.ui-icon-mail-closed { background-position: -240px -288px; } +.ui-icon-mail-open { background-position: -288px -288px; } +.ui-icon-suitcase { background-position: -336px -288px; } +.ui-icon-comment { background-position: -384px -288px; } +.ui-icon-person { background-position: -432px -288px; } +.ui-icon-print { background-position: -480px -288px; } +.ui-icon-trash { background-position: -528px -288px; } +.ui-icon-locked { background-position: -576px -288px; } +.ui-icon-unlocked { background-position: -624px -288px; } +.ui-icon-bookmark { background-position: -672px -288px; } +.ui-icon-tag { background-position: -720px -288px; } +.ui-icon-home { background-position: 0 -336px; } +.ui-icon-flag { background-position: -48px -336px; } +.ui-icon-calendar { background-position: -96px -336px; } +.ui-icon-cart { background-position: -144px -336px; } +.ui-icon-pencil { background-position: -192px -336px; } +.ui-icon-clock { background-position: -240px -336px; } +.ui-icon-disk { background-position: -288px -336px; } +.ui-icon-calculator { background-position: -336px -336px; } +.ui-icon-zoomin { background-position: -384px -336px; } +.ui-icon-zoomout { background-position: -432px -336px; } +.ui-icon-search { background-position: -480px -336px; } +.ui-icon-wrench { background-position: -528px -336px; } +.ui-icon-gear { background-position: -576px -336px; } +.ui-icon-heart { background-position: -624px -336px; } +.ui-icon-star { background-position: -672px -336px; } +.ui-icon-link { background-position: -720px -336px; } +.ui-icon-cancel { background-position: 0 -384px; } +.ui-icon-plus { background-position: -48px -384px; } +.ui-icon-plusthick { background-position: -96px -384px; } +.ui-icon-minus { background-position: -144px -384px; } +.ui-icon-minusthick { background-position: -192px -384px; } +.ui-icon-close { background-position: -240px -384px; } +.ui-icon-closethick { background-position: -288px -384px; } +.ui-icon-key { background-position: -336px -384px; } +.ui-icon-lightbulb { background-position: -384px -384px; } +.ui-icon-scissors { background-position: -432px -384px; } +.ui-icon-clipboard { background-position: -480px -384px; } +.ui-icon-copy { background-position: -528px -384px; } +.ui-icon-contact { background-position: -576px -384px; } +.ui-icon-image { background-position: -624px -384px; } +.ui-icon-video { background-position: -672px -384px; } +.ui-icon-script { background-position: -720px -384px; } +.ui-icon-alert { background-position: 0 -432px; } +.ui-icon-info { background-position: -48px -432px; } +.ui-icon-notice { background-position: -96px -432px; } +.ui-icon-help { background-position: -144px -432px; } +.ui-icon-check { background-position: -192px -432px; } +.ui-icon-bullet { background-position: -240px -432px; } +.ui-icon-radio-off { background-position: -288px -432px; } +.ui-icon-radio-on { background-position: -336px -432px; } +.ui-icon-pin-w { background-position: -384px -432px; } +.ui-icon-pin-s { background-position: -432px -432px; } +.ui-icon-play { background-position: 0 -480px; } +.ui-icon-pause { background-position: -48px -480px; } +.ui-icon-seek-next { background-position: -96px -480px; } +.ui-icon-seek-prev { background-position: -144px -480px; } +.ui-icon-seek-end { background-position: -192px -480px; } +.ui-icon-seek-first { background-position: -240px -480px; } +.ui-icon-stop { background-position: -288px -480px; } +.ui-icon-eject { background-position: -336px -480px; } +.ui-icon-volume-off { background-position: -384px -480px; } +.ui-icon-volume-on { background-position: -432px -480px; } +.ui-icon-power { background-position: 0 -528px; } +.ui-icon-signal-diag { background-position: -48px -528px; } +.ui-icon-signal { background-position: -96px -528px; } +.ui-icon-battery-0 { background-position: -144px -528px; } +.ui-icon-battery-1 { background-position: -192px -528px; } +.ui-icon-battery-2 { background-position: -240px -528px; } +.ui-icon-battery-3 { background-position: -288px -528px; } +.ui-icon-circle-plus { background-position: 0 -576px; } +.ui-icon-circle-minus { background-position: -48px -576px; } +.ui-icon-circle-close { background-position: -96px -576px; } +.ui-icon-circle-triangle-e { background-position: -144px -576px; } +.ui-icon-circle-triangle-s { background-position: -192px -576px; } +.ui-icon-circle-triangle-w { background-position: -240px -576px; } +.ui-icon-circle-triangle-n { background-position: -288px -576px; } +.ui-icon-circle-arrow-e { background-position: -336px -576px; } +.ui-icon-circle-arrow-s { background-position: -384px -576px; } +.ui-icon-circle-arrow-w { background-position: -432px -576px; } +.ui-icon-circle-arrow-n { background-position: -480px -576px; } +.ui-icon-circle-zoomin { background-position: -528px -576px; } +.ui-icon-circle-zoomout { background-position: -576px -576px; } +.ui-icon-circle-check { background-position: -624px -576px; } +.ui-icon-circlesmall-plus { background-position: 0 -624px; } +.ui-icon-circlesmall-minus { background-position: -48px -624px; } +.ui-icon-circlesmall-close { background-position: -96px -624px; } +.ui-icon-squaresmall-plus { background-position: -144px -624px; } +.ui-icon-squaresmall-minus { background-position: -192px -624px; } +.ui-icon-squaresmall-close { background-position: -240px -624px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -672px; } +.ui-icon-grip-dotted-horizontal { background-position: -48px -672px; } +.ui-icon-grip-solid-vertical { background-position: -96px -672px; } +.ui-icon-grip-solid-horizontal { background-position: -144px -672px; } +.ui-icon-gripsmall-diagonal-se { background-position: -192px -672px; } +.ui-icon-grip-diagonal-se { background-position: -240px -672px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } +.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } +.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } +.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } +.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } + +/* Overlays */ +.ui-widget-overlay { background: #fbd0f3 url(images/ui-bg_flat_0_fbd0f3_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: 4px 0 0 4px; padding: 2px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; }/* Accordion +----------------------------------*/ +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } +.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker +----------------------------------*/ +.ui-datepicker { width: 17em; padding: .2em .2em 0; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/* Dialog +----------------------------------*/ +.ui-dialog { position: relative; padding: .2em; width: 300px; } +.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/* Progressbar +----------------------------------*/ +.ui-progressbar { height:2em; text-align: left; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable +----------------------------------*/ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider +----------------------------------*/ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs +----------------------------------*/ +.ui-tabs { padding: .2em; zoom: 1; } +.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } +.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } diff --git a/css/ui.all.css b/css/ui.all.css new file mode 100755 index 0000000..543e4c3 --- /dev/null +++ b/css/ui.all.css @@ -0,0 +1,2 @@ +@import "ui.base.css"; +@import "ui.theme.css"; diff --git a/css/ui.base.css b/css/ui.base.css new file mode 100755 index 0000000..ba53841 --- /dev/null +++ b/css/ui.base.css @@ -0,0 +1,2 @@ +@import url("ui.core.css"); +@import url("ui.tabs.css"); \ No newline at end of file diff --git a/css/ui.core.css b/css/ui.core.css new file mode 100755 index 0000000..c2f18f2 --- /dev/null +++ b/css/ui.core.css @@ -0,0 +1,37 @@ +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } \ No newline at end of file diff --git a/css/ui.dialog.css b/css/ui.dialog.css new file mode 100755 index 0000000..2997595 --- /dev/null +++ b/css/ui.dialog.css @@ -0,0 +1,13 @@ +/* Dialog +----------------------------------*/ +.ui-dialog { position: relative; padding: .2em; width: 300px; } +.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } diff --git a/css/ui.feedback.css b/css/ui.feedback.css new file mode 100755 index 0000000..7eed05f --- /dev/null +++ b/css/ui.feedback.css @@ -0,0 +1,56 @@ +.ui-feedback div{ + width: 200px; + height: 178px; + position: absolute; + background-repeat: no-repeat; +} + +.ui-feedback .ui-feedback-correct{ + display:none; + background-image: url(./images/correct200x190.png); +} + +.ui-feedback .ui-feedback-incorrect{ + display:none; + background-image: url(./images/incorrect200x190.png); +} + + +.ui-feedback .ui-feedback-over{ + display: none; + width: 184px; + height: 240px; + overflow: visible; + cursor: pointer; + z-index: 10; +} + +.ui-feedback .ui-feedback-over .ui-feedback-win{ + width: 184px; + height: 222px; + background-image: url(./images/happy-face.png); + overflow: visible; +} + + +.ui-feedback .ui-feedback-over .ui-feedback-lose{ + width: 184px; + height: 222px; + background-image: url(./images/sad-face.png); + overflow: visible; +} + +.ui-feedback .ui-feedback-txt{ + color:purple; + font-size:3em; + margin-top:-50px; + width:300px; +} + +.ui-feedback-overlay { + position: absolute; + display: none; + width: 100%; + height: 100%; + background-color: rgba(255,255,255, 0.6); +} \ No newline at end of file diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css new file mode 100755 index 0000000..5a0944b --- /dev/null +++ b/css/ui.kFooter.css @@ -0,0 +1,56 @@ +.ui-kFooter{ + background-image: url('./images/bg_footer.png'); + background-repeat: repeat; + height: 70px; + width: 100%; + margin:0; + padding: 0; + float: left; + clear: both; + border-style: none; + color: #FFFF00; +} + + +.ui-kFooter>ul{ + margin-left: 0px; + padding-left: 5px; + list-style: none; +} +.ui-kFooter>ul>li{ + display:inline; + margin-right: 10px; + margin-left: 0px; +} + + +.ui-kFooter .left{ + float: left; +} + +.ui-kFooter .right{ + float: right; +} + +.ui-kFooter .number{ + background-color:white; + color: black; + padding-left:0.4em; + padding-right:0.4em; +} + + +.ui-kFooter button{ + cursor:pointer; + margin-top: -10px; +} + +.ui-kFooter button span{ + float: left; +} + +.ui-kFooter button .text{ + color: #7811a2; +padding-top: 10px; +font-weight: bold; +} diff --git a/css/ui.kHeader.css b/css/ui.kHeader.css new file mode 100755 index 0000000..4b4bb99 --- /dev/null +++ b/css/ui.kHeader.css @@ -0,0 +1,160 @@ +#kHeader{ + background-image: url('./images/bg_header.png'); + background-repeat: repeat-x; + height: 70px; + width: 100%; + margin: 0; + float: left; + clear: both; + border: none; +} + + #kHeader .left{ + float: left; + } + + #kHeader .right{ + float: right; + } + + #kHeader>ul{ + margin: 0; + margin-left: 5px; + padding: 0; + } + + #kHeader>ul>li{ + display:inline; + margin: 0; + padding: 0; + margin-top: 5px; + margin-right:15px; + } + + #kHeader .kHeader-btn{ + width: 60px; + height: 60px; + display: block; + cursor:pointer; + } + + #kHeader .kHeader-back{ + background-image:url(./images/btn_back.png); + } + + #kHeader .kHeader-back:hover{ + background:url('./images/btn_back_hover.png'); + } + + #kHeader .kHeader-title { + font-weight: bold; + color: #FFFFFF; + margin-top: 10px; + border:4px solid #e774ec; + padding: 5px 20px 5px 20px; + -moz-border-radius:25px; + -webkit-border-radius: 25px; + } + + #kHeader .kHeader-title span{ + float:left; + } + + #kHeader .kHeader-title .kHeader-kDoc{ + background-image: url(images/arrow_down_white.png); + background-repeat: no-repeat; + width: 22px; + height: 22px; + cursor: pointer; + margin-left: 10px; + margin-top: 3px; + position: relative; + } + + #kHeader .kHeader-title .kHeader-kDoc .drop-down{ + display: none; + position: absolute; + top: 22px; + left: -20px; + width: 90px; + background-color: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border: 1px solid white; + padding-left: 5px; + } + #kHeader .kHeader-title .kHeader-kDoc .drop-down a{ + color: white; + text-decoration: none; + font-size: 0.6em; + + } + + #kHeader .kHeader-title .kHeader-kDoc .drop-down a:hover{ + text-decoration: underline; + } + + #kHeader .kHeader-zoomIn{ + background-image: url(images/btn_plus.png); + } + + #kHeader .kHeader-zoomOut{ + background-image: url(images/btn_minus.png); + } + + #kHeader .kHeader-zoomIn:hover{ + -moz-border-radius: 90px; + -webkit-border-radius: 90px; + border: 3px solid rgba(0,0,230, 0.8); + margin-top:2px; + margin-left:-6px; + } + + #kHeader .kHeader-zoomOut:hover{ + -moz-border-radius: 90px; + -webkit-border-radius: 90px; + border: 3px solid rgba(0,0,230, 0.8); + margin-top:2px; + margin-left:-6px; + } + + #kHeader .kHeader-brand{ + background-image:url(./images/btn_ole.png); + } + + #kHeader .kHeader-brand:hover{ + background-image:url(./images/btn_ole_hover.png); + } + + #kHeader .kHeader-help{ + background-image:url(./images/btn_help.png); + } + + #kHeader .kHeader-help:hover{ + background-image:url(./images/btn_help_hover.png); + } + + /* Styles for Help Text */ + .kHeader-help{ + top: 20px !important; + } + + .kHeader-help>div:first>span:first{ + font-size:larger; + } + + .kHeader-help .ui-dialog-titlebar-close { + top: 10px; + margin-right: 20px; + } + + .kHeader-help .ui-dialog-content{ + font-size: 0.8em; + } + + #kHeader .kHeader-preload-img{ + height:0; + width:0; + display:inline; + } + diff --git a/css/ui.resizable.css b/css/ui.resizable.css new file mode 100755 index 0000000..44efeb2 --- /dev/null +++ b/css/ui.resizable.css @@ -0,0 +1,13 @@ +/* Resizable +----------------------------------*/ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} \ No newline at end of file diff --git a/css/ui.tabs.css b/css/ui.tabs.css new file mode 100755 index 0000000..3ca6b9a --- /dev/null +++ b/css/ui.tabs.css @@ -0,0 +1,11 @@ +/* Tabs +----------------------------------*/ +.ui-tabs { padding: .2em; zoom: 1; } +.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } +.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } diff --git a/css/ui.theme.css b/css/ui.theme.css new file mode 100755 index 0000000..6e40c73 --- /dev/null +++ b/css/ui.theme.css @@ -0,0 +1,245 @@ + + +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* To view and modify this theme, visit http://jqueryui.com/themeroller/ +*/ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../assets/default/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } +.ui-widget-content a { color: #222222/*{fcContent}*/; } +.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../assets/default/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } +.ui-widget-header a { color: #222222/*{fcHeader}*/; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../assets/default/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../assets/default/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; } +.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../assets/default/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../assets/default/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } +.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../assets/default/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } +.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } +.ui-widget-content .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } +.ui-widget-header .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } +.ui-state-default .ui-icon { background-image: url(../assets/default/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } +.ui-state-active .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } +.ui-state-highlight .ui-icon {background-image: url(../assets/default/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../assets/default/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } +.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } +.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } +.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } +.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; } \ No newline at end of file -- cgit v0.9.1