diff options
Diffstat (limited to 'usr/lib/mageiawelcome/css/style.css')
-rw-r--r-- | usr/lib/mageiawelcome/css/style.css | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/usr/lib/mageiawelcome/css/style.css b/usr/lib/mageiawelcome/css/style.css new file mode 100644 index 0000000..fccf485 --- /dev/null +++ b/usr/lib/mageiawelcome/css/style.css @@ -0,0 +1,113 @@ +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'); + background-repeat:no-repeat; + background-position:98% -15%;} +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;} +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;} +.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;} +div.tab {margin:0;padding:6px;} +div.tab nav {width:100%;text-align:center;} +div#tab-4{padding:0;} +/* START */ + +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;} +/*LABELS */ +.label{border-radius: 3px; + color: #FFFFFF;display: inline-block;font-weight: bold; padding: 2px 4px;vertical-align: baseline;font-size:10px;} +.gray {background-color: #999999;} +.green{background-color: #6BA500;} +.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:50%;float:right;border-radius: 0 0 0 3px;} +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;} +.bx-controls-direction a { + height: 32px; + margin-top: -16px; + outline: 0 none; + position: absolute; + text-indent: -9999px; + top: 50%; + width: 32px; + z-index: 9999; +} +.bx-wrapper .bx-next { + background: url("img/controls.png") no-repeat scroll -43px -32px transparent; + right: 10px; +} +.bx-wrapper .bx-prev { + background: url("img/controls.png") no-repeat scroll 0 -32px transparent; + left: 10px; +} + +#mcc {width:300px; height:206px;background-image:url('../img/mcc.jpg');text-align:center;border: 4px solid white; + box-shadow: 0 0 4px 2px rgba(0,0,0,.5);margin-bottom:8px;} +/* APP LIST */ +#rpmdrake_info{background:#FFCC00;color:#111;line-height:29px;border-bottom: 1px solid #111;text-align:center;text-shadow: none;} +div#applist {width:100%;clear:both;padding:0;margin:0;} +ul.filter, ul.list{float:left;margin-top:0;} +ul.filter {width: 139px;background: #FFF;margin:0;height:425px; + + +} +ul.filter li {display:block; + font-size:13px; font-weight:normal; + line-height:20px;padding-left:4px;color:#111;text-shadow: none;cursor: pointer; +} +ul.filter li.current,ul.filter li.current:hover {background-color: #0A5C93; color: #FFF;} +ul.filter li:hover {background-color: #e5e5e5; color: #333;} +ul.list {width: 660px;height:425px; overflow-x:hidden;overflow-y:auto;padding:0;list-style-type:none;border-left:1px solid #262F45;} + +ul.list img.icon {height:32px;width:32px; float:left;margin:6px;} +ul.list li {width: 660px;height:54px;margin: 0;position:relative;border-bottom:1px solid #262F45;padding:2px;} +ul.list li:hover {background:rgba(0, 0, 0, 0.2); } +ul.list li h6 {margin:0;margin-top:6px;} +ul.list li p.description {margin-top:0;} + +ul.list li button.cmd,ul.list li button.inst {position:absolute; left:576px; top:28px;width:66px;float:right;} +ul.list li button.uninst {display:none;} +/*ul.list li:hover button.uninst {display:block;position:absolute; left:64px; bottom:1px;}*/ +ul.list li.urpme {background:rgba(0, 0, 0, 0.4); + background-image:url('../img/ok.png'); + background-repeat:no-repeat; + background-position:40px 36px; +} +ul.list li.urpme:hover {background-color:rgba(0, 0, 0, 0.3);} +ul.list li span.label{position:absolute; top:2px; right:26px;} + + |