mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-07-31 19:10:25 +02:00
Code Issues Releases Wiki Activity

Finalized new logo

Browse Source 
Updated logo to look better, updated screenshot (page_thumb.png).
This commit is contained in:
Angelos Chalaris
2017-04-18 11:57:34 +03:00
parent 14abbdb1f9
commit c843fd99ca
3 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
docs/index.html
View File

@@ -24,23 +24,23 @@
#mt1:after { content: ""; position: absolute; left: -1.4vw; border-left: 1.4vw solid transparent; border-right: 11vw solid transparent; border-bottom: 8.5vw solid #150627; z-index: 2; }
#mt2 { position: absolute; bottom: -0.4vw; left: 10vw; width: 0; height: 0; border-left: 7vw solid transparent; border-right: 10vw solid transparent; border-bottom: 7vw solid #120520; z-index: 3; }
#mt2:after { content: ""; position: absolute; left: -1.3vw; border-left: 1.3vw solid transparent; border-right: 10vw solid transparent; border-bottom: 7vw solid #1b0833; z-index: 4; }
#mt3 { position: absolute; bottom: 0; right: 17.75vw; width: 0; height: 0; border-left: 7vw solid transparent; border-right: 8vw solid transparent; border-bottom: 5vw solid #1b0833; z-index: 3; }
#mt3:after { content: ""; position: absolute; left: -7vw; border-left: 7vw solid transparent; border-right: 1.7vw solid transparent; border-bottom: 5vw solid #220a40; z-index: 4; }
#mt4 { position: absolute; bottom: -0.25vw; right: 9.25vw; width: 0; height: 0; border-left: 6.25vw solid transparent; border-right: 8vw solid transparent; border-bottom: 5.75vw solid #150627; }
#mt4:after { content: ""; position: absolute; left: -6.25vw; border-left: 6.25vw solid transparent; border-right: 2.15vw solid transparent; border-bottom: 5.75vw solid #1f0a3b; z-index: 2;}
#mt5 { position: absolute; bottom: 0; right: -7vw; width: 0; height: 0; border-left: 6vw solid transparent; border-right: 11vw solid transparent; border-bottom: 8vw solid #0e041a; }
#mt5:after { content: ""; position: absolute; left: -6vw; border-left: 6vw solid transparent; border-right: 2vw solid transparent; border-bottom: 8vw solid #1b0833; z-index: 2; }
#mt3 { position: absolute; bottom: 0; right: 17.75vw; width: 0; height: 0; border-left: 8vw solid transparent; border-right: 7vw solid transparent; border-bottom: 6vw solid #1b0833; z-index: 5; }
#mt3:after { content: ""; position: absolute; left: -8vw; border-left: 8vw solid transparent; border-right: 1.4vw solid transparent; border-bottom: 6vw solid #220a40; z-index: 6; }
#mt4 { position: absolute; bottom: -0.25vw; right: 8vw; width: 0; height: 0; border-left: 7.5vw solid transparent; border-right: 7.25vw solid transparent; border-bottom: 6.5vw solid #150627; z-index: 3;}
#mt4:after { content: ""; position: absolute; left: -7.5vw; border-left: 7.5vw solid transparent; border-right: 1.7vw solid transparent; border-bottom: 6.5vw solid #1f0a3b; z-index: 2;}
#mt5 { position: absolute; bottom: 0; right: -6.5vw; width: 0; height: 0; border-left: 9vw solid transparent; border-right: 10.5vw solid transparent; border-bottom: 8vw solid #0e041a; }
#mt5:after { content: ""; position: absolute; left: -9vw; border-left: 9vw solid transparent; border-right: 2vw solid transparent; border-bottom: 8vw solid #1b0833; z-index: 2; }
@media screen and (max-width: 767px) {
#mt1 { left: -10.5vw; border-left: 18vw solid transparent; border-right: 16.5vw solid transparent; border-bottom: 12.75vw solid #07020d; }
#mt1:after { left: -2.1vw; border-left: 2.1vw solid transparent; border-right: 16.5vw solid transparent; border-bottom: 12.75vw solid #150627; }
#mt2 { bottom: -0.6vw; left: 15vw; border-left: 10.5vw solid transparent; border-right: 15vw solid transparent; border-bottom: 10.5vw solid #120520; }
#mt2:after { left: -1.95vw; border-left: 1.95vw solid transparent; border-right: 15vw solid transparent; border-bottom: 10.5vw solid #1b0833; }
#mt3 { right: 26.625vw; border-left: 10.5vw solid transparent; border-right: 12vw solid transparent; border-bottom: 7.5vw solid #1b0833; }
#mt3:after { left: -10.5vw; border-left: 10.5vw solid transparent; border-right: 2.55vw solid transparent; border-bottom: 7.5vw solid #220a40; }
#mt4 { bottom: -0.375vw; right: 13.875vw; border-left: 9.375vw solid transparent; border-right: 12vw solid transparent; border-bottom: 8.625vw solid #150627; }
#mt4:after { left: -9.375vw; border-left: 9.375vw solid transparent; border-right: 3.225vw solid transparent; border-bottom: 8.625vw solid #1f0a3b; }
#mt5 { right: -10.5vw; border-left: 9vw solid transparent; border-right: 16.5vw solid transparent; border-bottom: 12vw solid #0e041a; }
#mt5:after { left: -9vw; border-left: 9vw solid transparent; border-right: 3vw solid transparent; border-bottom: 12vw solid #1b0833;}
#mt3 { right: 26.625vw; border-left: 12vw solid transparent; border-right: 10.5vw solid transparent; border-bottom: 9vw solid #1b0833; }
#mt3:after { left: -12vw; border-left: 12vw solid transparent; border-right: 2.1vw solid transparent; border-bottom: 9vw solid #220a40; }
#mt4 { bottom: -0.375vw; right: 12vw; border-left: 11.25vw solid transparent; border-right: 10.875vw solid transparent; border-bottom: 9.75vw solid #150627; }
#mt4:after { left: -11.25vw; border-left: 11.25vw solid transparent; border-right: 2.55vw solid transparent; border-bottom: 9.75vw solid #1f0a3b; }
#mt5 { right: -9.75vw; border-left: 13.5vw solid transparent; border-right: 15.75vw solid transparent; border-bottom: 12vw solid #0e041a; }
#mt5:after { left: -13.5vw; border-left: 13.5vw solid transparent; border-right: 3vw solid transparent; border-bottom: 12vw solid #1b0833;}
}
#codename { position: absolute; bottom: 2px; right: 3px; color: #616161; z-index: 5; font-size: 0.55em; font-family: 'Noto Sans', sans-serif; }
#header-logo { background: -webkit-linear-gradient(#07020d 20%, #150627 45%, #220a40 70%, #300d5a); background: linear-gradient(#07020d 20%, #150627 45%, #220a40 70%, #300d5a); line-height:1; font-size: 39px; width: 48px; height: 48px; padding: 8px; margin-left: -9px; }

BIN
docs/page_thumb.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 16 KiB

1
docs/v2/DEVLOG.md
View File

@@ -982,3 +982,4 @@
- Added `nord` flavor from PR, updated `table` module to deal with a minor problem that stemmed from a conditional in it.
- Compiled `nord` flavor and recompiled to make sure everything works properly after the changes.
- Finalized logo and thumbnail.