diff options
author | Bryan Berry <bryan@olenepal.org> | 2010-02-17 09:39:34 (GMT) |
---|---|---|
committer | Bryan Berry <bryan@olenepal.org> | 2010-02-17 09:39:34 (GMT) |
commit | 0aa48d0503c69c9ebc1d2bb209bfbec10e8bed64 (patch) | |
tree | 5008d89f95d62696440785a85c08949a7fd27c97 /css/ui.kHeader.css |
initial commit. Lesson English_Animal_Identification is current template
Diffstat (limited to 'css/ui.kHeader.css')
-rwxr-xr-x | css/ui.kHeader.css | 160 |
1 files changed, 160 insertions, 0 deletions
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; + } + |