html, body, div#globalWrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
}
#column-one, #p-cactions, #column-content, div#content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
div#column-content {
float: none;
width: auto;
top: 1.5em;
left: 0em;
margin: 0;
/* ersetzt #content */
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
background: #f3f3ff;
/* Verzögerung, damit kurzes "Überfliegen" nicht stört; für langsame Mausbenutzer vielleicht etwas hochdrehen */
-o-transition: left 1s .3s;
-moz-transition: left 1s .3s;
-webkit-transition: left 1s .3s;
}
div#column-one {
width: 12.2em;
right: auto;
overflow-y: auto;
overflow-x: hidden;
}
div#globalWrapper:hover div#column-content:not(:hover) {
left:12.2em;
}
div#column-one:not(:hover) {
overflow: hidden; /* keine oben hervorschauende Scrollleiste */
}
#p-search {
position: fixed;
top: 0;
opacity: 0.7;
}
div#column-one:not(:hover) #p-search #searchBody {
border-bottom-right-radius: 1em;
opacity: 0.9;
}
div#column-one #p-search h5 {
display: inline-block !important;
height: auto !important;
-o-transition: margin-top .5s;
-moz-transition: margin-top .5s;
-webkit-transition: margin-top .5s;
}
div#column-one:not(:hover) #p-search h5 {
margin-top: -1.25em;
}
#p-logo, #p-lang {
z-index: auto; /* wird sonst von #bodyContent nicht /über/flogen */
/* position: static; */
}
#globalWrapper > div.visualClear, #footer {
display:none;
}
div#p-cactions {
top: 0 !important;
left: 12.2em;
height: 1.5em;
width: auto;
bottom: auto;
font-size: 100%;
line-height: 1.5em;
}
#column-one > #p-cactions { /* Übergangslösung bis JS einsetzt, verhindert Springen */
position:fixed;
}
div#content {
margin: 0;
overflow: auto;
box-sizing: border-box;
border: none;
padding: 1em;
}
#bodyContent > div.visualClear {
display:block;
position:fixed;
top:1.6em;
height:1em;
width:100%;
background: -o-linear-gradient(rgba(243,243,255,100),rgba(243,243,255,0));
background: -moz-linear-gradient(rgba(243,243,255,100),rgba(243,243,255,0));
background: -webkit-linear-gradient(rgba(243,243,255,100),rgba(243,243,255,0));
}
#firstHeading {
padding: 0; /* Bug 26849 */
text-indent: 6.5em; /* 12.2em ÷ 188% */
-o-transition: text-indent 1s .3s;
-moz-transition: text-indent 1s .3s;
-webkit-transition: text-indent 1s .3s;
}
div#globalWrapper:hover div#column-content:not(:hover) #firstHeading {
-o-transition: none;
-moz-transition: none;
-webkit-transition: none;
text-indent: 0;
}
#p-cactions * {
margin: 0;
padding: 0;
}
#p-cactions ul {
height: 1.2em;
padding-top: .3em;
}
#p-cactions li {
font-size: 95%;
line-height: 1.2em;
}
#p-cactions li a {
padding-bottom: 0;
}
#p-personal {
position: static; /* Verhindert Springen */
}
#p-ownpersonal #pt-userpage { /* in der Seitenleiste durch simples Ändern der id */
margin-left: -20px;
}