diff options
author | Daniel Napora <napcok@gmail.com> | 2013-12-06 18:10:37 +0100 |
---|---|---|
committer | Daniel Napora <napcok@gmail.com> | 2013-12-06 18:10:37 +0100 |
commit | a91dd746a466a047413be2b0819215f404b722a7 (patch) | |
tree | 5f6c40dca99c79c722e5b4df5920d2992bc65f65 /usr/share/mageiawelcome/css/style.css | |
parent | 13b11d27e9aa3f5e8061bbda05f98ff5d4b814bd (diff) | |
download | mageiawelcome-a91dd746a466a047413be2b0819215f404b722a7.tar mageiawelcome-a91dd746a466a047413be2b0819215f404b722a7.tar.gz mageiawelcome-a91dd746a466a047413be2b0819215f404b722a7.tar.bz2 mageiawelcome-a91dd746a466a047413be2b0819215f404b722a7.tar.xz mageiawelcome-a91dd746a466a047413be2b0819215f404b722a7.zip |
trying to improve look a bit
Diffstat (limited to 'usr/share/mageiawelcome/css/style.css')
-rw-r--r-- | usr/share/mageiawelcome/css/style.css | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/usr/share/mageiawelcome/css/style.css b/usr/share/mageiawelcome/css/style.css index 7755f16..d65877e 100644 --- a/usr/share/mageiawelcome/css/style.css +++ b/usr/share/mageiawelcome/css/style.css @@ -4,10 +4,9 @@ html { a:focus, button:focus{outline:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} p a.weblink{color:#FFF;font-weight:bold; text-decoration:none;} p a.weblink:hover{text-decoration:underline;} -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:90px;position:relative;color:#FFF; background-image:url('../img/mga_bg.png'); - background-repeat:no-repeat; - background-position:98% -20%;} +body {background: #0C3A6D;#262F45; color:#FFF;margin:0;padding:0;font-size:12px;cursor:default;text-shadow: 1px 0 2px #000;} +header{/*border-bottom: 1px solid #072341;*/padding:0 6px;height:90px;position:relative;color:#FFF; + } h1,h2,ul,div{margin:0;padding:0;} h1{ font-size:48px;} @@ -21,10 +20,13 @@ button.cmd {margin-bottom:4px;} header nav {width:100%;text-align:center;margin-top:54px;z-index:100;cursor: pointer;float:left;} #logo {margin-top: -90px;margin-left: -10px; height:90px;float:left;} +#logoright {width:200px;height:240px; position:absolute;right:16px; bottom:50px; background-image:url('../img/mga_bg.png');background-repeat:no-repeat; + background-position:bottom left; +} .taby {margin: 0 auto;z-index:100;} -section{padding: 0;background-image:url('../img/mga_bg.png'); -background-repeat:no-repeat; -background-position:98% -65px;height:405px;background-color: #2397D4;} +section{background-image: -webkit-linear-gradient(bottom, #2B8BCa 0%, #0C3A6D 100%); + + padding:0;} div.tab {margin:0;padding:6px;} div.tab nav {width:100%;text-align:center;} div#tab-1,div#tab-2{padding:0;} @@ -50,7 +52,7 @@ div.mgalinks h5{text-align:center;font-weight:normal;text-transform:uppercase;} .slides li {height:405px; } .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%;border-radius: 0 0 0 8px;} +div#slide-pager{position:absolute; right:0;z-index:20;background:rgba(255, 255, 255, 0.2);padding:6px 3px;margin: 0 -6px 0 0;width:45%;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;color:#DDD;font-size:11px;text-decoration:none;font-weight:normal;} @@ -75,6 +77,10 @@ div#slide-pager li a:hover{text-decoration:underline;color:#EEE;} background: url("img/controls.png") no-repeat scroll 0 -32px transparent; left: 10px; } +div#prevnext {position:absolute;top:2px;right:10px;} +div#prevnext div{position:relative;margin-right:4px;float:left;color:#DDD;} +div#prevnext div a{position:absolute;top:0; left:0;display:block; min-width:22px; min-height:24px;text-decoration:none;font-size:16px;font-weight:bold;color:#222;text-shadow:none;line-height:24px;border-radius:12px; } +div#prevnext div:hover {color: #FFF;} #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;} @@ -92,7 +98,7 @@ ul.filter li {display:block; } 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: 630px;height:375px; overflow-x:hidden;overflow-y:auto;padding:0;list-style-type:none;border-left:1px solid #262F45;} +ul.list {width: 630px;height:375px; overflow-x:hidden;overflow-y:auto;padding:0;list-style-type:none;border-left:1px solid #262F45;background-image: -webkit-linear-gradient(bottom, #2B8BCa 0%, #0C3A6D 100%);} 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;} @@ -102,7 +108,6 @@ ul.list li p.description {margin-top:0;} ul.list li button.cmd,ul.list li button.inst {position:absolute; left:540px; top:28px;width:72px;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; @@ -112,5 +117,5 @@ ul.list li.urpme:hover {background-color:rgba(0, 0, 0, 0.3);} ul.list li span.label{position:absolute; top:2px; right:56px;} .chkbox {float:left;width:30px;height:54px;} .chkbox input[type='checkbox']{margin-top: 14px;} -#selectedRPMS{position:absolute;bottom:44px;left:2px;background:rgba(0, 0, 0, 0.6); padding:3px;border-radius:3px;font-size:11px; z-index:200;width:165px;} +#selectedRPMS{position:absolute;bottom:46px;left:2px;background:rgba(0, 0, 0, 0.6); padding:3px;border-radius:3px;font-size:11px; z-index:200;width:165px;} #install_all {position:absolute;bottom:14px;left:22px;} |