Difference between revisions of "Team:Scut-Champion-Park/css/design.css/"

(Created page with ".dot{ margin-right:10px; float:left; position:relative; top:7px; } .photo{ height:310px; margin-top:30px; margin-bottom:30px; margin-right:40px; } .content-container...")
 
Line 17: Line 17:
 
width:100%;
 
width:100%;
 
background:#0b0c16;
 
background:#0b0c16;
 +
}
 +
 +
.container-decorator-shade {
 +
position: relative;
 +
left: 50%;
 +
margin-left: -512px;
 +
width: 1024px;
 +
height: 116px;
 +
background: url("https://static.igem.org/mediawiki/2015/3/3a/Container_shade.png") no-repeat;
 +
background-size: 100%;
 +
z-index: 0;
 +
}
 +
.container-decorator-content {
 +
position: relative;
 +
left: 50%;
 +
margin-left: -512px;
 +
width: 1024px;
 +
min-height: 587px;
 +
background-color: #000000;
 +
z-index: 0;
 +
 +
filter:alpha(opacity=60); 
 +
    -moz-opacity:0.60; 
 +
    -khtml-opacity: 0.60; 
 +
    opacity: 0.60;
 +
 +
    border-bottom-left-radius: 7px;
 +
    -moz-border-bottom-left-radius: 7px;
 +
    -webkit-border-bottom-left-radius: 7px;
 +
    border-bottom-right-radius: 7px;
 +
    -moz-border-bottom-right-radius: 7px;
 +
    -webkit-border-bottom-right-radius: 7px;
 +
 +
}
 +
.container-decorator {
 +
margin: 0 auto;
 +
position: relative;
 +
left: 50%;
 +
margin-left: -512px;
 +
margin-bottom: 12px;
 +
width: 1024px;
 +
background-color: #000000;
 +
z-index: 0;
 +
 +
filter:alpha(opacity=60); 
 +
    -moz-opacity:0.60; 
 +
    -khtml-opacity: 0.60; 
 +
    opacity: 0.60;
 +
 +
    border-radius: 18px;
 +
    -moz-border-radius: 18px;
 +
    -webkit-border-radius: 18px;
 
}
 
}

Revision as of 16:01, 17 September 2015

.dot{ margin-right:10px; float:left; position:relative; top:7px; }

.photo{ height:310px; margin-top:30px; margin-bottom:30px; margin-right:40px; }

.content-container{ height:3800px; width:100%; background:#0b0c16; }

.container-decorator-shade { position: relative; left: 50%; margin-left: -512px; width: 1024px; height: 116px; background: url("Container_shade.png") no-repeat; background-size: 100%; z-index: 0; } .container-decorator-content { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 587px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60); 

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 

    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;

} .container-decorator { margin: 0 auto; position: relative; left: 50%; margin-left: -512px; margin-bottom: 12px; width: 1024px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60); 

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 

    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;

}