diff --git a/2-header/loseyear/c/header.css b/2-header/loseyear/c/header.css index 8f3eee1..b8f5804 100644 --- a/2-header/loseyear/c/header.css +++ b/2-header/loseyear/c/header.css @@ -2,7 +2,7 @@ body{font-size:0.75em;} @font-face { font-family: 'logo'; - src:url('../f/TROLLKABB_FONT.ttf') format('truetype'); + src:url('../f/BALLW.ttf') format('truetype'); font-weight: normal; font-style: normal; } diff --git a/2-header/loseyear/c/index.css b/2-header/loseyear/c/index.css new file mode 100644 index 0000000..dbb7065 --- /dev/null +++ b/2-header/loseyear/c/index.css @@ -0,0 +1,135 @@ +body{font-size:0.75em;background:#2d88a6;} +header, ul ,li +{ +padding:0;margin:0; +} +@font-face +{ + font-family: 'logo'; + src:url('../f/BALLW.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +header +{ + background:#1d1d1d; + box-shadow:0 0 .3em #000; + border-radius:.3em .3em 0 0; + float:left; + position:relative; + height:11.0em; + margin:10em; + padding:0 .5em .1em .5em; +} +header::before +{ + content:""; + position:absolute; + bottom:.0em; + left:-.5em; + width:0; + height:0; + border-bottom:11em solid #1d1d1d; + border-left:.5em dashed transparent; + border-radius:0 0 0 .3em; +} +header::after +{ + content:""; + position:absolute; + bottom:.0em; + right:-.5em; + width:0; + height:0; + border-bottom:11em solid #1d1d1d; + border-right:.5em dashed transparent; + border-radius:0 .3em .3em 0; +} +div +{ + float:left; + width:100%; + clear:left; + height:7.6em; + line-height:7.6em; + text-align:center; +} +div > a +{ + color:#f1f1f1; + font-family:"logo"; + font-size:3em; + text-decoration:none; +} +ul +{ + background:fff; + border-radius:10em 0 0 10em / 5em 0 0 0 5em; + clear:left; + float:left; + list-style:none; + padding:0; + position:relative; + border-radius:.3em .3em 0 0; +} + +ul::before +{ + content:""; + position:absolute; + bottom:.2em; + left:-.5em; + width:0; + height:0; + border-bottom:3.2em solid white; + border-left:.5em dashed transparent; + border-radius:0 0 0 .3em; +} +ul::after +{ + content:""; + position:absolute; + bottom:.2em; + right:-.5em; + width:0; + height:0; + border-bottom:3.2em solid white; + border-right:.5em dashed transparent; + border-radius:0 0 .3em 0; +} +li +{ + float:left; +} +li::after +{ + background:#1d1d1d; + content:""; + display:block; + height:.2em; + overflow:hidden; + font-size:.1em; +} +li:nth-child(3)::after +{ + background:#2eb2e8; +} +li:hover::after +{ + background:#2eb2e8; +} +li > a +{ + border-left:1px solid #cecece; + color:#656565; + display:block; + font-weight:bold; + text-decoration:none; + padding:1em; +} +li:first-child > a {border:none;} + + + + + diff --git a/2-header/loseyear/f/BALLW.TTF b/2-header/loseyear/f/BALLW.TTF new file mode 100644 index 0000000..9732dff Binary files /dev/null and b/2-header/loseyear/f/BALLW.TTF differ diff --git a/2-header/loseyear/f/LOKICOLA.TTF b/2-header/loseyear/f/LOKICOLA.TTF new file mode 100644 index 0000000..304809e Binary files /dev/null and b/2-header/loseyear/f/LOKICOLA.TTF differ diff --git a/2-header/loseyear/f/Pacifico.ttf b/2-header/loseyear/f/Pacifico.ttf new file mode 100644 index 0000000..122e451 Binary files /dev/null and b/2-header/loseyear/f/Pacifico.ttf differ diff --git a/2-header/loseyear/f/TROLLKABB_FONT.ttf b/2-header/loseyear/f/TROLLKABB_FONT.ttf deleted file mode 100644 index f83ad02..0000000 Binary files a/2-header/loseyear/f/TROLLKABB_FONT.ttf and /dev/null differ diff --git a/2-header/loseyear/index.html b/2-header/loseyear/index.html new file mode 100644 index 0000000..f1c1ad5 --- /dev/null +++ b/2-header/loseyear/index.html @@ -0,0 +1,23 @@ + + + +
+
sIm
+ +
+ + +