Benutzer:FResHmiRrOr/myskin.css: Unterschied zwischen den Versionen

Aus Coldmirror-Wiki
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;
}