From 95c0c3be37f7a465bb8853f842693096591c4cad Mon Sep 17 00:00:00 2001 From: Calinou Date: Sun, 30 Aug 2015 11:29:54 +0200 Subject: [PATCH] Better link styling --- README.md | 1 + css/main.min.css | 4 ++-- css/stylus/content.styl | 10 ++++------ css/stylus/main.styl | 4 ---- 4 files changed, 7 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index c23a2d2..f146771 100644 --- a/README.md +++ b/README.md @@ -5,6 +5,7 @@ The official Minetest website, living at [minetest.net](http://minetest.net). # Features * Uses Bootstrap 3.3.5 and jQuery 2.1.4. +* Uses modern Web design techniques: `rem` units, `hsl` colors. * Uses FastClick for removing tap delay on mobile devices. * Smooth scrolling to sections. * Dynamic "back to top" button. diff --git a/css/main.min.css b/css/main.min.css index 1bb8dbc..45e1a80 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1,6 +1,6 @@ -.content{margin:0 20%;}.content a{color:#000;border-bottom:1px solid #000;transition:.15s;}.content a:hover,.content a:focus{color:#456336;border-bottom:1px solid #456336;text-decoration:none}.content a:active{color:#588f3d;border-bottom:1px solid #588f3d}@media (max-width:992px){.content{margin:0 10%}}@media (max-width:768px){.content{margin:0 5%}}@media (max-width:480px){.content{margin:0 2%}} +.content{margin:0 20%;}.content a{color:#588f3d;text-decoration:none;transition:.15s;}.content a:hover,.content a:focus{color:#456336;text-decoration:underline}.content a:active{color:#000}@media (max-width:992px){.content{margin:0 10%}}@media (max-width:768px){.content{margin:0 5%}}@media (max-width:480px){.content{margin:0 2%}} @font-face{font-family:"Titillium Web Regular";font-weight:500;src:local("Titillium Web Regular"),url("../fonts/titilliumweb/TitilliumWeb-Regular.ttf")}@font-face{font-family:"Titillium Web Italic";font-style:"italic";font-weight:500;src:local("Titillium Web Italic"),url("../fonts/titilliumweb/TitilliumWeb-Italic.ttf")}@font-face{font-family:"Titillium Web Bold";font-weight:700;src:local("Titillium Web Bold"),url("../fonts/titilliumweb/TitilliumWeb-Bold.ttf")}@font-face{font-family:"Titillium Web Bold Italic";font-style:"italic";font-weight:700;src:local("Titillium Web Bold Italic"),url("../fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf")} footer{background-color:#2e2e2e;color:#999;text-align:center;padding:3rem 0;margin-top:3rem;}footer a{color:#e6e6e6;border-bottom:1px solid #e6e6e6;transition:.15s;}footer a:hover,footer a:focus{color:#b3b3b3;border-bottom:1px solid #b3b3b3;text-decoration:none}footer a:active{color:#808080;border-bottom:1px solid #808080} .jumbotron{background-image:url("../media/background-home.jpg");background-size:cover;border-radius:0 !important;color:#fff;padding-top:25vh;margin:0 -15px !important;height:100vh;min-height:60rem;text-shadow:0 0 .5rem #000;}.jumbotron .btn{margin:4rem 4rem 0 4rem;font-size:2rem;transition:.15s}.jumbotron.reduced{padding-top:5rem;height:25vh;min-height:30rem}.jumbotron.downloads{background-image:url("../media/background-downloads.jpg")}.jumbotron.community{background-image:url("../media/gallery/1.jpg")}.jumbotron.credits{background-image:url("../media/gallery/2.jpg")}.jumbotron.customize{background-image:url("../media/gallery/3.jpg")}.jumbotron.irc{background-image:url("../media/gallery/4.jpg")}.jumbotron.development{background-image:url("../media/gallery/5.jpg")} -@font-face{font-family:"Titillium Web Regular";font-weight:500;src:local("Titillium Web Regular"),url("../fonts/titilliumweb/TitilliumWeb-Regular.ttf")}@font-face{font-family:"Titillium Web Italic";font-style:"italic";font-weight:500;src:local("Titillium Web Italic"),url("../fonts/titilliumweb/TitilliumWeb-Italic.ttf")}@font-face{font-family:"Titillium Web Bold";font-weight:700;src:local("Titillium Web Bold"),url("../fonts/titilliumweb/TitilliumWeb-Bold.ttf")}@font-face{font-family:"Titillium Web Bold Italic";font-style:"italic";font-weight:700;src:local("Titillium Web Bold Italic"),url("../fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf")}.navbar{box-shadow:0 0 1rem #000}.navbar-brand{font-weight:700;color:#659b4b !important;}.navbar-brand img{margin-top:-1.7rem}.content{margin:0 20%;}.content a{color:#000;border-bottom:1px solid #000;transition:.15s;}.content a:hover,.content a:focus{color:#456336;border-bottom:1px solid #456336;text-decoration:none}.content a:active{color:#588f3d;border-bottom:1px solid #588f3d}@media (max-width:992px){.content{margin:0 10%}}@media (max-width:768px){.content{margin:0 5%}}@media (max-width:480px){.content{margin:0 2%}}.jumbotron{background-image:url("../media/background-home.jpg");background-size:cover;border-radius:0 !important;color:#fff;padding-top:25vh;margin:0 -15px !important;height:100vh;min-height:60rem;text-shadow:0 0 .5rem #000;}.jumbotron .btn{margin:4rem 4rem 0 4rem;font-size:2rem;transition:.15s}.jumbotron.reduced{padding-top:5rem;height:25vh;min-height:30rem}.jumbotron.downloads{background-image:url("../media/background-downloads.jpg")}.jumbotron.community{background-image:url("../media/gallery/1.jpg")}.jumbotron.credits{background-image:url("../media/gallery/2.jpg")}.jumbotron.customize{background-image:url("../media/gallery/3.jpg")}.jumbotron.irc{background-image:url("../media/gallery/4.jpg")}.jumbotron.development{background-image:url("../media/gallery/5.jpg")}footer{background-color:#2e2e2e;color:#999;text-align:center;padding:3rem 0;margin-top:3rem;}footer a{color:#e6e6e6;border-bottom:1px solid #e6e6e6;transition:.15s;}footer a:hover,footer a:focus{color:#b3b3b3;border-bottom:1px solid #b3b3b3;text-decoration:none}footer a:active{color:#808080;border-bottom:1px solid #808080}::-moz-selection{background-color:#659b4b;color:#fff}::selection{background-color:#659b4b;color:#fff}body{background-color:#f2f2f2;color:#333;cursor:default;font-family:"Titillium Web Regular",sans-serif}p,li{font-size:1.7rem}h1{font-weight:bold;font-size:5rem;margin:9rem 0 4.5rem 0;text-align:center}h2{font-weight:bold;font-size:3rem;margin:6rem 0 3rem 0}h3{font-size:2.6rem;margin:5rem 0 2.5rem 0}h4{margin:3rem 0 1.5rem 0;font-size:2.2rem}pre,code{background-color:#e2e2e2;border:1px solid #ccc;color:#333}.intro{margin-top:5rem;font-size:1.8rem;text-align:center}.center{text-align:center}.line{background-color:#bbb;height:1px;margin:4rem 0;width:100%}.inline{display:inline}.no-border,.thumbnail{border-bottom:none !important} +@font-face{font-family:"Titillium Web Regular";font-weight:500;src:local("Titillium Web Regular"),url("../fonts/titilliumweb/TitilliumWeb-Regular.ttf")}@font-face{font-family:"Titillium Web Italic";font-style:"italic";font-weight:500;src:local("Titillium Web Italic"),url("../fonts/titilliumweb/TitilliumWeb-Italic.ttf")}@font-face{font-family:"Titillium Web Bold";font-weight:700;src:local("Titillium Web Bold"),url("../fonts/titilliumweb/TitilliumWeb-Bold.ttf")}@font-face{font-family:"Titillium Web Bold Italic";font-style:"italic";font-weight:700;src:local("Titillium Web Bold Italic"),url("../fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf")}.navbar{box-shadow:0 0 1rem #000}.navbar-brand{font-weight:700;color:#659b4b !important;}.navbar-brand img{margin-top:-1.7rem}.content{margin:0 20%;}.content a{color:#588f3d;text-decoration:none;transition:.15s;}.content a:hover,.content a:focus{color:#456336;text-decoration:underline}.content a:active{color:#000}@media (max-width:992px){.content{margin:0 10%}}@media (max-width:768px){.content{margin:0 5%}}@media (max-width:480px){.content{margin:0 2%}}.jumbotron{background-image:url("../media/background-home.jpg");background-size:cover;border-radius:0 !important;color:#fff;padding-top:25vh;margin:0 -15px !important;height:100vh;min-height:60rem;text-shadow:0 0 .5rem #000;}.jumbotron .btn{margin:4rem 4rem 0 4rem;font-size:2rem;transition:.15s}.jumbotron.reduced{padding-top:5rem;height:25vh;min-height:30rem}.jumbotron.downloads{background-image:url("../media/background-downloads.jpg")}.jumbotron.community{background-image:url("../media/gallery/1.jpg")}.jumbotron.credits{background-image:url("../media/gallery/2.jpg")}.jumbotron.customize{background-image:url("../media/gallery/3.jpg")}.jumbotron.irc{background-image:url("../media/gallery/4.jpg")}.jumbotron.development{background-image:url("../media/gallery/5.jpg")}footer{background-color:#2e2e2e;color:#999;text-align:center;padding:3rem 0;margin-top:3rem;}footer a{color:#e6e6e6;border-bottom:1px solid #e6e6e6;transition:.15s;}footer a:hover,footer a:focus{color:#b3b3b3;border-bottom:1px solid #b3b3b3;text-decoration:none}footer a:active{color:#808080;border-bottom:1px solid #808080}::-moz-selection{background-color:#659b4b;color:#fff}::selection{background-color:#659b4b;color:#fff}body{background-color:#f2f2f2;color:#333;cursor:default;font-family:"Titillium Web Regular",sans-serif}p,li{font-size:1.7rem}h1{font-weight:bold;font-size:5rem;margin:9rem 0 4.5rem 0;text-align:center}h2{font-weight:bold;font-size:3rem;margin:6rem 0 3rem 0}h3{font-size:2.6rem;margin:5rem 0 2.5rem 0}h4{margin:3rem 0 1.5rem 0;font-size:2.2rem}pre,code{background-color:#e2e2e2;border:1px solid #ccc;color:#333}.intro{margin-top:5rem;font-size:1.8rem;text-align:center}.center{text-align:center}.line{background-color:#bbb;height:1px;margin:4rem 0;width:100%}.inline{display:inline} .navbar{box-shadow:0 0 1rem #000}.navbar-brand{font-weight:700;color:#659b4b !important;}.navbar-brand img{margin-top:-1.7rem} \ No newline at end of file diff --git a/css/stylus/content.styl b/css/stylus/content.styl index d3b1c74..b8c35e1 100644 --- a/css/stylus/content.styl +++ b/css/stylus/content.styl @@ -4,19 +4,17 @@ margin 0 20% a - color hsl(0, 0%, 0%) - border-bottom 1px solid hsl(0, 0%, 0%) + color hsl(100, 40%, 40%) + text-decoration none transition .15s &:hover, &:focus color hsl(100, 30%, 30%) - border-bottom 1px solid hsl(100, 30%, 30%) - text-decoration none + text-decoration underline &:active - color hsl(100, 40%, 40%) - border-bottom 1px solid hsl(100, 40%, 40%) + color hsl(0, 0, 0) @media (max-width 992px) .content diff --git a/css/stylus/main.styl b/css/stylus/main.styl index c0c81c0..d83df19 100644 --- a/css/stylus/main.styl +++ b/css/stylus/main.styl @@ -64,7 +64,3 @@ code .inline display inline - -.no-border, -.thumbnail - border-bottom none !important