Difference between revisions of "Template:Template Wellesley TheTech"

 
(31 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
.css-slideshow {
 +
position: relative;
 +
max-width: 495px;
 +
height: 370px;
 +
margin: 1em auto .5em auto;
 +
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 +
font-weight: 300;
 +
}
 +
.css-slideshow figure {
 +
margin: 0;
 +
max-width: 495px;
 +
height: 370px;
 +
background: #fff;
 +
position: absolute;
 +
}
 +
.css-slideshow img {
 +
-webkit-box-shadow: 0 0 2px #666;
 +
box-shadow: 0 0 2px #666;
 +
}
 +
.css-slideshow figcaption {
 +
position: absolute;
 +
top: 5px;
 +
color: #fff;
 +
background: rgba(0,0,0, .3);
 +
font-size: .8em;
 +
padding: 8px 12px;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
-webkit-transition: opacity .5s;
 +
-moz-transition: opacity .5s;
 +
-o-transition: opacity .5s;
 +
-ms-transition: opacity .5s;
 +
transition: opacity .5s;
 +
}
 +
.css-slideshow:hover figure figcaption {
 +
-webkit-transition: opacity .5s;
 +
-moz-transition: opacity .5s;
 +
-o-transition: opacity .5s;
 +
-ms-transition: opacity .5s;
 +
transition: opacity .5s;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
.css-slideshow-attr {
 +
max-width: 530px;
 +
text-align: right;
 +
font-size: .7em;
 +
font-style: italic;
 +
}
 +
.css-slideshow-attr a {
 +
color: #666;
 +
}
 +
.css-slideshow figure:nth-child(1),.css-slideshow figure:nth-child(2),.css-slideshow figure:nth-child(3),.css-slideshow figure:nth-child(4),.css-slideshow figure:nth-child(5),.css-slideshow figure:nth-child(6),.css-slideshow figure:nth-child(7) {
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
.css-slideshow figure:nth-child(1) {
 +
-webkit-animation: xfade 48s 42s  infinite;
 +
-moz-animation: xfade 48s 42s  infinite;
 +
-ms-animation: xfade 48s 42s infinite;
 +
-o-animation: xfade 48s 42s infinite;
 +
animation: xfade 48s 42s infinite;
 +
}
 +
.css-slideshow figure:nth-child(2) {
 +
-webkit-animation: xfade 48s 36s infinite;
 +
-moz-animation: xfade 48s 36s infinite;
 +
-ms-animation: xfade 48s 36s infinite;
 +
-o-animation: xfade 48s 36s infinite;
 +
animation: xfade 48s 36s infinite;
 +
}
 +
.css-slideshow figure:nth-child(3) {
 +
-webkit-animation: xfade 48s 30s infinite;
 +
-moz-animation: xfade 48s 30s infinite;
 +
-ms-animation: xfade 48s 30s infinite;
 +
-o-animation: xfade 48s 30s infinite;
 +
animation: xfade 48s 30s infinite;
 +
}
 +
.css-slideshow figure:nth-child(4) {
 +
-webkit-animation: xfade 48s 24s infinite;
 +
-moz-animation: xfade 48s 24s infinite;
 +
-ms-animation: xfade 48s 24s infinite;
 +
-o-animation: xfade 48s 24s infinite;
 +
animation: xfade 48s 24s infinite;
 +
}
 +
.css-slideshow figure:nth-child(5) {
 +
-webkit-animation: xfade 48s 18s infinite;
 +
-moz-animation: xfade 48s 18s infinite;
 +
-ms-animation: xfade 48s 18s infinite;
 +
-o-animation: xfade 48s 18s infinite;
 +
animation: xfade 48s 18s infinite;
 +
}
 +
.css-slideshow figure:nth-child(6) {
 +
-webkit-animation: xfade 48s 12s infinite;
 +
-moz-animation: xfade 48s 12s infinite;
 +
-ms-animation: xfade 48s 12s infinite;
 +
-o-animation: xfade 48s 12s infinite;
 +
animation: xfade 48s 12s infinite;
 +
}
 +
.css-slideshow figure:nth-child(7) {
 +
-webkit-animation: xfade 48s 6s infinite;
 +
-moz-animation: xfade 48s 6s infinite;
 +
-ms-animation: xfade 48s 6s infinite;
 +
-o-animation: xfade 48s 6s infinite;
 +
animation: xfade 48s 6s infinite;
 +
}
 +
.css-slideshow figure:nth-child(8) {
 +
-webkit-animation: xfade 48s 0s infinite;
 +
-moz-animation: xfade 48s 0s infinite;
 +
-ms-animation: xfade 48s 0s infinite;
 +
-o-animation: xfade 48s 0s infinite;
 +
animation: xfade 48s 0s infinite;
 +
}
 +
@keyframes "xfade" {
 +
0% {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
14.67% {
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
16.67% {
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
98% {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
100% {
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
}
 +
@-moz-keyframes xfade {
 +
0% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
14.67% {
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
16.67% {
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
98% {
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
100% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
}
 +
@-webkit-keyframes "xfade" {
 +
0% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
14.67% {
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
16.67% {
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
98% {
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
100% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
}
 +
@-ms-keyframes "xfade" {
 +
0% {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
14.67% {
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
16.67% {
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
98% {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
100% {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
}
 +
@-o-keyframes "xfade" {
 +
0% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
14.67% {
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
}
 +
16.67% {
 +
filter: alpha(opacity=0);
 +
opacity: 0;
 +
}
 +
98% {
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
100% {
 +
  filter: alpha(opacity=100);
 +
  opacity: 1;
 +
}
 +
}
 
 
  
Line 20: Line 256:
 
                          
 
                          
 
                         #bodyContent {border:none; height: 100%; width: 100%; margin:auto; position:relative; }
 
                         #bodyContent {border:none; height: 100%; width: 100%; margin:auto; position:relative; }
−
                         #content {border-left: 0px; border-right: 0px; height: calc(100% - 40px); background: transparent; min-height: 679px;}
+
                         #content {border-left: 0px; border-right: 0px; height:100%; background: transparent; min-height: 679px; bottom:0px;}
 
                         #globalWrapper {font-size: 100%; height: 100%; margin: 0px; position:absolute;}
 
                         #globalWrapper {font-size: 100%; height: 100%; margin: 0px; position:absolute;}
−
                        #top_menu_inside, #top_menu_14 {font-family: 'SlimJoe'; font-weight: bold; width: 100%; border:none; background-color: #555; z-index: 4; margin-top: 0px; height:40px; margin-bottom: 0px; border-bottom: 3px solid #7a86c2; }
 
−
                        #top_menu_inside li, #top_menu_inside #user_item, #top_menu_inside #bars_item, #top_menu_inside #menu_BarsBox {padding-top: 12px; font-size: 13px;}
 
−
                        #top_menu_inside li {height: 40px;}
 
−
                        #top_menu_inside #user_item {padding: 12px; color: #fff;}
 
−
                        #top_menu_inside .submenu {top: 35px;}
 
 
                         .firstHeading {display:none;}
 
                         .firstHeading {display:none;}
 
                          
 
                          
Line 35: Line 266:
 
#mainContainer {  
 
#mainContainer {  
 
                                 min-height: 100%;
 
                                 min-height: 100%;
−
                                min-height: 679px;
 
 
width: 998px;
 
width: 998px;
 
background-color: #fff;
 
background-color: #fff;
Line 42: Line 272:
  
 
}
 
}
 +
 +
  
 
/*Set up height place holder for the banner*/
 
/*Set up height place holder for the banner*/
 
#bannerContainer {
 
#bannerContainer {
−
bottom: 0px;
+
bottom: 10px;
 
margin-left: -45px;
 
margin-left: -45px;
 
width: 1061px;
 
width: 1061px;
Line 172: Line 404:
 
                                 display: block;
 
                                 display: block;
 
                       }
 
                       }
 +
 +
#overviewRect{
 +
margin:10px;
 +
margin-left:260px;
 +
color: #717171;
 +
font-family: "Roboto", sans-serif;
 +
font-size: 12px;
 +
padding: 10px;
 +
text-align: justify;
 +
border: 3px solid #fff;
 +
}
  
 
#allPage_banner{
 
#allPage_banner{
 
position: absolute;
 
position: absolute;
−
margin-top: 10px;
+
margin-top: 1px;
 
margin-left: 0px;
 
margin-left: 0px;
 
width: inherit;
 
width: inherit;
Line 192: Line 435:
 
                                 border: 0px;
 
                                 border: 0px;
 
                                 line-height: 70px;
 
                                 line-height: 70px;
−
margin-top: 35px;
+
margin-top: 30px;
 
margin-left: 50px;
 
margin-left: 50px;
 
margin-bottom: 0;
 
margin-bottom: 0;
Line 198: Line 441:
 
padding: 0px;
 
padding: 0px;
  
 +
}
 +
 +
#allPage_banner h1:hover{
 +
opacity:1;
 
}
 
}
  
Line 206: Line 453:
 
#allPage_banner a:hover{
 
#allPage_banner a:hover{
 
padding-top: 2px;
 
padding-top: 2px;
 +
 
}
 
}
  
Line 219: Line 467:
 
padding: 5px;
 
padding: 5px;
 
}
 
}
 +
 +
#pageContent a {
 +
padding: 5px;
 +
}
 +
 +
#teamlinks{
 +
color: #57c7da;
 +
font-family: "SlimJoe";
 +
font-size: 20px;
 +
text-align:center;
 +
margin: auto;
 +
}
 +
 +
#teamlinks a:hover{
 +
color:#717171;
 +
}
 +
  
 
#pageContent h1 {
 
#pageContent h1 {
Line 321: Line 586:
 
}
 
}
  
 +
ul.checkmark{
 +
list-style:none;
 +
}
 +
 +
ul.checkmark li:before {
 +
    content:"\2713\0020";
 +
}
 +
 +
ul.checkmark li{
 +
font-family: "SlimJoe";
 +
font-size: 14px;
 +
}
 +
 +
table.medals {
 +
    border-collapse: separate;
 +
    width: 100%;
 +
    border: none;
 +
    table-layout: auto;
 +
}
 +
 +
a.staySame {
 +
color: #5d6bb2;
 +
}
 +
 +
a.staySame : visited {
 +
color: #5d6bb2;
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 03:52, 19 September 2015