diff options
| author | DeltaPHC <[email protected]> | 2019-06-04 13:09:51 -0700 |
|---|---|---|
| committer | DeltaPHC <[email protected]> | 2019-06-04 13:09:51 -0700 |
| commit | ab838aaeba5e70ced8d0117d5ffbaf5e0eeb0b4e (patch) | |
| tree | ba77cd2f869d83700ae0e2bcc2703b3c09ef90db | |
| parent | 3b413cc38a5ad0bb5d08d35a132b88387c3be701 (diff) | |
| download | raylib.com-ab838aaeba5e70ced8d0117d5ffbaf5e0eeb0b4e.tar.gz raylib.com-ab838aaeba5e70ced8d0117d5ffbaf5e0eeb0b4e.zip | |
Tweaked nav alignment. Matches the logo
| -rw-r--r-- | common/main.css | 30 |
1 files changed, 11 insertions, 19 deletions
diff --git a/common/main.css b/common/main.css index d51decb..5cbcda1 100644 --- a/common/main.css +++ b/common/main.css @@ -38,27 +38,19 @@ p a:hover{text-decoration: none; color:gray;} .list, .list strong {font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%; } #logo{width:128px; height:128px; float:left; position:relative; background-image:url(img/raylib_logo.png);} -.menu{width:740px; height:35px; text-align:right; right:0px; left:30px; bottom:7px; position:relative; float:left; margin-left:0px; margin-top:10px; border-bottom:1px solid black; overflow:hidden;} -.menu a{padding:5px 20px; color:black; font-size:12pt; float:left; position:relative; top:4px; transition:top 0.1s ease-in-out;} -.menu a:hover{padding:5px 20px; background: rgb(254,255,255); top:0px; - background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); - background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); } +.menu{width:auto; height:40px; text-align:right; right:0px; left:15px; bottom:0px; position:relative; float:left; margin-left:0px; margin-top:-3px; border-bottom:1px solid black; overflow:hidden;} +.menu a{height: 40px; padding:0px 20px; color:black; font-size:12pt; float:left; position:relative; top: 4px; transition:top 0.1s ease-in-out;} +.menu a:hover{padding:0px 20px; top:0px;} #active{ - padding:5px 20px; color:#707070; font-size:12pt; float:left; position:relative; - margin-top: 0px; background: rgb(254,255,255); - background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); - background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); + height: 40px; + padding:0px 20px; color:#707070; font-size:12pt; float:left; position:relative; + margin-top: 0px; +} + +.menu a:hover, #active{ + background: rgb(254,255,255); + background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); } #social{ width:390px; height:50px; position:relative; float:right; margin-right:8px; margin-top:20px; margin-bottom:20px; } |