Better link styling
parent
ba649d256c
commit
95c0c3be37
|
@ -5,6 +5,7 @@ The official Minetest website, living at [minetest.net](http://minetest.net).
|
||||||
# Features
|
# Features
|
||||||
|
|
||||||
* Uses Bootstrap 3.3.5 and jQuery 2.1.4.
|
* 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.
|
* Uses FastClick for removing tap delay on mobile devices.
|
||||||
* Smooth scrolling to sections.
|
* Smooth scrolling to sections.
|
||||||
* Dynamic "back to top" button.
|
* Dynamic "back to top" button.
|
||||||
|
|
|
@ -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")}
|
@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}
|
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")}
|
.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}
|
.navbar{box-shadow:0 0 1rem #000}.navbar-brand{font-weight:700;color:#659b4b !important;}.navbar-brand img{margin-top:-1.7rem}
|
|
@ -4,19 +4,17 @@
|
||||||
margin 0 20%
|
margin 0 20%
|
||||||
|
|
||||||
a
|
a
|
||||||
color hsl(0, 0%, 0%)
|
color hsl(100, 40%, 40%)
|
||||||
border-bottom 1px solid hsl(0, 0%, 0%)
|
text-decoration none
|
||||||
transition .15s
|
transition .15s
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus
|
&:focus
|
||||||
color hsl(100, 30%, 30%)
|
color hsl(100, 30%, 30%)
|
||||||
border-bottom 1px solid hsl(100, 30%, 30%)
|
text-decoration underline
|
||||||
text-decoration none
|
|
||||||
|
|
||||||
&:active
|
&:active
|
||||||
color hsl(100, 40%, 40%)
|
color hsl(0, 0, 0)
|
||||||
border-bottom 1px solid hsl(100, 40%, 40%)
|
|
||||||
|
|
||||||
@media (max-width 992px)
|
@media (max-width 992px)
|
||||||
.content
|
.content
|
||||||
|
|
|
@ -64,7 +64,3 @@ code
|
||||||
|
|
||||||
.inline
|
.inline
|
||||||
display inline
|
display inline
|
||||||
|
|
||||||
.no-border,
|
|
||||||
.thumbnail
|
|
||||||
border-bottom none !important
|
|
||||||
|
|
Loading…
Reference in New Issue