design for menu items added
"a:hover" -> "text-decoration:underline" disabled "lang" div format changed
This commit is contained in:
parent
c77c88476a
commit
b8e2332f96
1 changed files with 42 additions and 34 deletions
|
@ -92,7 +92,7 @@ body {
|
|||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#content a:hover {
|
||||
TODOa:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
@ -361,9 +361,9 @@ button:hover {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
/* -------------=-=-=- volume selection -=-=-=-------------- */
|
||||
/* -------------=-=-=- main menu -=-=-=-------------- */
|
||||
|
||||
#volumes {
|
||||
#main_menu {
|
||||
position: absolute;
|
||||
float: left;
|
||||
right: 5px;
|
||||
|
@ -371,27 +371,15 @@ button:hover {
|
|||
width: 140px;
|
||||
}
|
||||
|
||||
#volumes div {
|
||||
#main_menu div {
|
||||
height: 80px;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
margin: 10px 5px 10px 15px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#volumes div.active {
|
||||
background-image: url(disc_red.png);
|
||||
}
|
||||
|
||||
#volumes div.passive {
|
||||
background-image: url(disc_green.png);
|
||||
}
|
||||
|
||||
#volumes div.void {
|
||||
background-image: url(disc_gray.png);
|
||||
}
|
||||
|
||||
#volumes div.current {
|
||||
#main_menu div.current {
|
||||
border-style: dashed;
|
||||
border-width: 2px;
|
||||
border-color: gray;
|
||||
|
@ -399,12 +387,13 @@ button:hover {
|
|||
|
||||
/* ------------=-=-=- language selection -=-=-=------------- */
|
||||
|
||||
#lang {
|
||||
position: absolute;
|
||||
div#lang {
|
||||
/* position: absolute;
|
||||
float: right;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
text-align: right;
|
||||
top: 5px; */
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
#lang a {
|
||||
|
@ -447,30 +436,39 @@ button:hover {
|
|||
/* -------------=-=-=- plugin icons -=-=-=--------------- */
|
||||
|
||||
|
||||
div.plugin_main, div.plugin_system, div.plugin_volume {
|
||||
div.plugin_menu, div.plugin_system, div.plugin_volume, div.volume {
|
||||
text-align: center;
|
||||
float: left;
|
||||
padding: 10px;
|
||||
margin: 5px;
|
||||
margin: 10px 15px 10px 15px;
|
||||
}
|
||||
|
||||
div.plugin_main img, div.plugin_system img, div.plugin_volume img {
|
||||
border: 0;
|
||||
div.plugin_menu a, div.plugin_system a, div.plugin_volume a, div.volume a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.plugin_main {
|
||||
width: 80px;
|
||||
height: 100px;
|
||||
/* remove underline decoration for '#content a:hover' */
|
||||
div.plugin_menu a:hover, div.plugin_system a:hover, div.plugin_volume a:hover, div.volume a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.plugin_main img {
|
||||
div.plugin_menu img, div.plugin_system img, div.plugin_volume img, div.volume img {
|
||||
border: none;
|
||||
padding: none;
|
||||
margin: none;
|
||||
}
|
||||
|
||||
div.plugin_menu {
|
||||
width: 90px;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
div.plugin_menu img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
div.plugin_system {
|
||||
float: left;
|
||||
width: 64px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
div.plugin_system img {
|
||||
|
@ -480,10 +478,20 @@ div.plugin_system img {
|
|||
|
||||
div.plugin_volume {
|
||||
width: 48px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
div.plugin_volume img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
div.volume {
|
||||
float: left;
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
div.volume img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue