„MediaWiki:Vector.css” változatai közötti eltérés

Innen: Napvitorladiszkont GYIK
Ugrás a navigációhoz Ugrás a kereséshez
 
a
1. sor: 1. sor:
 
/* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */
 
/* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */
/* set max width and fix the background */
+
/**
    html,
+
* Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
    body {
+
**/
    position: relative;
+
#skin-vector-maxwidth-wrapper {
    margin-left: auto !important;
+
    position: relative;
    margin-right: auto !important;
+
    margin-left: auto;
    max-width: 1280px;
+
    margin-right: auto;
        background-position: top left;
+
    max-width: 1460px;
        background-repeat: repeat-x;
+
}
    background-size: 100% 5em;
+
#bodyContent {
        background-image: url(/skins/Vector/images/page-fade.png);
+
  font-size: 0.81em;
        background-color: #f6f6f6;
+
  max-width:1000px;
        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%);
+
html,
        background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
+
body {
    }
+
    background-position: top left;
   
+
    background-repeat: repeat-x;
    /* set blue right border */
+
    background-size: 100% 5em;
    .mw-body { border-right: 1px solid #A7D7F9; }
+
    background-image: url(/skins/Vector/images/page-fade.png);
   
+
    background-color: #f6f6f6;
    /** fix the position of:
+
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
    personal user menu
+
    background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    search bar
+
    background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    the pop-up indicator of language selector
+
    background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
    search suggestions
+
}
    **/
+
 
    #p-personal { right: 3pt; }
+
@media print {
    #p-search { margin-right: 3pt; }
+
#skin-vector-maxwidth-wrapper {
    .imeselector { position: fixed; }
+
    position: relative;
    .suggestions { right: 3pt !important; }
+
    margin-left: 0;
 +
    margin-right: 0;
 +
    max-width: 100%;
 +
}
 +
}
 +
 +
html,
 +
body {
 +
    background:none;
 +
}
 +
}
 +
 
 +
/**
 +
* Skin Vector Max Width: fix the position of:
 +
*    personal user menu
 +
*    search bar
 +
*    add right blue border
 +
**/
 +
#p-personal { right: 3pt; }
 +
#p-search { margin-right: 3pt; }
 +
.mw-body { border-right: 1px solid #A7D7F9; }

A lap 2022. április 24., 09:23-kori változata

/* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */
/**
 * Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
**/
#skin-vector-maxwidth-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1460px;
}
#bodyContent {
  font-size: 0.81em;
  max-width:1000px;
}

html,
body {
    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%);
}

@media print {
	#skin-vector-maxwidth-wrapper {
	    position: relative;
	    margin-left: 0;
	    margin-right: 0;
	    max-width: 100%;
	}
}
	
	html,
	body {
	    background:none;
	}
}

/**
 * Skin Vector Max Width: fix the position of:
 *    personal user menu
 *    search bar
 *    add right blue border
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.mw-body { border-right: 1px solid #A7D7F9; }