Pale winter
Change cardtype back to Skin if/when the CSS is fixed.
A more different appearance, with tabs that look like tabs, no card outline around the logo, and paler colors instead of the high contrast of the more traditional Wagn look.
body.wagn {
background: white;
}
#top-menu {
background:#eeeeee;
border-bottom: 1px solid #ccccaa;
}
#top-menu a {
color: #005800;
}
#top-menu #logging {
font-size: 0.8em;
}
#top-menu #my-card-link {
font-weight: normal;
color: #999999;
}
#top-menu #my-card-link #user_name {
color: #005800;
font-size: 1.1em;
}
.card-slot {
border: 0px;
}
.card-slot .card-header {
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
background: white;
padding: 0px;
}
.card-slot.paragraph .card-header {
margin-top: 8px;
}
.card-slot.line .card-header {
margin-top: 0px;
padding-right: 0px;
}
.card-slot .card-header a {
color:#aaaaaa;
display: inline;
}
.card-slot.paragraph {
-moz-border-radius: 0 0 0 0;
border: 0px;
margin-left: 1px;
}
.card-slot .card-footer {
-moz-border-radius: 0 0 0 0;
background: #eeeeee
}
.card-slot .open-content,
.card-slot.paragraph .notice {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
margin: 0px;
}
.card-slot .open-content {
border-top: 1px solid #dddddd;
}
html > body .card-menu-left,
html > body .page-icon {
display: inline;
}
.card-slot .card-header li.current {
background: white;
padding-bottom: 4px !important;
border-bottom: 0px;
}
.card-slot .current a {
background: white;
padding: 0px 5px !important;
}
.card-slot .card-header .current a {
color: #777777;
}
.card-slot .card-header li {
border: 1px solid #dddddd;
background: #eeeeee;
display: inline;
padding-bottom: 3px;
margin-left: 2px;
-moz-border-radius: 0;
}
.card-slot .card-header a.title,
.card-slot .card-header a.title:link,
.card-slot .card-header a.title:visited,
.card-slot .card-header a.title:hover {
color: #005800;
}
.card-slot .cardtype a {
color: #005800;
}
.card-slot .card-header .title-menu {
background: #eeeecc;
border: 1px solid #ccccaa;
margin: 0px;
padding: 1px 5px 2px 5px;
position: relative;
display: inline;
white-space: nowrap;
}
.card-slot .card-header .title-menu {
background: #eeeecc;
border: 1px solid #ccccaa;
margin: 0px;
padding: 4px 5px;
}
.card-slot .title {
padding: 1px 1px 1px inherit;
}
html>body .card-slot .right-arrow {
background-image: url(/images/arrow_right_simple.png);
}
html>body .card-slot .down-arrow {
background-image: url(/images/arrow_down_simple.png);
}
html>body .card-slot .page-icon {
background-image: url(/images/page_simple.png);
}
.card-slot .card-header .title a,
.card-slot .card-header .title a:link,
.card-slot .card-header .title a:visited,
.card-slot .card-header .title a:hover,
a, a:link, a:visited, #top-menu a,
.card-slot .submenu a {
color: #000099;
}