| Exercise by: |
| Daniella Engmann |
| 23 Years Old |
| North Ridge Lyceum |
| Read / Add Comments |
|
|
|
| 
| |||||
| 
| 
| 
| 
| ||
.png )
| .png
)
| .png)
| .png )
| 
| ||
.png ) .png )
|
.png )
| .png )
| .png )
| |||
.png
)
| .png )
| .png
)
|
.png )
| |||
| body{ margin:0px; font-family:Arial; font-size:13px; } a{ width:200px; height:200px; background-color:none; border:none; display:block; position:relative; color:#F1D2C2; } a span{ Position:absolute; width:200px; height:200px; text-align:center; font-size:24px; top:0px; left:0px; opacity:0; transition:opacity 0.3s linear; background:rgb(241,210,194); color:black; } a:hover span{ opacity:1; text-align:center; line-height:150px; color:white; filter:alpha(opacity=99); } img{ border:none; } .lb-overlay{ width:0px; height:0px; position:fixed; overflow:hidden; left:0px; top:0px; padding:0px; z-index:99; text-align:center; background:rgb(241,210,194); } .lb-overlay > div{ position:relative; color:rgba(27,54,81,0.8); opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; width:550px; margin:10px auto 0px auto; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); -webkit-transition:opacity 0.3s linear 1.3s; -o-transition:opacity 0.3s linear 1.3s; -ms-transition:opacity 0.3s linear 1.3s; transition:opacity 0.3s linear 1.3s; } .lb-overlay div h3, .lb-overlay div p{ padding:0px 20; width:200px; height:60px; } .lb-overlay div h3{ font-size:36px; float:left; text-align:right; border-right:1px solid rgba(27,54,81,0.4); } lb-overlay div h3 span, .lb-overlay div p{ font-size:16px; font-family:Constantia,Pantino,"Palatino Linotype","palatino LT STD",Georgia,serif; font-style:italic; } .lb-overlay div h3 span{ display:block; line-height:6px; } .lb-overlay div p{ text-align:left; float:left; width:260px; } .lb-overlay a.lb-close{ background:rgba(27,54,81,0.8); z-index:1001; color:#fff; psition:absolute; top:43px; left:50px; font-size:15px; line-height:26px; text-align:center; width:50px; height:23px; overflow:hidden; margin-left:-25px; opacity:0; filter:alpha(opacity=0); -webkit-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; box-shadow:0px 1px 2px rgba(0,0,0,0.3); transition:opacity 0.3s linear 1.2s; } .lb-overlay img{ max-height:100%; position:relative; -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3); box-shadow:1px 1px 4px rgba(0,0,0,0.2); } .lb-overlay:target{ width:auto; height:auto; bottom:0px; right:0px; padding:80px 100px 120 px 100px; } .lb-overlay:target img{ -webkit-animation:fadeInScale 1.2s ease-in-out; -moz-animation:fadeInScale 1.2s ease-in-out; -0-animation:fadeInScale 1.2s ease-in-out; -ms-animation:fadeInScale 1.2s ease-in-out; -animation:fadeInScale 1.2s ease-in-out; } .lb-overlay:target a.lb-close, .lb-overlay:target > div{ opacity:1; filter:alpha(opacity=99); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; } Reply to this message... |