gryf/window-maker.github.io
1
0
Fork 0
mirror of https://github.com/gryf/window-maker.github.io.git synced 2025-12-17 11:10:18 +01:00
Code Issues Projects Releases Wiki Activity

Use nextish icons for home and mail.

Browse Source 
Also, applied CSS fixes prposed by Kostas Michalopoulos.
This commit is contained in:
gryf
2019-02-15 19:59:59 +01:00
parent ac8f421a41
commit 4a71ca2dde
7 changed files with 46 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
_layouts/default.html
View File

@@ -21,6 +21,9 @@
<aside> <aside>
<nav class="menu"> <nav class="menu">
<ul> <ul>
<li id="dock">
<a href="#"></a>
</li>
<li id="home" title="Home"> <li id="home" title="Home">
<a href="{{ site.baseurl }}/">Home</a> <a href="{{ site.baseurl }}/">Home</a>
</li> </li>

BIN
img/dock_dock.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
img/dock_home.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
img/dock_mail.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/prefs_home.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/prefs_mail.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

108
style.css
View File

@@ -18,12 +18,12 @@ header {
padding-bottom: 0; padding-bottom: 0;
} }
h1 {font-size: 1.7em;} h1 {font-size: 1.7em}
a:link {color: #1e527e;} a:link {color: #1e527e}
a:hover {color: #2c7abc;} a:hover {color: #2c7abc}
a:visited {color: #371e7e;} a:visited {color: #371e7e}
a:visited {color: #574882;} a:visited {color: #574882}
img {max-width: 100%;} img {max-width: 100%}
pre { pre {
color: #dddddd; color: #dddddd;
@@ -38,7 +38,7 @@ pre {
margin-bottom: 3em; margin-bottom: 3em;
} }
p.center {text-align: center;} p.center {text-align: center}
p.screenshot a img { p.screenshot a img {
border: 1px solid black; border: 1px solid black;
@@ -65,16 +65,16 @@ header h1 a {
font-size: 1.8em; font-size: 1.8em;
} }
header h1 a:link {text-decoration: none;} header h1 a:link {text-decoration: none}
header h1 a span.second {color: white;} header h1 a span.second {color: white}
header h1 a span.first {color: black;} header h1 a span.first {color: black}
/* wrapper decorations */ /* wrapper decorations */
#minimize, #close { #minimize, #close {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 19px; height: 20px;
width: 19px; width: 21px;
border-left: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6;
border-top: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6;
border-right: 1px solid #616161; border-right: 1px solid #616161;
@@ -102,7 +102,7 @@ header h1 a span.first {color: black;}
margin-top: 0px; margin-top: 0px;
padding: 0; padding: 0;
background: black; background: black;
height: 22px; height: 23px;
} }
#titlebar-inner { #titlebar-inner {
@@ -110,7 +110,7 @@ header h1 a span.first {color: black;}
padding: 0; padding: 0;
margin-top: 0px; margin-top: 0px;
background: black; background: black;
height: 19px; height: 20px;
width: 100%; width: 100%;
border-left: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6;
border-top: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6;
@@ -120,7 +120,7 @@ header h1 a span.first {color: black;}
color: white; color: white;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
vertical-align: middle; line-height: 19px;
} }
#wrapper { #wrapper {
@@ -169,7 +169,7 @@ header h1 a span.first {color: black;}
} }
/* pre/code highlighted theme - taken from wombat256grf vim colorscheme */ /* pre/code highlighted theme - taken from wombat256grf vim colorscheme */
.highlight { background-color: #242424; } .highlight { background-color: #242424 }
.highlight .c { color: #99968b; font-style: italic} /* Comment */ .highlight .c { color: #99968b; font-style: italic} /* Comment */
.highlight .err { color: #dddddd} /* Error */ .highlight .err { color: #dddddd} /* Error */
.highlight .g { color: #dddddd } /* Generic */ .highlight .g { color: #dddddd } /* Generic */
@@ -258,9 +258,7 @@ header h1 a span.first {color: black;}
} }
/* main content */ /* main content */
article { article {padding: 1em}
padding: 1em;
}
/* /*
* size specific styles * size specific styles
@@ -277,17 +275,16 @@ article {
width: 64px; width: 64px;
} }
nav.menu li#home {background-image: url(/img/dock_home.png);} nav.menu li#dock {background-image: url(/img/dock_dock.png)}
nav.menu li#news {background-image: url(/img/dock_news.png);} nav.menu li#home {background-image: url(/img/dock_home.png)}
nav.menu li#docs {background-image: url(/img/dock_docs.png);} nav.menu li#news {background-image: url(/img/dock_news.png)}
nav.menu li#devel {background-image: url(/img/dock_devel.png);} nav.menu li#docs {background-image: url(/img/dock_docs.png)}
nav.menu li#themes {background-image: url(/img/dock_themes.png);} nav.menu li#devel {background-image: url(/img/dock_devel.png)}
nav.menu li#links {background-image: url(/img/dock_links.png);} nav.menu li#themes {background-image: url(/img/dock_themes.png)}
nav.menu li#mail {background-image: url(/img/dock_mail.png);} nav.menu li#links {background-image: url(/img/dock_links.png)}
nav.menu li#mail {background-image: url(/img/dock_mail.png)}
nav.menu { nav.menu {padding: 0}
padding: 0;
}
nav.menu ul { nav.menu ul {
padding: 0; padding: 0;
@@ -310,17 +307,11 @@ article {
line-height: 100%; line-height: 100%;
} }
nav.menu a:hover { nav.menu a:hover {color: #BBB}
color: #BBB;
}
nav.menu form { nav.menu form {display: inline}
display: inline;
}
nav.menu .current a { nav.menu .current a {color: #fff}
color: #fff;
}
nav.menu li { nav.menu li {
display: block; display: block;
@@ -353,13 +344,9 @@ article {
} }
/* menu as a horizontal, scrollable icon list */ /* menu as a horizontal, scrollable icon list */
article { article {width: auto}
width: auto;
}
nav.menu { nav.menu {padding: 0 1em 0 1em}
padding: 0 1em 0 1em;
}
nav.menu ul { nav.menu ul {
border: 3px groove black; border: 3px groove black;
@@ -386,17 +373,9 @@ article {
line-height: 100%; line-height: 100%;
} }
nav.menu a:hover { nav.menu a:hover {color: #BBB}
color: #BBB; nav.menu form {display: inline}
} nav.menu .current a {color: #fff}
nav.menu form {
display: inline;
}
nav.menu .current a {
color: #fff;
}
nav.menu li { nav.menu li {
display: block; display: block;
@@ -417,13 +396,14 @@ article {
color: transparent; color: transparent;
} }
nav.menu li#home {background-image: url(/img/prefs_home.png);} nav.menu li#dock {display: none}
nav.menu li#news {background-image: url(/img/prefs_news.png);} nav.menu li#home {background-image: url(/img/prefs_home.png)}
nav.menu li#docs {background-image: url(/img/prefs_docs.png);} nav.menu li#news {background-image: url(/img/prefs_news.png)}
nav.menu li#devel {background-image: url(/img/prefs_devel.png);} nav.menu li#docs {background-image: url(/img/prefs_docs.png)}
nav.menu li#themes {background-image: url(/img/prefs_themes.png);} nav.menu li#devel {background-image: url(/img/prefs_devel.png)}
nav.menu li#links {background-image: url(/img/prefs_links.png);} nav.menu li#themes {background-image: url(/img/prefs_themes.png)}
nav.menu li#mail {background-image: url(/img/prefs_mail.png);} nav.menu li#links {background-image: url(/img/prefs_links.png)}
nav.menu li#mail {background-image: url(/img/prefs_mail.png)}
.highlight { .highlight {
padding: 0; padding: 0;
@@ -435,8 +415,6 @@ article {
/* very small - usually mobile phone screens */ /* very small - usually mobile phone screens */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
header h1 a { header h1 a {font-size: 1.5em}
font-size: 1.5em;
}
} }