From: Svante Bengtson Date: Sun, 21 Feb 2016 22:42:10 +0000 (+0100) Subject: Trying to start with help page, also some rounding X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/commitdiff_plain/25446d4ee6ae7a188ff92c21d8464fbd6c707745?ds=sidebyside Trying to start with help page, also some rounding --- diff --git a/css/mock1.css b/css/mock1.css index b196d94eb..9faa9880b 100644 --- a/css/mock1.css +++ b/css/mock1.css @@ -8,6 +8,7 @@ --text-color: #333; --border-color: 0,0,0; --box-hover-color: #eee; + --box-round: 10px; } /* global */ @@ -61,6 +62,12 @@ a { .jumbotron { background: var(--jumbotron-bg); width: 100%; + -webkit-border-bottom-right-radius: var(--box-round); + -webkit-border-bottom-left-radius: var(--box-round); + -moz-border-radius-bottomright: var(--box-round); + -moz-border-radius-bottomleft: var(--box-round); + border-bottom-right-radius: var(--box-round); + border-bottom-left-radius: var(--box-round); } .child { text-align: center; @@ -80,6 +87,9 @@ a { flex-basis: 30%; height: 105px; background-color: #fff; + border-radius: var(--box-round); + -webkit-border-radius: var(--box-round); + -moz-border-radius: var(--box-round); } .box:hover, .box:active { background-color: var(--box-hover-color); @@ -116,6 +126,44 @@ p.art-link { margin-top: 0; } +/* help */ +.hmain { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} +a.hchild { + color: var(--text-color); + height: 40px; + width: 95%; + text-align: center; + border-top: 1px solid rgba(var(--border-color),.6); + border-left: 1px solid rgba(var(--border-color),.6); + border-right: 1px solid rgba(var(--border-color),.6); +} +a.hchild:hover, a.hchild:active { + background-color: var(--box-hover-color); +} +.hchild:first-child { + margin-top: 10px; + -webkit-border-top-left-radius: var(--box-round); + -webkit-border-top-right-radius: var(--box-round); + -moz-border-radius-topleft: var(--box-round); + -moz-border-radius-topright: var(--box-round); + border-top-left-radius: var(--box-round); + border-top-right-radius: var(--box-round); +} +.hchild:last-child { + margin-bottom: 10px; + border-bottom: 1px solid rgba(var(--border-color),.6); + -webkit-border-bottom-right-radius: var(--box-round); + -webkit-border-bottom-left-radius: var(--box-round); + -moz-border-radius-bottomright: var(--box-round); + -moz-border-radius-bottomleft: var(--box-round); + border-bottom-right-radius: var(--box-round); + border-bottom-left-radius: var(--box-round); +} + /* footer */ .footer { background: var(--footer-bg); @@ -126,6 +174,12 @@ p.art-link { flex-wrap: wrap; justify-content: space-between; align-items: flex-start; +/* -webkit-border-top-left-radius: var(--box-round); + -webkit-border-top-right-radius: var(--box-round); + -moz-border-radius-topleft: var(--box-round); + -moz-border-radius-topright: var(--box-round); + border-top-left-radius: var(--box-round); + border-top-right-radius: var(--box-round);*/ } .footer .footerchild p { margin: 0; diff --git a/help_mock1.html b/help_mock1.html new file mode 100644 index 000000000..3d07f4e00 --- /dev/null +++ b/help_mock1.html @@ -0,0 +1,47 @@ + + + + + + + + freenode - help + + + + + +
+

Help...

+
+ ...I know nothing, wtf + ...I'm part of a project and want to chat + ...I run a project + ...I'm generally interested and want to know interesting stuff +
+ + +
+ + diff --git a/index_mock1.html b/index_mock1.html index 1c31b5bdd..5798a3e35 100644 --- a/index_mock1.html +++ b/index_mock1.html @@ -38,6 +38,7 @@ +

News

@@ -54,6 +55,7 @@
+