Mudanças entre as edições de "MediaWiki:Common.css"

De VRWiki
Linha 6: Linha 6:
  
 
}
 
}
 +
 +
 +
---------------SLIDER ABAIXO
 +
 +
 +
.slider-holder
 +
        {
 +
            width: 800px;
 +
            height: 400px;
 +
            background-color: yellow;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
            margin-top: 0px;
 +
            text-align: center;
 +
            overflow: hidden;
 +
        }
 +
       
 +
        .image-holder
 +
        {
 +
            width: 2400px;
 +
            background-color: red;
 +
            height: 400px;
 +
            clear: both;
 +
            position: relative;
 +
           
 +
            -webkit-transition: left 2s;
 +
            -moz-transition: left 2s;
 +
            -o-transition: left 2s;
 +
            transition: left 2s;
 +
        }
 +
       
 +
        .slider-image
 +
        {
 +
            float: left;
 +
            margin: 0px;
 +
            padding: 0px;
 +
            position: relative;
 +
        }
 +
       
 +
        #slider-image-1:target ~ .image-holder
 +
        {
 +
            left: 0px;
 +
        }
 +
       
 +
        #slider-image-2:target ~ .image-holder
 +
        {
 +
            left: -800px;
 +
        }
 +
       
 +
        #slider-image-3:target ~ .image-holder
 +
        {
 +
            left: -1600px;
 +
        }
 +
       
 +
        .button-holder
 +
        {
 +
            position: relative;
 +
            top: -20px;
 +
        }
 +
       
 +
        .slider-change
 +
        {
 +
            display: inline-block;
 +
            height: 10px;
 +
            width: 10px;
 +
            border-radius: 5px;
 +
            background-color: brown;
 +
        }

Edição das 15h07min de 12 de fevereiro de 2016

/** o código CSS colocado aqui será aplicado a todos os temas */

pre {

white-space: pre-line;

}


---------------SLIDER ABAIXO


 .slider-holder
        {
            width: 800px;
            height: 400px;
            background-color: yellow;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            text-align: center;
            overflow: hidden;
        }
        
        .image-holder
        {
            width: 2400px;
            background-color: red;
            height: 400px;
            clear: both;
            position: relative;
            
            -webkit-transition: left 2s;
            -moz-transition: left 2s;
            -o-transition: left 2s;
            transition: left 2s;
        }
        
        .slider-image
        {
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
        }
        
        #slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
        
        #slider-image-2:target ~ .image-holder
        {
            left: -800px;
        }
        
        #slider-image-3:target ~ .image-holder
        {
            left: -1600px;
        }
        
        .button-holder
        {
            position: relative;
            top: -20px;
        }
        
        .slider-change
        {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 5px;
            background-color: brown;
        }