User:Aidje/myskin.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
body {
 background: #f4f8ff;
 font-family: sans-serif;
 font-size: 10pt;
 cursor: default
}

#column-google
{
 position: absolute;
 left: 100%;
 margin-left: -150px;
 top: 160px;
}

#column-content
{
 margin-top: 160px;
 margin-left: 10px;
 margin-right: 150px;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
}

#content {
 background: #f7f7f7;
 padding: 5px
}

.pBody {
 font-size: 80%
}

pre {
 margin-left: 1em;
 margin-right: 1em;
 padding: 5px;
 background: #f0f0f0;
 font-family: monospace;
 font-size: 10pt
}

code
{
 font-family: monospace;
 font-size: 10pt
}

.firstHeading
{
 margin: 0.3em;
 padding: 5px;
 font-weight: normal;
 font-size: 180%;
 background: #f0f0f0;
}

.thumb
{
 background: #f0f0f0;
 padding: 3px;
 font-size: 80%;
 border: 1px solid #eee;
}

.firstHeading:hover, pre:hover, .thumb:hover
{
 background: #ffeecc;
}

#siteSub
{
 margin-left: 1.6em;
 margin-top: -0.4em;
 font-size: 90%;
 font-weight: normal;
 font-style: italic;
}

#wpTextbox1, #wpSummary
{
 width: 100%;
}

input[type="submit"] {
 border: 1px solid #aaa;
 border-bottom: 2px solid #aaa;
 border-right: 2px solid #aaa;
 background: #eee;
}

input[type="text"], input[type="password"], textarea[name="wpTextbox1"] {
 border: 1px solid #aaa;
 border-top: 2px solid #aaa;
 border-left: 2px solid #aaa;
}

#column-one
{
 position: absolute;
 z-index: 3;
 background: transparent;
 width: 100%;
 height: 150px;
 left: 0;
 top: 0;
}

.portlet { display: none; }

#p-logo
{
 z-index: 3;
 width: 135px;
 height: 135px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 overflow: visible;
}

#p-logo a,
#p-logo a:hover {
	display: block;
	height: 135px;
	width: 135px;
        margin-left: 10px;
        margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 35% 50% !important;
	text-decoration: none;
}

.floatleft, .tleft
{
 float: left;
 margin-right: 5px;
}

.floatright, .tright
{
 float: right;
 margin-left: 5px;
}

img
{
 border-width: 0;
}

#p-personal
{
 display: block;
 background: white;
 position: absolute;
 z-index: 3;
 right: 10px;
 top: 50px;
 bottom: 0px;
 padding: 5px;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
 text-align: right;
 text-transform: lowercase;
 width: 130px;
}

#p-personal h5
{
 display: none;
}

#p-personal ul
{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#pt-userpage {
	background: url(user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}

#p-cactions {
 display: block;
 background: white;
 position: absolute;
 z-index: 3;
 left: 180px;
 margin-left: 10em;
 right: 180px;
 margin-right: 12em;
 bottom: 0em;
 padding: 3px;
 text-align: center;
 text-transform: lowercase;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
}

#p-cactions h5
{
 display: none;
}

#p-cactions ul
{
 margin: 0px;
 padding: 0px;
}

#p-cactions li
{
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

#p-search
{
 display: block;
 background: white;
 position: absolute;
 z-index: 3;
 right: 160px;
 top: 10px;
 bottom: 0px;
 width: 12em;
 padding: 5px;
 text-align: center;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
}

#searchInput
{
 width: 12em;
}

#p-search h5
{
 display: none;
}

#p-navigation
{
 display: block;
 background: white;
 position: absolute;
 z-index: 3;
 left: 160px;
 top: 10px;
 bottom: 0px;
 padding: 5px;
 width: 10em;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
}

#p-navigation h5
{
 display: none;
}

#p-navigation ul
{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#p-tb
{
 display: block;
 background: white;
 position: absolute;
 z-index: 3;
 left: 180px;
 margin-left: 10em;
 top: 10px;
 padding: 5px;
 right: 180px;
 text-align: center;
 margin-right: 12em;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
 text-transform: lowercase;
}

#p-tb h5
{
 display: none;
}

#p-tb ul
{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#p-tb li
{
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

#footer {
	background-color: white;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
	margin-top: 10px;
	padding: .4em 0 1.2em 0;
	text-align: center;
	font-size: 90%;
}

#footer li {
	display: inline;
	margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico, #f-hostedbyico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-hostedbyico {
    float: left;
    height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}

#p-wikicities-nav
{
 display: block;
 position: absolute;
 background: #f0f0f0;
 z-index: 3;
 right: 10px;
 top: 10px;
 width: 130px;
 height: 20px;
 padding: 5px;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
}

#p-wikicities-nav h5
{
 color: blue;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-size: 150%;
}

#p-wikicities-nav .pBody
{
 display: none;

 background: white;
 position: absolute;
 z-index: 4;
 right: 0px;
 top: 30px;
 padding: 5px;
 border-left: 1px solid #eee;
 border-right: 2px solid #eee;
 border-top: 1px solid #eee;
 border-bottom: 2px solid #eee;
 width: 180px;
}

#p-wikicities-nav:hover
{
 background: #ffeecc;
}

#p-wikicities-nav:hover .pBody
{
 display: block;
}