|
|
Zeile 1: |
Zeile 1: |
− | /* Werbung und sonstigen überflüssigen Kram wegmachen */
| |
− | #werbung, #buch, #buch-neu, #facebook, #twitter, #social, #editpage-copywarn, .mw-newarticletext, #talkpagetext, #anontalkpagetext, #sbgdde {
| |
− | display: none;
| |
− | }
| |
| | | |
− | /* Überschrift färben */
| |
− | span:target{
| |
− | color:#ff0000;
| |
− | }
| |
− |
| |
− | /* Toolbar */
| |
− | #toolbar {
| |
− | background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
| |
− | background-color: #ccc;
| |
− | box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset;
| |
− | padding:5px;
| |
− | line-height: 2em;
| |
− | overflow: hidden;
| |
− | }
| |
− | #toolbar .spacer {
| |
− | display: inline-block;
| |
− | width: 5em;
| |
− | }
| |
− | #toolbar select {
| |
− | vertical-align: baseline;
| |
− | height: 22px;
| |
− | }
| |
− |
| |
− | /* Linkbox */
| |
− | #toolbox{
| |
− | background: -moz-linear-gradient(to right bottom, #ddd, #555) repeat scroll 0 0 transparent;
| |
− | background: linear-gradient(left top, #ddd, #555);
| |
− | background: -o-linear-gradient(left top, #ddd, #555);
| |
− | background: -moz-linear-gradient(left top, #ddd, #555);
| |
− | background: -webkit-linear-gradient(left top, #ddd, #555);
| |
− | background: -ms-linear-gradient(left top, #ddd, #555);
| |
− | background: -webkit-gradient(linear, left top, right bottom, from(#ddd), to(#555));
| |
− | border-bottom-right-radius: 25px;
| |
− | font-size: 8pt;
| |
− | height: 300px;
| |
− | left: -300px;
| |
− | opacity: 0.8;
| |
− | padding: 10px;
| |
− | position: absolute;
| |
− | top: -300px;
| |
− | width: 300px;
| |
− | z-index: 5;
| |
− | transition: left 2s ease, top 2s ease;
| |
− | -moz-transition: left 2s ease, top 2s ease;
| |
− | -webkit-transition: left 2s ease, top 2s ease;
| |
− | -o-transition: left 2s ease, top 2s ease;
| |
− |
| |
− | }
| |
− | #toolbox:hover{
| |
− | left: 0;
| |
− | top: 0;
| |
− | }
| |
− |
| |
− | /* reset */
| |
− |
| |
− | div.vectorTabs,
| |
− | div.vectorTabs span,
| |
− | div.vectorTabs ul,
| |
− | div.vectorTabs ul li,
| |
− | div.vectorTabs ul li.selected,
| |
− | div.vectorMenu h5 a,
| |
− | div#mw-page-base,
| |
− | div#mw-head-base,
| |
− | div#content,
| |
− | div#footer {
| |
− | background-image: none;
| |
− | }
| |
− |
| |
− | /* tabs */
| |
− | div.vectorTabs {
| |
− | padding-left: 0;
| |
− | }
| |
− | div.vectorTabs ul li {
| |
− | background-color: transparent;
| |
− | padding-top: 0;
| |
− | margin-right: 0.5em;
| |
− | position: relative;
| |
− | }
| |
− | div.vectorTabs ul li.selected {
| |
− | z-index: 2;
| |
− | }
| |
− | div.vectorTabs ul li a {
| |
− | margin-top: 0.5em;
| |
− | padding-top: 0.75em;
| |
− | background-color: #ddd;
| |
− | background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
| |
− | box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.5);
| |
− | transition-property: margin, padding;
| |
− | transition-duration: 0.3s;
| |
− | transition-timing-function: ease;
| |
− | }
| |
− | div.vectorTabs ul li.selected a,
| |
− | div.vectorTabs ul li a:hover {
| |
− | margin-top: 0;
| |
− | padding-bottom: 0.5em;
| |
− | }
| |
− | div.vectorTabs ul li.selected a {
| |
− | box-shadow: 0 -0.5em 0.4em 0.1em rgba(0, 0, 0, 0.5);
| |
− | background-color: #fff;
| |
− | background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0));
| |
− | }
| |
− | #ca-unwatch.icon a,
| |
− | #ca-watch.icon a {
| |
− | margin-top: 0.5em;
| |
− | padding-top: 2.6em;
| |
− | }
| |
− | #ca-unwatch.icon a:hover,
| |
− | #ca-watch.icon a:hover {
| |
− | margin-top: 0;
| |
− | padding-top: 3.1em;
| |
− | }
| |
− |
| |
− | /* panels */
| |
− | div#mw-panel {
| |
− | width: 180px;
| |
− | }
| |
− | body.skin-vector div#mw-panel div.portal {
| |
− | margin: 0 0 0.5em;
| |
− | padding: 0 !important;
| |
− | background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) !important;
| |
− | background-color: #eee;
| |
− | box-shadow: 0 0 0.3em #000;
| |
− | }
| |
− | body.skin-vector div#mw-panel div.portal.first {
| |
− | margin-top: 0.5em;
| |
− | }
| |
− | div.portal#p-tb {
| |
− | width: auto;
| |
− | }
| |
− | body.skin-vector div#mw-panel div.portal#p- {
| |
− | padding: 0.3em !important;
| |
− | text-align: center;
| |
− | }
| |
− | div#mw-panel div.portal div.body {
| |
− | margin: 0 !important;
| |
− | }
| |
− | div#mw-panel div.portal div.body ul li {
| |
− | padding: 0 !important;
| |
− | }
| |
− | div#mw-panel div.portal div.body ul li a {
| |
− | background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) !important;
| |
− | background-color: #eee;
| |
− | padding: 0.7em 0.5em;
| |
− | display: block;
| |
− | border-bottom: 1px solid rgba(0, 0, 0, 0.5);
| |
− | transition: all 0.3s ease;
| |
− | }
| |
− | div#mw-panel div.portal div.body ul li a:hover {
| |
− | background-color: #ccc;
| |
− | text-decoration: none;
| |
− | padding: 0.7em 0 0.7em 1em;
| |
− | }
| |
− | div#mw-panel div.portal div.body ul li:last-child a {
| |
− | border-bottom-width: 0;
| |
− | }
| |
− |
| |
− | /* body */
| |
− | body,
| |
− | #mw-page-base {
| |
− | background-color: #eee;
| |
− | }
| |
− |
| |
− | /* content */
| |
− | #content {
| |
− | box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.7);
| |
− | position: relative;
| |
− | z-index: 1;
| |
− | }
| |