Difference between revisions of "Template:UCC Ireland/CSS/style"

Line 39: Line 39:
 
     background-color: #ffffff;
 
     background-color: #ffffff;
 
     position: relative;
 
     position: relative;
 +
}
 +
 +
#loader {
 +
position: absolute;
 +
left: 50%;
 +
top: 50%;
 +
z-index: 1;
 +
width: 150px;
 +
height: 150px;
 +
margin: -75px 0 0 -75px;
 +
border: 16px solid #3498db;
 +
width: 120px;
 +
height: 120px;
 +
-webkit-animation: spin 2s linear infinite;
 +
animation: spin 2s linear infinite;
 +
}
 +
 +
@-webkit-keyframes spin {
 +
0% {-webkit-transform: rotate(0deg);}
 +
100% {-webkit-transform: rotate(360deg); }
 +
}
 +
 +
@keyframes spin {
 +
0% {transform: rotate(0deg);}
 +
100% {transform: rotate(360deg);}
 
}
 
}

Revision as of 13:58, 31 July 2017

  1. sideMenu, #top_title {display:none;}
  2. content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;

}

h1#home_page{ text-align: center; font-family: Helvetica, sans-serif; }

p#home_page { font-family: Helvetica, sans-serif; font-size: 18px; }

div#home_page { width: 95%; margin: auto; }

h1 { text-align: center; }

div.content_main { width: 80%; background-color: #f7f7f7; margin: auto; border-radius: 10px; padding: 20px;

}

  1. content {
   width: auto;
   padding: 0px;
   border: none;
   color: black;
   margin: auto;
   background-color: #ffffff;
   position: relative;

}

  1. loader {

position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); } }

@keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }