-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
17 lines (16 loc) · 2.28 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body{background-image:url("back.jpg");}
div.header{position:relative;top:-8px;left:-14px;padding:4px;font-style:courier;color:rgb(163,233,225);background-color:rgba(200,200,200,0.4);width:1340px;box-shadow:rgba(163,233,225,0.5) 4px 4px 4px;padding-left:10px;}
div.about_me{width:705px;position:relative;top:-235px;left:350px;line-height:180%;font:20px georgia;background-color:rgba(200,200,200,0.2);border-radius:50px;padding:20px;-webkit-transition:-webkit-transform 1s,background 1s,-webkit-box-shadow 1s;}
img{position:relative;left:30px;top:55px;background-color:rgba(200,200,200,0.2);border-radius:50px;padding:20px;-webkit-transition:-webkit-transform 1s,background 1s;}
div.what_do{position:relative; top:-530px; left:350px; width:700px; font:20px georgia; background-color:rgba(200,200,200,0.2); border-radius:50px; padding:20px; -webkit-transition:-webkit-transform 1s,background 1s,-webkit-box-shadow 1s; }
div.contact_me{ position:relative; top:-945px; left:350px; width:700px; background-color:rgba(200,200,200,0.2); border-radius:50px; padding:20px; -webkit-transition:-webkit-transform 1s,background 1s,-webkit-box-shadow 1s; }
div.contact_me:hover,.about_me:hover,.what_do:hover{background-color:rgba(2,200,200,0.1);-webkit-transform:scale(1.01,1.01);-webkit-box-shadow:rgba(2,140,140,0.4) 6px 6px 6px inset;}
img:hover{background-color:rgba(250,0,0,0.2); -webkit-transform:rotate(-5deg); }
h3{ font:30px "courier"; color:rgb(231,216,215);}
p,center{ line-height:200%; color:rgb(252,249,120); }
a{ text-decoration:none; color:rgb(231,216,215); }
div.nav_pane{position:relative;top:20px; margin-left:118px;padding:5px; background-color:rgba(200,200,200,0.4); border-width:1px; text-align:right; width:1100px; border-radius:10px;box-shadow:rgba(163,233,225,0.5) 4px 4px 4px; }
#nav1,#nav2,#nav3,#nav{ display:inline-block; background-color:rgba(200,200,200,0.4); border-radius: 10px; padding:10px; margin-left:5px; margin-right:10px; text-decoration:none; -webkit-transition:-webkit-transform 1s,background 1s;}
#nav1:hover,#nav2:hover,#nav3:hover,#nav:hover{ background-color:rgba(2,200,200,0.6); -webkit-transform:scale(1.08,1.08);}
.content{background-color:rgba(200,200,200,0.1);width:1104px;margin-left:118px;height:500px;border-radius: 10px; }
#links{position:relative;top:-50px;}