Benutzer:FResHmiRrOr/myskin.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Die Seite wurde geleert.) |
(Änderung 13250 von FResHmiRrOr (Diskussion) wurde rückgängig gemacht.) |
||
Zeile 1: | Zeile 1: | ||
+ | /* Fix the sidebar's position while you scroll */ | ||
+ | div[id=column-one] { /* Using the attribute selector hides this from IE */ | ||
+ | position: fixed; | ||
+ | height: 100%; /* If you shrink the browser too small, the side column will */ | ||
+ | overflow: auto; /* become scrollable, so stuff is always accessible, albeit ugly */ | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { /* Fix the background image, too, so it looks nice as you scroll */ | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | |||
+ | #footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */ | ||
+ | margin-left: 13.6em; | ||
+ | border-left: solid 1px rgb(250, 189, 35); | ||
+ | /* Uncomment this if you use rounded edges: */ | ||
+ | /* | ||
+ | -moz-border-radius-topleft: 1em; | ||
+ | -moz-border-radius-bottomleft: 1em; | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | #p-personal { | ||
+ | width:100%; | ||
+ | white-space:nowrap; | ||
+ | padding:0 0 0 0; | ||
+ | margin:0; | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | z-index: 0; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | overflow: visible; | ||
+ | line-height: 1.2em; | ||
+ | } | ||
+ | |||
+ | #p-personal h5 { | ||
+ | display:none; | ||
+ | } | ||
+ | #p-personal .portlet, | ||
+ | #p-personal .pBody { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | border: none; | ||
+ | z-index:0; | ||
+ | overflow: visible; | ||
+ | background: none; | ||
+ | } | ||
+ | /* this is the ul contained in the portlet */ | ||
+ | #p-personal ul { | ||
+ | border: none; | ||
+ | line-height: 1.4em; | ||
+ | color: #2f6fab; | ||
+ | padding: 0em 2em 0 3em; | ||
+ | margin: 0; | ||
+ | text-align: right; | ||
+ | text-transform: lowercase; | ||
+ | list-style: none; | ||
+ | z-index:0; | ||
+ | background: none; | ||
+ | } | ||
+ | #p-personal li { | ||
+ | z-index:0; | ||
+ | border:none; | ||
+ | padding:0; | ||
+ | display: inline; | ||
+ | color: #2f6fab; | ||
+ | margin-left: 1em; | ||
+ | line-height: 1.2em; | ||
+ | background: none; | ||
+ | } | ||
+ | #p-personal li a { | ||
+ | text-decoration: none; | ||
+ | color: #005896; | ||
+ | padding-bottom: 0.2em; | ||
+ | background: none; | ||
+ | } | ||
+ | #p-personal li a:hover { | ||
+ | background-color: White; | ||
+ | padding-bottom: 0.2em; | ||
+ | text-decoration: none; | ||
+ | } |
Version vom 24. Januar 2010, 16:51 Uhr
/* Fix the sidebar's position while you scroll */ div[id=column-one] { /* Using the attribute selector hides this from IE */ position: fixed; height: 100%; /* If you shrink the browser too small, the side column will */ overflow: auto; /* become scrollable, so stuff is always accessible, albeit ugly */ z-index: 2; } body { /* Fix the background image, too, so it looks nice as you scroll */ background-attachment: fixed; } #footer { /* Fix the footer so it looks nice and doesn't overlap the sidebar */ margin-left: 13.6em; border-left: solid 1px rgb(250, 189, 35); /* Uncomment this if you use rounded edges: */ /* -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; */ } #p-personal { width:100%; white-space:nowrap; padding:0 0 0 0; margin:0; position:absolute; left:0px; top:0px; z-index: 0; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h5 { display:none; } #p-personal .portlet, #p-personal .pBody { padding:0; margin:0; border: none; z-index:0; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 1.4em; color: #2f6fab; padding: 0em 2em 0 3em; margin: 0; text-align: right; text-transform: lowercase; list-style: none; z-index:0; background: none; } #p-personal li { z-index:0; border:none; padding:0; display: inline; color: #2f6fab; margin-left: 1em; line-height: 1.2em; background: none; } #p-personal li a { text-decoration: none; color: #005896; padding-bottom: 0.2em; background: none; } #p-personal li a:hover { background-color: White; padding-bottom: 0.2em; text-decoration: none; }