diff options
| author | Papoteur <papoteur@mageia.org> | 2018-11-10 17:09:42 +0100 |
|---|---|---|
| committer | Papoteur <papoteur@mageia.org> | 2018-11-10 17:09:42 +0100 |
| commit | f111e92baabee1e51247277cd965b263db948c08 (patch) | |
| tree | 6483812dbdce1f05a7593739f658c3956bf36663 | |
| parent | fde8bbca3a3a7695d9a24143d0f5c06283607e5f (diff) | |
| download | mageiawelcome-f111e92baabee1e51247277cd965b263db948c08.tar mageiawelcome-f111e92baabee1e51247277cd965b263db948c08.tar.gz mageiawelcome-f111e92baabee1e51247277cd965b263db948c08.tar.bz2 mageiawelcome-f111e92baabee1e51247277cd965b263db948c08.tar.xz mageiawelcome-f111e92baabee1e51247277cd965b263db948c08.zip | |
Header with centered logo
| -rw-r--r-- | usr/share/mageiawelcome/css/style.css | 11 | ||||
| -rw-r--r-- | usr/share/mageiawelcome/index.html | 7 |
2 files changed, 9 insertions, 9 deletions
diff --git a/usr/share/mageiawelcome/css/style.css b/usr/share/mageiawelcome/css/style.css index eaf3105..d265cf2 100644 --- a/usr/share/mageiawelcome/css/style.css +++ b/usr/share/mageiawelcome/css/style.css @@ -5,8 +5,8 @@ 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;} a.weblink.button:active {color:#666;} -body {background: #0C3A6D; color:#FFF;margin:0;padding:0;font-size:12px;cursor:default;text-shadow: 1px 0 2px #000;} -header{padding:0 6px;height:66px;position:relative;color:#FFF; +body {background: #DDDDDD; color:#FFF;margin:0;padding:0;font-size:12px;cursor:default;text-shadow: 1px 0 2px #000;} +header{padding:0 6px;height:95px;position:relative;color:#FFF; } h1,h2,ul,div{margin:0;padding:0;} @@ -22,7 +22,7 @@ input[type="checkbox"] {outline:1px solid #CCC;} /* Menu */ header nav {width:100%;text-align:center;margin-top:34px;z-index:100;cursor: pointer;float:left;} -#logo {margin-top: -70px;margin-left: -10px; height:70px;float:left;} +#logo {margin-top: -50px;margin-left: auto;display: block;margin-right: auto; } #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; } @@ -36,7 +36,6 @@ div#tab-1,div#tab-2{padding:0;} /* START */ p#message{margin: 10px 0 0 0;} -div#links {position:absolute; bottom:0;} .mgalinks {text-align:center;} .mgalinks a {width: 240px;margin-bottom:2px;} div.mgalinks{padding:8px 8px 0 8px;} @@ -58,9 +57,9 @@ div.mgalinks h5{text-align:center;font-weight:normal;text-transform:uppercase;} div#slide-pager{ right:2px;z-index:20;background:rgba(255, 255, 255, 0.2);padding:6px 3px;margin: 0;width:100%;border-radius: 0 0 0 8px;} div#slide-pager ol{margin-bottom:0;} div#slide-pager li {display:inline;line-height:14px;margin-left:0;padding:0;width:12%;} -div#slide-pager button {width:12%;height:50px} +div#slide-pager button {width:12%;height:40px} 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 a.active button{text-shadow:none;color:#FFF;background:#4096EE;} div#slide-pager li a:hover{text-decoration:underline;color:#EEE;} div#prevnext {position:absolute;top:2px;right:10px;} diff --git a/usr/share/mageiawelcome/index.html b/usr/share/mageiawelcome/index.html index c5aafc2..b70a9f1 100644 --- a/usr/share/mageiawelcome/index.html +++ b/usr/share/mageiawelcome/index.html @@ -133,7 +133,8 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" </head> <body class="$bodyclass"><div id="logoright"></div> <header> - <img src="img/mageia-2016-alpha.png" id="logo" /> + <nav> + <img src="img/mageia-2016-alpha.png" id="logo" /></nav> </header> <section> <div id="close"> @@ -263,10 +264,10 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" </div> </li> <li><div class="umenu"></div> - <div class="col_6"> + <div class="col_12"> <h5>$go_further</h5> </div> - <div id="links" class="col_12"> + <div class="col_12"> <div class="mgalinks col_4"> <h5>$h_documentation</h5> <!--<a href="https://wiki.mageia.org/en/Mageia_4_What%27s_New" class="weblink button medium"><i class="icon-bullhorn"> </i> $features</a><br />--> |