User:Alxt/myskin.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
li { margin-bottom: 0.1em; }
ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.3em 0 0 1.5em;
    padding:0;
    list-style-image: url("bullet.gif");
}

body {
    background: #111111;
    margin:0;
    padding:0;
}

img {
    border: none;
    vertical-align: middle;
}

#column-content {
width=100%;
    float: right;
    margin: 0 0 0.6em 12.2em;
}

#content {
    margin: 2.8em 0 0 0;
    padding: 0em 1em 1.5em 1em;
    background: White;
    border: 1px solid #aaaaaa;
    border-right: none;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
}

/***** Left Column *****/
.portlet {
    width: 11.6em;
}


#column-one {
    position: absolute;
    top:0;
    left:0;
    padding-top:160px;
}

.portlet {
    border: none;
    margin: 0 0 0.5em 0em;
    float: none;
    padding: 0;
    width: 11.6em;
    overflow: hidden;
}

.pBody {
    border: none;
    float: none;
    overflow: hidden;
    font-size: 95%;
    border-collapse: collapse;
    border: 2px solid #aaaaaa;
    border-left: none;
    padding: 0 0.8em 0.3em .5em;
    background: #444444;
}

.pBody a { color: #ffffff; }

.portlet ul {
    line-height: 1.5em;
    font-size:95%;
}
.portlet li {
    padding:0;
    margin: 0 0 0 0;
    margin-bottom: 0;
}
.portlet h5 { 
    background: transparent;
    padding: 0em 1em 0em 0.5em;
    text-transform: lowercase;
    display: inline;
    font-size: 91%;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
color:#ffffff;
}

/* 
** Logo properties 
*/

#p-logo {
    z-index: 3;
    position:absolute; /*needed to use z-index */
    top: 0;
    left: 0;
    height: 155px;
    width: 12em;
    overflow: visible;
}
#p-logo h5 { display: none; }
#p-logo a,
#p-logo a:hover {
    display: block;
    height: 155px;
    width: 12.2em;
    background: url(http://en.wikipedia.org/upload/7/7e/Nohat-logo-X-en-darkbg.png) 35% 50% no-repeat !important;
    text-decoration: none;
}


/*
** the navigation portlet
*/

#p-nav {
    position:relative;
    z-index:3;
}

/*
** Search portlet
*/
#p-search {
    position:relative;
    z-index:3;
}    
#p-search .pBody {
    text-align: center;
}
input.searchButton {
    margin-top:1px;
    padding: 0 0.4em !important;
    font-size: 95%;
    cursor: pointer;
    background-color: White;
    border: 1px solid #2f6fab;  
}

#searchInput {
    border: 1px solid #2f6fab;  
    width:10.9em;
    margin: 0 0 0 0;
    font-size: 95%;
}


#p-search .pBody {
    padding: 0.5em 0.4em 0.4em 0.4em;
}

/*
** the remaining portlets
*/
#p-tbx,
#p-lang {
    position:relative;
    z-index:3;
}

/*********** Footer ***********/

#footer {
    clear:both;
    border-top: 2px solid #fabd23;
    border-bottom: 2px solid #fabd23;
    margin: 0.6em 0em 1em 0em;
    padding: 0.4em 0em 1.2em 0em;
    text-align: center;
    background: #444444;
}

#footer li {
    display: inline;
    margin: 0 1.3em;
}

#footer a { color: #ffffff; }

#f-poweredbyico, #f-copyrightico {
    margin: 0 8px;
    position: relative;
}
#f-poweredbyico {
    float: right;
    height: 1%;
}
#f-copyrightico {
    float: left;
    height: 1%;
}
/********* End Footer *********/