Try to fix font awesome
This commit is contained in:
L3D
parent
b82cc1a1b1
commit
c8cbe60102
5 changed files with 192 additions and 239 deletions
|
|
@ -3,33 +3,24 @@
|
|||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Basic */
|
||||
|
||||
body {
|
||||
-ms-behavior: url("assets/js/backgroundsize.min.htc");
|
||||
}
|
||||
-ms-behavior: url("assets/js/backgroundsize.min.htc"); }
|
||||
|
||||
/* Type */
|
||||
|
||||
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
|
||||
border-bottom: solid 2px #ffffff;
|
||||
}
|
||||
border-bottom: solid 2px #ffffff; }
|
||||
|
||||
blockquote {
|
||||
border-left: solid 4px #ffffff;
|
||||
}
|
||||
border-left: solid 4px #ffffff; }
|
||||
|
||||
code {
|
||||
border: solid 2px #ffffff;
|
||||
}
|
||||
border: solid 2px #ffffff; }
|
||||
|
||||
hr {
|
||||
border-bottom: solid 2px #ffffff;
|
||||
}
|
||||
border-bottom: solid 2px #ffffff; }
|
||||
|
||||
/* Button */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
|
|
@ -37,19 +28,15 @@
|
|||
.button {
|
||||
position: relative;
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
border: solid 2px #ffffff;
|
||||
}
|
||||
|
||||
border: solid 2px #ffffff; }
|
||||
input[type="submit"].special,
|
||||
input[type="reset"].special,
|
||||
input[type="button"].special,
|
||||
button.special,
|
||||
.button.special {
|
||||
border: 0;
|
||||
}
|
||||
border: 0; }
|
||||
|
||||
/* Form */
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
|
|
@ -59,105 +46,71 @@
|
|||
position: relative;
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
background: transparent;
|
||||
border: solid 2px #ffffff;
|
||||
}
|
||||
border: solid 2px #ffffff; }
|
||||
|
||||
/* Table */
|
||||
|
||||
table tbody tr {
|
||||
border: solid 1px #ffffff;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
border-right: 0; }
|
||||
|
||||
table.alt tbody tr td {
|
||||
border: solid 1px #ffffff;
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
border-top-width: 0; }
|
||||
table.alt tbody tr td:first-child {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
border-left-width: 1px; }
|
||||
|
||||
table.alt tbody tr:first-child td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
border-top-width: 1px; }
|
||||
|
||||
table.alt thead {
|
||||
border-bottom: 0;
|
||||
}
|
||||
border-bottom: 0; }
|
||||
|
||||
table.alt tfoot {
|
||||
border-top: 0;
|
||||
}
|
||||
border-top: 0; }
|
||||
|
||||
/* Features */
|
||||
|
||||
.features article {
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
position: relative;
|
||||
width: 44%;
|
||||
}
|
||||
|
||||
width: 44%; }
|
||||
.features article .image {
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
width: 100%; }
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
background: #2e3141;
|
||||
}
|
||||
|
||||
background: #2e3141; }
|
||||
#menu h2 {
|
||||
border-bottom: solid 2px #ffffff;
|
||||
}
|
||||
border-bottom: solid 2px #ffffff; }
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
background-color: #353849;
|
||||
}
|
||||
background-color: #353849; }
|
||||
|
||||
/* Wrapper */
|
||||
|
||||
.wrapper {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
margin: 0; }
|
||||
.wrapper:before, .wrapper:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
display: none; }
|
||||
.wrapper.spotlight .image {
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
}
|
||||
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc"); }
|
||||
.wrapper.spotlight .image img {
|
||||
position: relative;
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
}
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc"); }
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner .logo .icon {
|
||||
border: solid 2px #ffffff;
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc");
|
||||
}
|
||||
-ms-behavior: url("assets/js/ie/PIE.htc"); }
|
||||
|
||||
#banner h2 {
|
||||
border-bottom: solid 2px #ffffff;
|
||||
}
|
||||
border-bottom: solid 2px #ffffff; }
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer .inner .copyright {
|
||||
border-top: solid 2px #ffffff;
|
||||
}
|
||||
|
||||
border-top: solid 2px #ffffff; }
|
||||
#footer .inner .copyright li {
|
||||
border-left: solid 2px #ffffff;
|
||||
}
|
||||
border-left: solid 2px #ffffff; }
|
||||
|
|
|
|||
|
|
@ -3,17 +3,13 @@
|
|||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Basic */
|
||||
|
||||
body {
|
||||
background-color: #2e3141;
|
||||
background-image: url("../../images/bg.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
background-position: center; }
|
||||
body:before {
|
||||
background: rgba(46, 49, 65, 0.8);
|
||||
content: '';
|
||||
|
|
@ -22,68 +18,48 @@
|
|||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
width: 100%; }
|
||||
body > * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
z-index: 1; }
|
||||
|
||||
/* Features */
|
||||
|
||||
.features article {
|
||||
display: inline-block;
|
||||
width: 45%;
|
||||
}
|
||||
width: 45%; }
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu .inner {
|
||||
margin: 4em auto;
|
||||
}
|
||||
margin: 4em auto; }
|
||||
|
||||
/* Wrapper */
|
||||
|
||||
#wrapper > header {
|
||||
background: none !important;
|
||||
}
|
||||
background: none !important; }
|
||||
|
||||
.wrapper.spotlight .inner {
|
||||
text-align: left !important;
|
||||
}
|
||||
text-align: left !important; }
|
||||
|
||||
.wrapper.spotlight .image {
|
||||
display: inline-block;
|
||||
margin: 0 3em 2em 0 !important;
|
||||
vertical-align: middle;
|
||||
width: 24%;
|
||||
}
|
||||
width: 24%; }
|
||||
|
||||
.wrapper.spotlight .content {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 70%;
|
||||
}
|
||||
width: 70%; }
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
background: none !important;
|
||||
}
|
||||
background: none !important; }
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
background: none !important; }
|
||||
#footer .inner form {
|
||||
display: inline-block;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
width: 45%; }
|
||||
#footer .inner .contact {
|
||||
display: inline-block;
|
||||
width: 45%;
|
||||
}
|
||||
width: 45%; }
|
||||
|
|
|
|||
|
|
@ -1069,12 +1069,9 @@ a {
|
|||
margin: 0 0 2em 0;
|
||||
text-transform: uppercase; }
|
||||
a.special:not(.button):before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none !important; }
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 400;
|
||||
}
|
||||
a.special:not(.button):before {
|
||||
-moz-transition: background-color 0.2s ease-in-out;
|
||||
-webkit-transition: background-color 0.2s ease-in-out;
|
||||
|
|
@ -1262,11 +1259,16 @@ textarea {
|
|||
display: block;
|
||||
position: relative; }
|
||||
.select-wrapper:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
/* updated font-family */
|
||||
font-weight: 400;
|
||||
/* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
*/
|
||||
text-transform: none !important; }
|
||||
.select-wrapper:before {
|
||||
color: rgba(255, 255, 255, 0.125);
|
||||
|
|
@ -1324,11 +1326,16 @@ input[type="radio"] {
|
|||
position: relative; }
|
||||
input[type="checkbox"] + label:before,
|
||||
input[type="radio"] + label:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
/* updated font-family */
|
||||
font-weight: 400;
|
||||
/* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
*/
|
||||
text-transform: none !important; }
|
||||
input[type="checkbox"] + label:before,
|
||||
input[type="radio"] + label:before {
|
||||
|
|
@ -1401,11 +1408,16 @@ input[type="radio"] + label:before {
|
|||
border-bottom: none;
|
||||
position: relative; }
|
||||
.icon:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
/* updated font-family */
|
||||
font-weight: 400;
|
||||
/* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
*/
|
||||
text-transform: none !important; }
|
||||
.icon > .label {
|
||||
display: none; }
|
||||
|
|
@ -1543,11 +1555,16 @@ ul {
|
|||
padding: 0 0 0 3.25em;
|
||||
position: relative; }
|
||||
ul.contact li:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
/* updated font-family */
|
||||
font-weight: 400;
|
||||
/* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
*/
|
||||
text-transform: none !important; }
|
||||
ul.contact li:before {
|
||||
border-radius: 100%;
|
||||
|
|
@ -1880,11 +1897,16 @@ button,
|
|||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
|
||||
padding: 0 1.35em; }
|
||||
#header nav a[href="#menu"]:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
/* updated font-family */
|
||||
font-weight: 400;
|
||||
/* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
*/
|
||||
text-transform: none !important; }
|
||||
#header nav a[href="#menu"]:before {
|
||||
content: '\f0c9'; }
|
||||
|
|
|
|||
|
|
@ -11,12 +11,14 @@
|
|||
content: $content;
|
||||
}
|
||||
|
||||
font-family: "Font Awesome 5 Free"; /* updated font-family */
|
||||
font-weight: 400; /* regular style/weight */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
/* font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none !important;
|
||||
*/ text-transform: none !important;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -86,14 +86,14 @@
|
|||
<form>
|
||||
<img src="{{ '/images/c3woc.svg'|url }}" style="width: 100%;"/>
|
||||
</form>
|
||||
<ul class="contact">
|
||||
{% for icon, link, name in [
|
||||
['fa-envelope', 'mailto:waffel@c3woc.de', 'mail'],
|
||||
['fa-hashtag', 'ircs://irc.hackint.org/#waffel', 'irc'],
|
||||
['fa-hashtag', 'https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'webirc'],
|
||||
['fa-twitter', 'https://twitter.com/@c3WOC', 'twitter'],
|
||||
['fa-comments', 'https://chaos.social/@c3WOC', 'mastodon'],
|
||||
['fa-user-plus', '/mitmachen/'|url , 'invite']
|
||||
<ul class="contact">{%
|
||||
for icon, link, name in [
|
||||
['fas fa-envelope', 'mailto:waffel@c3woc.de', 'mail'],
|
||||
['fas fa-hashtag', 'ircs://irc.hackint.org/#waffel', 'irc'],
|
||||
['fab fa-slack', 'https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'webirc'],
|
||||
['fab fa-mastodon', 'https://chaos.social/@c3WOC', 'mastodon'],
|
||||
['fab fa-twitter', 'https://twitter.com/@c3WOC', 'twitter'],
|
||||
['fas fa-handshake', '/mitmachen/'|url , 'invite']
|
||||
] %}
|
||||
<li class="{{ icon }}"><a href="{{ link }}">{% if bag('translate', this.alt, name) %}{{ bag('translate', this.alt, name) }}{%
|
||||
else %}{{ name }}{% endif %}</a></li>{%
|
||||
|
|
|
|||
Loading…
Reference in a new issue