User:Virgolette/vector.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:Virgolette/vector.js. |
/* BEGIN relocate search box under the logo */
/* It works with Firefox 3.6.8
Credits: User:Begoon + User:Amalthea + User:Virgolette */
#simpleSearch input#searchInput { width: 8.8em !important; }
div#mw-panel { padding-top: 1.9em; }
#simpleSearch {
position: absolute;
left: 0;
top: 156px;
margin-left: 0.2em;
z-index: 99;
}
/* suggestions expanding to the right */
div.suggestions {
margin-left: 0.2em !important;
right: auto !important;
}
/* fix a problem in Special:Search but need a more elegant solution */
.page-Special_Search div.suggestions {
margin-left: 11em !important;
}
/* Ugly IE8 hack. I need this to make the search box clickable.
Also useful with the gadget 'Focus the cursor in the search bar' */
#simpleSearch input#searchInput { z-index: 99 !important; }
#simpleSearch label {
letter-spacing: 1.2em;
z-index: 0 !important;
filter: alpha(opacity=0) !important;
-moz-opacity: 0 !important;
-khtml-opacity: 0 !important;
opacity: 0 !important;
}
/* END relocate search box under the logo */
/* BEGIN moving tabs to the left and up */
/* Credits: User:Dragons flight + User:Virgolette
*** BEWARE ***
This part of the css should be combined with a JavaScript
in order to avoid the tabs collapse and to reduce the legth
of the personal links at the top of the page.
See User:Virgolette/vector.js
You have to save your .js page and refresh in order to try this css */
#pt-prefswitch-link-on { display: none; }
#pt-prefswitch-link-anon { display: none; }
#mw-page-base { height: 3.8em; }
#mw-head-base {
margin-top: -3.8em;
height: 3.8em;
}
#left-navigation { top: 1.3em; }
#right-navigation {
float: none;
margin-left: 21em; /* set the distance between tabs groups */
margin-top: 1.3em;
}
/* END moving tabs to the left and up */
/* BEGIN restyling left sidebar */
/* Credits: User:Virgolette */
#mw-panel div.portal h5 {
color: #f3f3f3 !important; /* make them disappear */
}
#mw-panel.collapsible-nav div.collapsed h5 {
font-family: monospace !important;
font-weight: bold !important;
font-size: 85% !important;
color: #8b0000 !important; /* break monotony */
text-decoration: none !important;
}
/* less overcrowded */
#n-aboutsite { display: none; }
#n-contact { display: none; }
#n-sitesupport { display: none; }
#n-currentevents { display: none; }
#n-contents { display: none; }
#t-upload { display: none; }
#t-permalink { display: none; }
/* old logo */
#p-logo a { background-image: url(http://upload.wikimedia.org/wikipedia/en/6/6b/Wiki.PNG) !important; }
/* END restyling left sidebar */
/* BEGIN set the font size */
#bodyContent { font-size: 0.9em !important; }
.wikiEditor-ui textarea#wpTextbox1 { line-height: 1.3em !important; }
.interwiki-de, .interwiki-en, .interwiki-es, .interwiki-fr, .interwiki-it, .interwiki-pt { font-weight: bold !important; }
/* END set the font size */