Template:Greece/Description style

.onoffswitch {

    position: absolute;
    width: 70px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    right: 200px; 
    z-index: 1000;
    margin: 60px 0px 0px 0px;

} .onoffswitch-checkbox {

   display: none;

} .onoffswitch-label {

   display: block; overflow: hidden; cursor: pointer;
   /* border: 2px solid #FFFFFF; */
   border-radius: 17px;

} .onoffswitch-inner {

   display: block; width: 200%; margin-left: -100%;
   transition: margin 0.3s ease-in 0s;

} .onoffswitch-inner:before, .onoffswitch-inner:after {

   display: block; float: left; width: 50%; height: 28px; padding: 0; line-height: 28px;
   font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
   box-sizing: border-box;

} .onoffswitch-inner:before {

   content: "ON";
   padding-left: 10px;
   background-color: #398576; color: #FFFFFF;

} .onoffswitch-inner:after {

   content: "OFF";
   padding-right: 10px;
   background-color: #BDBDBD; color: #999999;
   text-align: right;

} .onoffswitch-switch {

   display: block; width: 16px; margin: 6px;
   background: #FFFFFF;
   position: absolute; top: 0; bottom: 0;
   right: 38px;
   border: 2px solid #FFFFFF; border-radius: 17px;
   transition: all 0.3s ease-in 0s; 

} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

   margin-left: 0;

} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

   right: 0px; 

}

.grayscale{ background-color: #ddd; } .hide{ display:none; } .reveal{ display: block; }

.laabel{

   position: absolute;
   z-index: 1000;
   right: 192px;
   margin: 40px 0px 0px 0px;
   text-shadow: 1px 1px #398576;

1. description_content{

   z-index:1;
   text-align:justify;
   width: 100%;
   height: 100%; 
   font-family: Century Gothic;

}

1. Description{ height: 800px; }

h2 {

 text-align: center;

} p {

 font-size: 13px;

} input {

 display: none;
 visibility: hidden;

} .labelo {

 display: block;
 padding: 0.5em;
 text-align: center;
 border-bottom: 1px solid #CCC;
 color: #666;

} .labelo:hover {

 color: #000;

} .labelo::before {

 font-family: Consolas, monaco, monospace;
 font-weight: bold;
 font-size: 15px;
 content: "+";
 vertical-align: text-top;
 display: inline-block;
 width: 20px;
 height: 20px;
 margin-right: 3px;
 background: radial-gradient(ellipse at center, #CCC 50%, transparent 50%);

} .expand {

 height: 0px;
 overflow: hidden;
 transition: height 0.5s;
 background: url(http://placekitten.com/g/600/300);
 color: #FFF;

} section {

 padding: 0 20px;

} .toggle:checked ~ .expand {

 height: 250px;

} .toggle:checked ~ .labelo::before {

 content: "-";

}