Difference between revisions of "Template:USNA Annapolis/CSS"

 
Line 34: Line 34:
 
.pad-top {
 
.pad-top {
 
         padding-top: 200px;
 
         padding-top: 200px;
 +
}
 +
 +
 +
.dropdowntext {
 +
        color: #0AA699!important;
 +
        font-size: 16px;
 +
}
 +
 +
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    align: center;
 +
    position: absolute;
 +
    background-color: transparent;
 +
    min-width: 80px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    /* Fallback for web browsers that don't support RGBa */
 +
    background-color: rgb(255, 255, 255);
 +
    /* RGBa with 0.6 opacity */
 +
    background-color: rgba(255, 255, 255,1);
 +
    /* For IE 5.5 - 7*/
 +
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
 +
    /* For IE 8*/
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 +
    z-index: 1;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
.dropcolor:hover {
 +
    background-color: rgba(255, 0, 0, 1);
 
}
 
}

Latest revision as of 18:41, 14 July 2017

.parkdescr:after { content: "He likes to eat bananas and other kinds of fruit."; }

.alexdescr:after { content: "He likes to eat broccoli and other types of vegetables."; }

.center { 

       text-align: center;

}

.h6 { 

       font-size:20px;

}

.pictureshadow{ 

       box-shadow: 0px 30px 40px rgba(0,0,0,1);

}

.img-std { 

       width: 250px;
       height:300px;

}

.img-response { 

       display: inline;

}

.float-left { 

       float: left;

}

.pad-top { 

       padding-top: 200px;

}


.dropdowntext { 

       color: #0AA699!important;
       font-size: 16px;

}


.dropdown { 

   position: relative;
   display: inline-block;

}

.dropdown-content { 

   display: none;
   align: center;
   position: absolute;
   background-color: transparent;
   min-width: 80px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   /* Fallback for web browsers that don't support RGBa */
   background-color: rgb(255, 255, 255);
   /* RGBa with 0.6 opacity */
   background-color: rgba(255, 255, 255,1);
   /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
   /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
   z-index: 1;

}

.dropdown:hover .dropdown-content { 

   display: block;

}

.dropcolor:hover { 

   background-color: rgba(255, 0, 0, 1);

}