redesigning awesome website, making the menu cleaner. Using a css-only solution for the new tab highlight (thanks @psychon)
This commit is contained in:
Jeferson Lesbão de Siqueira
aajjbb
parent
8559751cb2
commit
2a66685ce7
|
|
@ -1,3 +1,5 @@
|
|||
# Community
|
||||
|
||||
**awesome** has an active and growing community.
|
||||
|
||||
# IRC
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@
|
|||
[[!img images/icons/aw_64_shadow.png alt="awesome logo"]]
|
||||
</div>
|
||||
|
||||
# Home
|
||||
|
||||
**awesome** is a highly configurable, next generation framework window
|
||||
manager for X. It is very fast, extensible and licensed under the
|
||||
[GNU GPLv2 license](http://www.gnu.org/licenses/old-licenses/gpl-2.0.html).
|
||||
|
|
|
|||
57
local.css
57
local.css
|
|
@ -8,8 +8,7 @@
|
|||
body {
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
background: url(images/top_bg.gif);
|
||||
background-repeat: repeat-x;
|
||||
color: black;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
|
@ -21,7 +20,7 @@ p {
|
|||
}
|
||||
|
||||
h2 {
|
||||
color: #347272;
|
||||
color: #006699;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
font-size: 15px;
|
||||
|
|
@ -33,8 +32,20 @@ ul {
|
|||
list-style-image: url(images/bullet.gif);
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #3f4c4b;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #347272;
|
||||
color: #006699;
|
||||
}
|
||||
|
||||
ul.active-menu-about li.menu-about,
|
||||
ul.active-menu-download li.menu-download,
|
||||
ul.active-menu-doc li.menu-doc,
|
||||
ul.active-menu-community li.menu-community,
|
||||
ul.active-menu-screenshots li.menu-screenshots {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
|
@ -47,14 +58,12 @@ blockquote{
|
|||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
/**** Main Container ***/
|
||||
|
||||
|
||||
#wrap {
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -63,34 +72,30 @@ blockquote{
|
|||
|
||||
#top {
|
||||
font-size: 0.8em;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
/*background: #000 url(images/top_bg.gif);*/
|
||||
width: 80%;
|
||||
margin-left: 10%;
|
||||
overflow:hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#top h2 {
|
||||
color: White;
|
||||
letter-spacing: 3px;
|
||||
font-size: 2.0em;
|
||||
font-size: 3.0em;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
top:10px;
|
||||
/* margin: 0px; */
|
||||
top: 5px;
|
||||
margin-right: 20px;
|
||||
display:block;
|
||||
float:left;
|
||||
background: url(images/bg_t.gif) no-repeat;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#top h2 a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#top h2 a:hover {
|
||||
color: #347272;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -101,11 +106,11 @@ blockquote{
|
|||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-right: 0px;
|
||||
float:right;
|
||||
float:right;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
|
@ -117,26 +122,24 @@ blockquote{
|
|||
|
||||
#menu li a {
|
||||
display: block;
|
||||
font-size: 1.1em;
|
||||
padding: 20px 15px 50px 15px;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
* html #menu a {width:1%;}
|
||||
|
||||
#menu li a:hover {
|
||||
background: url(images/bg_menu.gif);
|
||||
color: black;
|
||||
}
|
||||
|
||||
#menu li a.current {
|
||||
letter-spacing: 1px;
|
||||
color: gray;
|
||||
background: url(images/bg_menu.gif);
|
||||
}
|
||||
|
||||
#menu li a.current:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -175,10 +178,10 @@ blockquote{
|
|||
}
|
||||
|
||||
#left {
|
||||
width: 700px;
|
||||
width: 60%;
|
||||
float:left;
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
margin-left: 20%;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
|
@ -209,7 +212,6 @@ blockquote{
|
|||
|
||||
#right .box a {
|
||||
margin: 10px 0 10px 0;
|
||||
color: #347272;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -235,7 +237,6 @@ blockquote{
|
|||
padding: 0.3em 0.3em 0.3em 0.8em;
|
||||
border-bottom: 2px; /*solid #1a1a1a*/
|
||||
border-top: 2px; /*solid #1a1a1a*/
|
||||
color: #347272;
|
||||
background-color: #F7F9FB;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
# Screenshots
|
||||
|
||||
<div id="screenshot">
|
||||
[[!img images/screen.png alt="Screenshot 1" size="382x216"]]
|
||||
[[!img images/screenshots/ss1.png alt="Screenshot 2" size="382x216"]]
|
||||
</div>
|
||||
|
|
@ -30,14 +30,14 @@
|
|||
<div id="menu">
|
||||
<h2><a href="<TMPL_VAR BASEURL>index.html" title="Back to main page">awesome</a></h2>
|
||||
|
||||
<ul>
|
||||
<li><a href="<TMPL_VAR BASEURL>index.html">home</a></li>
|
||||
<li><a href="<TMPL_VAR BASEURL>download/">download</a></li>
|
||||
<li><a href="<TMPL_VAR BASEURL>community/">community</a></li>
|
||||
<li><a href="<TMPL_VAR BASEURL>screenshots/">screenshots</a></li>
|
||||
<li><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li>
|
||||
<li><a href="<TMPL_VAR BASEURL>doc/">doc (v4.0)</a></li>
|
||||
<li><a href="https://github.com/awesomeWM/awesome/issues">bugs/issues</a></li>
|
||||
<ul class="active-menu-<TMPL_VAR NAME="title">">
|
||||
<li class="menu-about"><a href="<TMPL_VAR BASEURL>index.html">home</a></li>
|
||||
<li class="menu-download"><a href="<TMPL_VAR BASEURL>download/">download</a></li>
|
||||
<li class="menu-community"><a href="<TMPL_VAR BASEURL>community/">community</a></li>
|
||||
<li class="menu-screenshots"><a href="<TMPL_VAR BASEURL>screenshots/">screenshots</a></li>
|
||||
<li class="menu-doc-git"><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li>
|
||||
<li class="menu-doc"><a href="<TMPL_VAR BASEURL>doc/">doc (v4.0)</a></li>
|
||||
<li class="menu-issues"><a href="https://github.com/awesomeWM/awesome/issues">bugs/issues</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue