|
|
| Line 177: |
Line 177: |
| | display: inline-block; | | display: inline-block; |
| | } | | } |
| − |
| |
| − | /************************************************** Image Carousel Section **************************************************/
| |
| − | .coverpage-container{
| |
| − | width:100%;
| |
| − | height:400px;
| |
| − | position:relative;
| |
| − | }
| |
| − |
| |
| − | img.coverpage-container{
| |
| − | display:block;
| |
| − | opacity:0.8;
| |
| − | filter: alpha(opacity=50);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*.newsflash-image-container {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .center {
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 50%;
| |
| − | transform: translate(-50%, -50%);
| |
| − | font-size: 18px;
| |
| − | color:white;
| |
| − | }
| |
| − |
| |
| − | .newsflash-image-container img {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | } */
| |
| − |
| |
| − | /********************************************* Summary with Image Section *********************************************/
| |
| − | .column {
| |
| − | padding: 10px 0px;
| |
| − | }
| |
| − | .column.larger_section {
| |
| − | width: 50%;
| |
| − | }
| |
| − |
| |
| − | .column.larger_section p {
| |
| − | width: 94.5%;
| |
| − | text-align:justify;
| |
| − | }
| |
| − |
| |
| − | .column.smaller_section {
| |
| − | width: 30%;
| |
| − | }
| |
| − |
| |
| − | .column.smaller_section p {
| |
| − | width: 94.5%;
| |
| − | text-align:justify;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /************************************************** Homepage Gallery **************************************************/
| |
| − | div.polaroid {
| |
| − | width: 15%; /*For adjust the picture size*/
| |
| − | background-color: white;
| |
| − | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
| |
| − | margin:15px; /*gallery的间距*/
| |
| − | float:left;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | div.gallery-intro-container {
| |
| − | text-align: center;
| |
| − | /*padding: 10px 20px; /*height,width*/
| |
| − | font-family: arial;
| |
| − | }
| |
| − |
| |
| − | /********** Overlay Effect for the Gallery Image *************/
| |
| − | .gallery-overlay {
| |
| − | position: absolute;
| |
| − | bottom: 100%;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | background-color: #ADD8E6;
| |
| − | overflow: hidden;
| |
| − | width: 100%;
| |
| − | height:0;
| |
| − | transition: .5s ease;
| |
| − | }
| |
| − |
| |
| − | .polaroid:hover .gallery-overlay {
| |
| − | bottom: 20%;
| |
| − | height: 80%;
| |
| − | }
| |
| − | .gallery-overlay-text {
| |
| − | font-family: arial;
| |
| − | white-space: nowrap;
| |
| − | color: white;
| |
| − | font-size: 20px;
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | top: 50%;
| |
| − | left: 50%;
| |
| − | transform: translate(-50%, -50%);
| |
| − | -ms-transform: translate(-50%, -50%);
| |
| − | }
| |
| − |
| |
| − | .gallery-overlay-text a{
| |
| − | text-decoration: none;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| | | | |
| | /************************************************** Sponsor and Social Connact Link Cover **************************************************/ | | /************************************************** Sponsor and Social Connact Link Cover **************************************************/ |
