| Current Path : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/STAROCIE/CV_kamilrogala/css/ |
| Current File : /home/kamilrogam/komp/2018/180513/_MY_PROJECTS/STAROCIE/CV_kamilrogala/css/main.css |
@charset "UTF-8";
*{
padding: 0;
margin: 0;
outline:none;
}
body{
font-family: 'Gruppo', sans-serif;
font-size: 17px;
line-height: 23px;
color: #000;
width:100%;
text-align:justify;
background: #EFEFEF;
}
a{
text-decoration:none;
color: #4C81D9;
}
a:hover{
text-decoration:none;
text-shadow: 0 0 10px #4C81D9;
color: #00235D;
}
h1,h2,h3{
font-weight:normal;
color:#000;
}
h2{
font-size:20px;
}
ul, ol{
margin-left:0px;
text-align:left;
}
ul li{
margin-left:0px;
list-style-type: none;
display:list-item;
}
img{
border:none;
}
.width{
width: 852px;
margin:0 auto;
display: table;
background: #fff;
box-shadow: 0 0 10px #818181;
}
.content {
padding: 25px;
}
#top {
padding-bottom: 30px;
margin-top:15px
}
#cover {
background: url('../images/cover.jpg') center top no-repeat;
width: 100%;
height: 315px;
}
#photo {
width: 168px;
height: 168px;
position: relative;
top: 155px;
left: 25px;
border: 5px solid #fff;
box-shadow: 0 0 10px #818181;
}
#short {
width: 40%;
float: left;
}
#info-main {
width: 60%;
float: right;
}
.element {
border: 1px solid #DBDBDB;
border-radius: 10px;
margin: 25px;
padding: 25px;
}
.unit {
border: 1px solid #EDEDED;
border-radius: 10px;
box-shadow: 0px 5px 5px #A3A3A3;
}
.changes {
margin-top: 35px;
border-top: 1px solid #E1E1E1;
background: #F2F2F2;
opacity: 0.5;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
}
.changes:hover{
opacity:1.0;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
}
.hobby{
margin-left:20px;
}
.hobby li{
margin:5px 0
}
#contact .unit{
box-shadow:none;
border: 1px solid #D2D2D2;
padding:2px;
background: #F2F2F2;
}
#info,
#prof-exp,
#pers-exp,
#tech-skills,
#pers-skills,
#education,
#certs,
#lang,
#hobby ,
#contact{margin:25px 0}
/* media queries */
@media (min-width: 768px) and (max-width: 851px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}