Jump to content

User:Mike Storm/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.
/* Main body */
#content {
    margin: 2.8em 0 0 12.2em;
    padding: 0em 1em 1.5em 1em;
    background: #0099ff !important;
    border: 1px solid #00ffff;
    border-right: none;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
}


/* No category links bar */
div#catlinks {display:none;}


/* change the logo */
#p-logo a { background: url(http://en.wikipedia.org/upload/b/b0/Neptunesmalltrans.gif) 35% 50% no-repeat !important; }


/* Background color */
body {
background: #0000ff url(http://www.webpagebackground.com/blue/bluehippy.jpg) top left;
}

/* Links */
a {
    text-decoration: none;
    color: #00ffff;
    background: none;
}
a:visited { color: #0000ff; }
a:active { color: #00ffff; }
a:hover { text-decoration: underline; }
a.stub { color: #ffcc00; }
a.new,
#p-personal a.new { color:#ffcc00; }
a.new:visited,
#p-personal a.new:visited { color: Orange; }

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


/* Textarea */
textarea {
    border: 1px solid #00ffff;  
    color: Black;
    background-color: #00ccff;
    width: 100%;
    padding: 0.1em;
    overflow: auto;
}


/* Tables */
table {
    font-size: 100%;
    background: #00ccff;
}


/* Table of contents */
#toc { 
    /*border:1px solid #2f6fab;*/
    border:1px solid #00ffff;
    background-color:#00ccff;
    padding:5px;
    font-size: 95%;
}


/* Quickbar */
.pBody {
    font-size: 95%;
    color: #0000ff;
    background: #00ccff;
    border-collapse: collapse;
    border: 1px solid #00ffff;
    padding: 0 0.8em 0.3em 0.5em;
}
#column-one a {
color : #0000ff;
}


/* Search bar */
input.searchButton {
    margin-top:1px;
    padding: 0 0.4em !important;
    font-size: 95%;
    cursor: pointer;
    background-color: #00ccff;
    border: 1px solid #00ffff;  
}
#searchInput {
    border: 1px solid #00ffff;  
    width:10.9em;
    margin: 0 0 0 0;
    font-size: 95%;
}


/* Personal toolbar */
#p-personal {
    width:100%;
    white-space:nowrap;
    padding:0 0 0 0;
    margin:0;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 0;
    border: #00ffff;
    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: #00ffff;
    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: #00ffff;
    margin-left: 1em;
    line-height: 1.2em;
    background: none;
}
#p-personal li a {
    text-decoration: none;
    color: #00ffff;
    padding-bottom: 0.2em;
    background: none;
}
#p-personal li a:hover {
    background-color: #00ccff;
    padding-bottom: 0.2em;
    text-decoration: none;
}


/* Make the tabs have rounded corners */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}

#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 1em;
  border-radius-topright: 1em;
}
#content { 
  border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
}
div.pBody {
  border-radius-topright: 1em;
  border-radius-bottomright: 1em;
}


/* Change tab color */
#p-cactions {
    position:absolute;
    top: 1.3em;
    left: 11.5em;
    margin: 0;
    white-space:nowrap;
    width: 76%;
    line-height: 1.1em;
    overflow: visible;
    background: none;
    border-collapse: collapse;
    padding-left: 1em;
    list-style: none;
    font-size: 95%;
}
#p-cactions .hiddenStructure { display: none; }
#p-cactions ul {
    list-style: none;
}
#p-cactions li {
    display: inline;
    border: 1px solid #0000ff;
    border-bottom: none;
    padding: 0 0 0.1em 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#p-cactions li.selected {
    border-color: #00ffff;
    padding: 0 0 0.2em 0;
}
#p-cactions li a {
    background-color: #00ccff;
    color: #0000ff;
    border: none;
    padding: 0 0.8em 0.3em 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    z-index: 0;
    margin: 0;
}


/* Make bottom tabs */
#mytabs {
    margin: -0.3em 0 0  11.5em;
    white-space:nowrap;
    line-height: 1.1em;
    overflow: visible;
    border-collapse: collapse;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
    display: inline;
    border: 1px solid #0000ff;
    border-top: none;
    padding: 0.1em 0 0 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#mytabs li.selected {
    border-color: #00ffff;
    padding: 0.2em 0 0 0;
}
#mytabs li a {
    background-color: #00ccff;
    color: #0000ff;
    border: none;
    padding: 0.3em 0.8em 0 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
    z-index: 3;
    text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a { 
    padding-left: 0.4em;
    padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch { margin-left: 1.6em; }

#mytabs li, #mytabs li a { 
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
}