מדיה ויקי:Vector.css

/* הסגנונות הנכתבים כאן ישפיעו על העיצוב Vector בלבד */
div#content {
max-width: 720px;
margin: 2em auto;
position: relative;
border: none;
border-left: none;
}
/* סכמה */
#scheme {
    width: 100%;
    direction: rtl;
    position: relative;
    display: block;
    height: 400px;
}
#scheme-left {
    float:left;
    background: transparent;
    width: 45%;
    display:block;
    position: relative;
min-width: 242px;
}
#scheme-header h2 {
    text-align: center;
    font-size: 4em;
    color: gray;
    text-shadow: black 3px 3px 3px;
}
.giluy {
    display: block;
    background-color: rgba(59, 164, 204, 0.95);
    color: #fff;
    position: relative;
    padding:0.5em;
    margin:1em 1em 2em 1em;;
    border-radius:1em 4em;
  min-height: 180px;
    opacity:1 ;
}

.giluy h3{ 
/*text-align: center;
font-size: 3em;
padding: 0;
margin: 0;*/
opacity: 0;}

.giluy p{ 
text-align: justify;
padding: 0;
font-size: 1.5em;
margin: 1em;
opacity: 0;
display: none;}


.intertext {
position:absolute; 
    display: block;
    color: #fff;
    padding:0.5em;
    margin:2em 2em 5em 2em;
    border-radius:1em 4em;
  z-index: 9999;
  width: 85%;
opacity: 1;}

.firstext {
 margin-top: 2em; 
}
.giluy h3, .intertext h3{ 
text-align: center;
font-size: 3em;
color: #fff;
line-height: 1.1em;
padding: 0;
margin: 0;}

.intertext p{ 
text-align: center;
padding: 0;
font-size: 1.5em;
margin: 1em 2em;}

.num {
background: #fff;
color: rgba(59, 164, 204, 0.95);
border-radius: 4em;
padding: 0.3em;
position: absolute;
margin: 0.5em;
top: 0em;
font-weight: bold;
font-size: 2em;
width: 1em;
height: 1em;
line-height: 1em;
  text-align: center;
opacity:1 !important;}



div#footer #footer-icons li {
margin-left: 16.5em;}

div#mw-panel {
width: 12%;
margin-left: 1em;}

#right-navigation {
margin-top: -99em;
} 

#left-navigation
{
display: none;
}

div#mw-head {
position: absolute;
top: 0;
left: inherit;
width: 77%;}

table.TUCOL > tbody > tr > td > div.thumb.tleft {
margin: .5em 1.4em 1.3em 0 !important;}

/*          עמוד ראשי   */
#icon, #icon2 {height: 52px;}
#icon2 {
background: url('/wiki/upload/doalogue/reyv.png') no-repeat 50% / 53px;
}
#tabpic1 {
background-image: url(/images/fog.jpg);
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
padding: 2em 2em 3em 3em;
background-size: cover;
vertical-align: top;
height: 250px;
margin: 1em;
-webkit-border-radius: 15px;
}

#tabpic2 {
background-image: url(images/bsmi.jpg);
border-radius: 15px;
padding: 1EM 0EM 3EM 2EM;
background-size: cover;
vertical-align: top;
height: 260px;
-webkit-border-radius: 15px;
background-size: cover;
}



#boxes1:hover, #boxes2:hover, #boxes3:hover, #boxes4:hover {
opacity: 1;
}



#mf-icon img, #icon img, #icon2 img {
border: none;
margin-top: -3px;
padding-top: 0px;
/* padding-bottom: 20px; */
/* padding-left: 41%; */
float: none;
clear: none;
text-align: center;
vertical-align: middle;
display: inline-block;
height: 52px;
width: auto;
}

/* מסך הבית */



.mw-body h2 {
font-size: 1.9em;}
.mw-body h3 {
font-size: 1.6em;
}

.mw-body-content li, .mw-body-content p, .mw-content-rtl {
font-size: 17.5px;
margin-bottom: 8px;
line-height: 1.4;
text-align: justify;
}
.mw-body-content .gallerytext p {
    text-align: center;
    color: var(--doalogue-azure);
}
.mw-body-content li.gallerycaption {text-align:center;}
.references li {
font-size: 15px;
margin-bottom: 1px;
}

table caption {
margin: 1em auto 2em;
}


table {
    width: 100%; /* or use table width="100" */
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* חלונות קופצים בדף הראשי */


/* התאמת דף slider */


/* פורטל */
   .container {
    border: 0px dashed #ccc;
    position: relative;
    max-width: 885px;
    margin: auto;
    overflow: hidden;
    padding: 2em 0;
}

.container > div {
    background: transparent;
    height: 150px;
    position: relative;
    width: 150px;
    float: right;
    margin: 5px;
}


.container > div[data-ss-colspan='4'] { width: 150px; }
.container > div[data-ss-colspan='2'] { 
	width: 100%;
	max-width: 309px; 
	height:309px;
}
#double {width: 309px;
height: 150px; background: transparent;}
.container .ss-placeholder-child {
    background: #000;
    opacity:0.1; 
}

#gridcell h3, .gridcell > div > h3 {
    margin: 0.2em;
    text-align: center;
    font-size: xx-large;
    border: none;
    font-weight: bold;
    line-height: 1.1;
    padding: 0;
    background: #52a3f6;
    padding: 7px;
	
}

@media only screen and (max-width: 767px) {
	.container > div {
	    background: transparent;
	    height: 150px;
	    position: relative;
	    width: 150px;
	    float: none;
	    margin: 14px auto;
	}
	
	.container > div[data-ss-colspan='2'] { 
		width: 100%;
		max-width: 400px; 
	}
}