diff options
Diffstat (limited to 'usr/lib/mageiawelcome/css/style.css')
-rw-r--r-- | usr/lib/mageiawelcome/css/style.css | 50 |
1 files changed, 24 insertions, 26 deletions
diff --git a/usr/lib/mageiawelcome/css/style.css b/usr/lib/mageiawelcome/css/style.css index 94bbef3..c7ba10a 100644 --- a/usr/lib/mageiawelcome/css/style.css +++ b/usr/lib/mageiawelcome/css/style.css @@ -2,44 +2,40 @@ html { /*font-family: "Droid Sans", sans-serif;*/ font-size: 14px; } -a, a:hover {color:#DDD;font-weight:bold;} a:focus, button:focus{outline:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} body {background: #262F45; color:#FFF;margin:0;padding:0;font-size:12px;cursor:default;text-shadow: 1px 0 2px #000;} -header{/*border-bottom: 1px solid gray;*/padding:0 6px;height:110px;position:relative;color:#FFF; background-image:url('../img/mga_bg.png'); +header{/*border-bottom: 1px solid gray;*/padding:0 6px;height:100px;position:relative;color:#FFF; background-image:url('../img/mga_bg.png'); background-repeat:no-repeat; - background-position:98% -15%;} + background-position:98% -20%;} h1,h2,ul,div{margin:0;padding:0;} h1{ font-size:48px;} -div#hdrinfo{position:absolute;top:32px;right:128px;background:rgba(255, 255, 255, 0.2); padding:8px;border-radius:8px;font-size:10px;margin:0;} -div#close{position:fixed;bottom:2px;right:8px;background:rgba(255, 255, 255, 0.1); padding:3px;border-radius:8px;font-size:11px; z-index:200;} +div#hdrinfo{position:absolute;top:2px;right:8px;background:rgba(255, 255, 255, 0.2); padding:8px;border-radius:8px;font-size:10px;margin:0;} +div#close{position:fixed;bottom:8px;right:8px;background:rgba(255, 255, 255, 0.1); padding:3px;border-radius:8px;font-size:11px; z-index:200;} header h2{text-shadow: 0 1px 2px #000;font-size:32px;margin-left:20px;margin-top:1px; margin-bottom:-5px;} header span{font-size:10px;text-shadow: 0 1px 2px #000;margin-left:20px;margin-top:-14px;} /* Menu */ header nav {width:100%;text-align:center;margin-top:4px;z-index:100;cursor: pointer;} -#logo {margin-top: -40px;margin-left: -20px;} +#logo {margin-top: -50px;margin-left: -20px;} .taby {margin: 0 auto;z-index:100;} section{padding: 0;background-image:url('../img/mga_bg.png'); background-repeat:no-repeat; -background-position:98% -92px;height:455px;background-color: #2397D4;} +background-position:98% -77px;height:455px;background-color: #2397D4;} div.tab {margin:0;padding:6px;} div.tab nav {width:100%;text-align:center;} -div#tab-4{padding:0;} +div#tab-1,div#tab-2{padding:0;} /* START */ - +.umenu {float:right; width:45%;height:90px;} p#message{margin: 0 } -div#links {position:absolute; bottom:36px;} -div.mgalinks{ background:rgba(0, 0, 0, 0.1); padding:8px;border-radius:2px 2px 8px 8px;height:180px; /* box-shadow: 0 0 4px 2px rgba(0,0,0,.35);*/ - -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; - -webkit-transition-property:color; - -webkit-transition-duration: .3s; - -webkit-transition-timing-function: linear, ease-in; -} -div.mgalinks:hover{background:rgba(0, 0, 0, 0.2);} -div.mgalinks h5{background:rgba(0, 0, 0, 0.1);margin:-8px -8px 8px -8px;padding:4px;text-align:center;font-weight:normal;text-transform:uppercase;} -div.mgalinks a {color:#FFF; font-weight:bold; text-decoration:none;line-height:24px;} -div.mgalinks a:hover {text-decoration: underline;} +div#links {position:absolute; bottom:6px;} +.mgalinks {text-align:center;} +.mgalinks a {width: 200px;margin-bottom:2px;} +div.mgalinks{padding:8px;} + +div.mgalinks h5{text-align:center;font-weight:normal;text-transform:uppercase;} + + /*LABELS */ .label{border-radius: 3px; color: #FFFFFF;display: inline-block;font-weight: bold; padding: 2px 4px;vertical-align: baseline;font-size:10px;} @@ -48,14 +44,16 @@ div.mgalinks a:hover {text-decoration: underline;} .red{background-color:#CF0404;} .blue{background-color:#4096EE;} /* First steps */ -h4#firststeps{margin-bottom:0;text-align:center;} -div#slide-pager{position:absolute; right:0;z-index:20;background:rgba(0, 0, 0, 0.1);padding:8px;margin: -6px -6px 0 0;width:40%;float:right;border-radius: 0 0 0 3px;} +.slides li {height:455px; } +.icons {margin-left:30px; margin-bottom:12px;} +.icons li {height: 20px;} +div#slide-pager{position:absolute; right:0;z-index:20;background:rgba(0, 0, 0, 0.4);padding:6px 3px;margin: 0 -6px 0 0;width:45%;float:right;border-radius: 0 0 0 8px;} div#slide-pager ol{margin-bottom:0;} div#slide-pager li {line-height:14px;margin-left:0;padding:0;} -div#slide-pager li a{text-shadow:none;font-size:11px;text-decoration:none;font-weight:normal;color:#FFF;} -div#slide-pager li a.active{text-shadow:none;font-size:11px;font-weight:bold;text-decoration:underline;} -div#slide-pager li a:hover{text-decoration:underline;} -.bx-controls-direction {position:absolute;width:88px;top:176px;left:318px;} +div#slide-pager li a{text-shadow:none;color:#DDD;font-size:11px;text-decoration:none;font-weight:normal;} +div#slide-pager li a.active{text-shadow:none;color:#FFF;font-size:11px;text-decoration:underline;} +div#slide-pager li a:hover{text-decoration:underline;color:#EEE;} +.bx-controls-direction {position:absolute;width:88px;top:172px;right:0;} .bx-controls-direction a { height: 32px; margin-top: -16px; |