File: template/css/w3c.css

Recommend this page to a friend!
  Classes of adam berger  >  Separation Database Queries  >  template/css/w3c.css  >  Download  
File: template/css/w3c.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Separation Database Queries
Database access trait using PDO
Author: By
Last change:
Date: 3 years ago
Size: 11,625 bytes
 

Contents

Class file image Download
@charset "utf-8";


     /*body*/
 body{ 
          background-position: 0% 0%;
          background-repeat:no-repeat;
         /*background-attachment: scroll;*/
          padding:0; 
		 /* background-color:#fff;*/
		background-image: url('../../template/images/tlo.jpg');
	  width:100%;
	  height:100%;
	  z-index:-1;
     position:relative;
  }
  
    figure{display:inline-block; cursor: pointer;}
        .strona{min-width: 300px;}
        .point{
            font-size: 1.3em;
        }
        .belpunkty1{

               width:99%;
               height:130px;
              padding: 20px;
                      margin:0 0 0 0;
                background: darkgoldenrod;
           font-size: 90%;
           
           
           }
           .section1{
                width:42%;
                min-width: 300px;
            background: darkseagreen;
            float: left;
           }
           .traf-tyl{
               
           }
        #button{position: relative;
                z-index:2;
                margin: 17% 0 0 44%;
                width: 120px;
                height: 70px;
                cursor: pointer;
        } 
            .section2{
                width:77%;
                min-height:799px;
                margin:0 0 0 0;
                background: brown;
                float: left;
                min-width: 300px;
            }
            .section3{
                width:98.8%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 250px;
            } 
               
             .aside{
                margin:0.1% 0 0 70%;
                width:23.5%;
                height:399px;
                background: chartreuse;
                float: left;
                 min-width: 300px;
                 font-size: 90%;
            }
           header{
            background: blue;
            width:11.5%;
            height:auto;
              float: left;
              min-width: 300px;
            }
           nav{
             width:21.5%;
             min-width: 300px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         }
           footer{
                clear: both;
                width:99%;
                background: chocolate;
                text-align: center;
                height: 90px;
                margin:15% 0 0 0;
              
            }
     
               .lang{color:#FFF;}
                   
			/* style dla 1136px */
            @media(max-width: 1370px) and (min-width: 1137px){
            
            .section2{
                width:72%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:98.8%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 250px;
            }     
                
           header{
            background: blue;
            width:11.5%;
            height:auto;
              float: left;
              min-width: 300px;
            }
                
               nav{
             width:21.5%;
             min-width: 300px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         } 
         
            }	
			/* style dla 1024px */
            @media(max-width: 1136px) and (min-width: 1024px){
            
            .section2{
                width:69%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:98.8%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 300px;
            }     
                
           header{
            background: blue;
            width:11.5%;
            height:auto;
              float: left;
              min-width: 300px;
            }
                
               nav{
             width:21.5%;
             min-width: 300px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         } 
         
            }	
            /* style dla 980px */
            @media(max-width: 1024px) and (min-width: 981px){
            
            .section2{
                width:69%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:98.8%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 300px;
            }     
                
           header{
            background: blue;
            width:11.5%;
            height:auto;
              float: left;
              min-width: 250px;
            }
                
               nav{
             width:21.5%;
             min-width: 250px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         } 
         
            }
            @media (max-width: 980px) and (min-width: 801px){

            .section2{
                width:78%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 298px;
                 width:98.8%;
            }
               header{
            background: bisque;
            width:10.5%;
            height:auto;
              float: left;
              min-width: 170px;
            }
              nav{
             
             min-width: 170px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         }
   }
            @media (max-width: 800px) and (min-width: 769px){
                     .section2{
                width:75%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:98.5%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 298px;
            }
               header{
            background: bisque;
            width:10.5%;
            height:auto;
              float: left;
              min-width: 170px;
            }
			   nav{
             
             min-width: 170px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         }
           }
            @media (max-width: 1370px) and (min-width: 641px){
              .section2{
                width:72%;
                min-height:499px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:98.5%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 298px;
            }
               header{
            background: bisque;
            width:10.5%;
            height:auto;
              float: left;
              min-width: 170px;
            }
			   nav{
             
             min-width: 170px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0.1% 0 0 0;
         }
    }
            @media (max-width: 640px) and (min-width: 320px){
             .section2{
                width:99%;
                min-height:399px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 300px;
            }
            .section3{
                width:99%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 300px;
            }
             header{
            background: blue;
            width:99%;
            height:auto;
              float: left;
              min-width: 300px;
            }
               nav{
             width:100%;
             min-width: 300px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0 0 0 0;
         }
    }
            @media (max-width: 319px){
          .section2{
                width:99%;
                min-height:299px;
                margin:0 0 0 0;
                background: brown;
                 float: left;
                 min-width: 230px;
                 word-wrap: break-word;
            }
            .section3{
                width:99%;
                height:199px;
                margin:0 0 0 0;
                background: chartreuse;
                 float:left;
                 min-width: 230px;
                 word-wrap: break-word;
            }
               header{
            background: blue;
            width:99%;
            height:auto;
              float: left;
              min-width: 230px;
            }
         nav{
             width:99%;
             min-width: 230px;
             min-height:199px;
             float: left;
             background: hotpink;
              margin:0 0 0 0;
         }
    }
	
	       aside{
                  padding-bottom: 0.1%;
                  height:40px;
                  width:99%;
                  font-size:15pt;
                 
                  background:palegreen;
                  /*color:green;*/
               }
  
  
.section_tr { 
  padding: 2%;
  background: #eee; 
  height: auto !important;
  overflow: visible !important;
}
.asied_th{ 
  background: #333; 
  color: white; 
  font-weight: bold;
  height: auto !important;
  overflow: visible !important;
  display:inline;
}
.asied_td, .asied_th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  position: relative;
  height: auto !important;
  overflow: visible !important;
  display:inline;
}

	
	tr { border-bottom: 1px solid #ccc; }
	
	th{ 
	border-bottom: 1px solid #eee;
	background: #299ecb;
	}
	 
 td{
border-bottom: 1px solid #eee;
padding-left: 0.01%;
white-space: normal;
text-align:left;
background: #bce2f1;
}
 
 td:before{
top: 0px;
left: 0px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
background: #299ecb;
}
        
  .font-Hanalei{
  font-family: 'Hanalei', cursive;
  }
  .font-Mouse{
  font-family: 'Mouse', cursive;
  }
  .font-UnifrakturMaguntia{
  font-family: 'UnifrakturMaguntia', cursive;
  }
   .font-Maiden{
  font-family: 'Maiden', cursive;
  }
   .font-Maiden{
  font-family: 'Roboto', cursive;
  }
  

For more information send a message to info at phpclasses dot org.