Difference between revisions of "MediaWiki:Vector.css"

From User Manual :: Screenbits
Jump to: navigation, search
(Created page with "CSS placed here will affect users of the Vector skin: #footer-info-lastmod { display: none; }")
 
 
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
#footer-info-lastmod { display: none; }
+
  #footer-info-lastmod { display: none; }
 +
 
 +
 
 +
  /* set max width and fix the background */
 +
    html,
 +
    body {
 +
    position: relative;
 +
    margin-left: auto !important;
 +
    margin-right: auto !important;
 +
    max-width: 1280px;
 +
        background-position: top left;
 +
        background-repeat: repeat-x;
 +
    background-size: 100% 5em;
 +
        background-image: url(/skins/Vector/images/page-fade.png);
 +
        background-color: #f6f6f6;
 +
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
 +
        background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
 +
        background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
 +
        background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
 +
    }
 +
   
 +
    /* set blue right border */
 +
    .mw-body { border-right: 1px solid #A7D7F9; }
 +
   
 +
    /** fix the position of:
 +
    personal user menu
 +
    search bar
 +
    the pop-up indicator of language selector
 +
    search suggestions
 +
    **/
 +
    #p-personal { right: 3pt; }
 +
    #p-search { margin-right: 3pt; }
 +
    .imeselector { position: fixed; }
 +
    .suggestions { right: 3pt !important; }

Latest revision as of 17:31, 15 July 2021

/* CSS placed here will affect users of the Vector skin */
   #footer-info-lastmod { display: none; }


  /* set max width and fix the background */
    html,
    body {
    	position: relative;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	max-width: 1280px;
        background-position: top left;
        background-repeat: repeat-x;
    	background-size: 100% 5em;
        background-image: url(/skins/Vector/images/page-fade.png);
        background-color: #f6f6f6;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
        background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
        background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
        background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
    }
    
    /* set blue right border */
    .mw-body { border-right: 1px solid #A7D7F9; }
    
    /** fix the position of:
    			personal user menu
    			search bar
    			the pop-up indicator of language selector
    			search suggestions 
    **/
    #p-personal { right: 3pt; }
    #p-search { margin-right: 3pt; }
    .imeselector { position: fixed; }
    .suggestions { right: 3pt !important; }