Difference between revisions of "MediaWiki:Monobook.css"

From The TinkerNow Wiki
Jump to navigation Jump to search
imported>Tinker
imported>Tinker
 
(3 intermediate revisions by the same user not shown)
Line 36: Line 36:
 
     padding-top: 0;
 
     padding-top: 0;
 
}
 
}
 +
 
/* Transform the user toolbar into a sidebox */
 
/* Transform the user toolbar into a sidebox */
div#p-personal {
+
//div#p-personal {
    position:relative;
+
//    position:relative;
    z-index:3;
+
//    z-index:3;
    width: 11.6em;
+
//    width: 11.6em;
}
+
//}
 
+
//
div#p-personal .pBody {
+
//div#p-personal .pBody {
    width: 10.7em;
+
//    width: 10.7em;
    border: none;
+
//    border: none;
    margin: 0 0 0.1em 0em;
+
//    margin: 0 0 0.1em 0em;
    float: none;
+
//    float: none;
    overflow: hidden;
+
//    overflow: hidden;
    font-size: 95%;
+
//    font-size: 95%;
    background: White;
+
//    background: White;
    border-collapse: collapse;
+
//    border-collapse: collapse;
    border: 1px solid #aaaaaa;
+
//    border: 1px solid #aaaaaa;
    padding: 0 0.8em 0.3em .5em;
+
//    padding: 0 0.8em 0.3em .5em;
}
+
//}
 
+
//
div#p-personal ul {
+
//div#p-personal ul {
    line-height: 1.5em;
+
//    line-height: 1.5em;
    list-style-type: square;
+
//    list-style-type: square;
    list-style-image: url("/style/monobook/bullet.gif");
+
//    list-style-image: url("/style/monobook/bullet.gif");
 
+
//
    font-size:95%;
+
//    font-size:95%;
    margin: 0 0 0 1.5em;
+
//    margin: 0 0 0 1.5em;
    padding:0;
+
//    padding:0;
    text-align:left;
+
//    text-align:left;
    text-transform: none;
+
//    text-transform: none;
}
+
//}
 
+
//
div#p-personal li {
+
//div#p-personal li {
    display: list-item;
+
//    display: list-item;
    padding:0;
+
//    padding:0;
    margin: 0 0 0 0;
+
//    margin: 0 0 0 0;
    margin-bottom: 0.1em;
+
//    margin-bottom: 0.1em;
}
+
//}
  
 
/* suppress the person icon by your username */
 
/* suppress the person icon by your username */
 
/* needed if not already in place */
 
/* needed if not already in place */
li#pt-userpage { background: none }
+
//li#pt-userpage { background: none }
 +
//
 +
//#p-personal {
 +
//    width:100%;
 +
//    white-space:nowrap;
 +
//    padding:0 0 0 0;
 +
//    margin:0;
 +
//    position:absolute;
 +
//    left:0px;
 +
//    top:0px;
 +
//    z-index: 0;
 +
//    border: none;
 +
//    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: #2f6fab;
 +
//    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: #2f6fab;
 +
//    margin-left: 1em;
 +
//    line-height: 1.2em;
 +
//    background: none;
 +
//}
 +
//#p-personal li a {
 +
//    text-decoration: none;
 +
//    color: #005896;
 +
//    padding-bottom: 0.2em;
 +
//    background: none;
 +
//}
 +
//#p-personal li a:hover {
 +
//    background-color: White;
 +
//    padding-bottom: 0.2em;
 +
//    text-decoration: none;
 +
//}

Latest revision as of 13:55, 23 July 2016

/* CSS placed here will affect users of the MonoBook skin */
/* Fix the sidebar's position while you scroll */

div[id=column-one] {  /* Using the attribute selector hides this from IE */
    position: fixed;
    height: 100%;     /* If you shrink the browser too small, the side column will */
    overflow: auto; /*   become scrollable, so stuff is always accessible, albeit ugly */
    z-index: 2;
}

div#p-lang .pBody ul{    /* Sets the language box to a fixed height and scrollable if too long to fit */
    height: 10em;
    overflow: auto;
}

body {                /* Fix the background image, too, so it looks nice as you scroll */
    background-attachment: fixed;
}

div#footer {             /* Fix the footer so it looks nice and doesn't overlap the sidebar */
    margin-left: 13.6em;
    border-left: solid 1px rgb(250, 189, 35);
    /* Uncomment this if you use rounded edges: */
/* 
    -moz-border-radius-topleft: 1em; 
    -moz-border-radius-bottomleft: 1em; 
*/
}

/* Don't use any logo, move the boxes onto that area instead */

div#p-logo {
    display: none;
}
div#column-one {
    padding-top: 0;
}

/* Transform the user toolbar into a sidebox */
//div#p-personal {
//    position:relative;
//    z-index:3;
//    width: 11.6em;
//}
//
//div#p-personal .pBody {
//    width: 10.7em;
//    border: none;
//    margin: 0 0 0.1em 0em;
//    float: none;
//    overflow: hidden;
//    font-size: 95%;
//    background: White;
//    border-collapse: collapse;
//    border: 1px solid #aaaaaa;
//    padding: 0 0.8em 0.3em .5em;
//}
//
//div#p-personal ul {
//    line-height: 1.5em;
//    list-style-type: square;
//    list-style-image: url("/style/monobook/bullet.gif");
//
//    font-size:95%;
//    margin: 0 0 0 1.5em;
//    padding:0;
//    text-align:left;
//    text-transform: none;
//}
//
//div#p-personal li {
//    display: list-item;
//    padding:0;
//    margin: 0 0 0 0;
//    margin-bottom: 0.1em;
//}

/* suppress the person icon by your username */
/* needed if not already in place */
//li#pt-userpage { background: none }
//
//#p-personal {
//    width:100%;
//    white-space:nowrap;
//    padding:0 0 0 0;
//    margin:0;
//    position:absolute;
//    left:0px;
//    top:0px;
//    z-index: 0;
//    border: none;
//    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: #2f6fab;
//    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: #2f6fab;
//    margin-left: 1em;
//    line-height: 1.2em;
//    background: none;
//}
//#p-personal li a {
//    text-decoration: none;
//    color: #005896;
//    padding-bottom: 0.2em;
//    background: none;
//}
//#p-personal li a:hover {
//    background-color: White;
//    padding-bottom: 0.2em;
//    text-decoration: none;
//}