Difference between revisions of "Team:Central Calgary/outreach"

Line 32: Line 32:
 
display: none;
 
display: none;
 
position: fixed;
 
position: fixed;
top: 35%;
+
top: 15%;
left: 35%;
+
left: 15%;
 
width: 70%;
 
width: 70%;
 
height: 70%;
 
height: 70%;

Revision as of 00:55, 18 September 2015

@charset "utf-8";

span {

   font-family: 'Open Sans', sans-serif;
   font-size:20px;	

}

  1. policy1 {
       display:inline;

height:60px; width:95vw; margin-right:1920px; padding-right:30px;

}

.black_overlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100vw; height: 100vh; background-color: black; z-index:2001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }

.white_content { display: none; position: fixed; top: 15%; left: 15%; width: 70%; height: 70%;

       border-radius:2%;

padding: 16px; background-color: white; z-index:2002; overflow: auto; }

.o_Mega {

       position:absolute;

display:inline-block;

       text-decoration:none;
       width:400px;

width:30vw; height:65vh; margin:5px; -webkit-box-shadow: -5px 5px 2px 0px rgba(0,0,0,0.75);

       -moz-box-shadow: -5px 5px 2px 0px rgba(0,0,0,0.75);
       box-shadow: -5px 5px 2px 0px rgba(0,0,0,0.75);

}

a { text-decoration: none !important;

}

.o_Mega span { display:inline-block;

       text-decoration: none;

opacity:0; padding:3px; background-color:rgba(0,0,0,0.80);

       color:#FFF;

height:64.5vh; width:29.8vw; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.o_Mega:hover span{ opacity:1; text-decoration: none !important; }

  1. inspirationStage {

position:absolute; height:65vh; width:30vw; background:url("ScienceCenter.jpg"); background-size: auto 65vh; background-position: center; }

  1. scarfMaking {

position:absolute; height:65vh; width:30vw; background:url("ScarfThing.jpg"); background-size: auto 65vh; background-position: center; }

  1. cancerRun {

position:absolute; height:65vh; width:30vw; background:url("RunWalkThing.jpg"); background-size: auto 65vh; background-position: center; }