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

 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
@import url('https://fonts.googleapis.com/css?family=Saira');
 +
 +
#HQ_page p {
 +
font-family: 'Saira', sans-serif;
 +
font-size: 20px;
 +
}
 +
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;
Line 9: Line 16:
  
 
p#home_page {
 
p#home_page {
−
font-family: Helvetica, sans-serif;
+
font-family: 'Saira', sans-serif;
 
font-size: 18px;
 
font-size: 18px;
 
}
 
}
Line 28: Line 35:
 
border-radius: 10px;
 
border-radius: 10px;
 
padding: 20px;
 
padding: 20px;
−
position: relative;
+
-webkit-animation-name: load;
−
-webkit-animation-name: animatebottom;
+
-webkit-animation-duration: 2s;
−
-webkit-animation-duration: 1s;
+
animation-name: load;
−
animation-name: animatebottom;
+
animation-duration: 2s;
−
animation-duration: 1s;
+
}
 +
 
 +
@-webkit-keyrames load {
 +
from {opacity: 0;}
 +
to {opacity: 1;}
 +
}
 +
 
 +
@keyframes load {
 +
from {opacity: 0;}
 +
to {opacity: 1;}
 
}
 
}
  
Line 45: Line 61:
 
}
 
}
  
−
#loader {
+
h1.home_page {
−
position: absolute;
+
font-family: 'Saira', sans-serif;
−
left: 50%;
+
text-align: center;
−
top: 50%;
+
−
z-index: 1;
+
−
width: 150px;
+
−
height: 150px;
+
−
margin: -75px 0 0 -75px;
+
−
border: 16px solid #f3f3f3;
+
−
border-radius: 50%;
+
−
border-top: 16px solid #3498db;
+
−
width: 120px;
+
−
height: 120px;
+
−
-webkit-animation: spin 2s linear infinite;
+
−
animation: spin 2s linear infinite;
+
 
}
 
}
  
−
@-webkit-keyframes spin {
+
.homepage_into_img {
−
0% {-webkit-transform: rotate(0deg);}
+
height:100px;
−
100% {-webkit-transform: rotate(360deg);}
+
display:block;
 +
margin:auto;
 
}
 
}
  
−
@keyframes spin {
+
.home_imgdiv {
−
0% {transform: rotate(0deg);}
+
display: block;
−
100% {transform: rotate(360deg);}
+
margin-left:auto;
 +
margin-right:auto;
 +
margin-bottom:auto;
 +
width: 100%;
 +
padding-bottom:30px;
 +
padding-top:20px;
 
}
 
}
  
−
.animate-bottom {
+
.abstract_container {
−
position: relative;
+
font-family: 'Saira', sans-serif;
−
-webkit-animation-name: animatebottom;
+
font-size:18px;
−
-webkit-animation-duration: 1s;
+
display: table-row;
−
animation-name: animatebottom;
+
height:100%;
−
animation-duration: 1s;
+
width:100%
 
}
 
}
  
−
@-webkit-keyframes animatebottom {
+
.abstract_section {
−
from{bottom:-100px; opacity: 0}
+
width:33%;
−
to{bottom:0px; opacity: 1}
+
display: table-cell;
 +
height:100%;
 +
min-width:100px;
 +
padding:3%
 
}
 
}
  
−
@keyframes animatebottom {
+
.home_content {
−
from{bottom:-100px; opacity: 0}
+
font-family: 'Saira', sans-serif;
−
to{bottom:0px; opacity: 1}
+
font-size:16px;
−
}
+
−
 
+
−
#myDiv {
+
−
display: none;
+
−
text-align: center;
+
 
}
 
}

Latest revision as of 23:28, 1 November 2017

@import url('https://fonts.googleapis.com/css?family=Saira');

  1. HQ_page p {

font-family: 'Saira', sans-serif; font-size: 20px; }

  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: 'Saira', sans-serif; font-size: 18px; }

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

h1 { text-align: center; }

.content_main { width: 80%; background-color: #f7f7f7; margin: auto; border-radius: 10px; padding: 20px; -webkit-animation-name: load; -webkit-animation-duration: 2s; animation-name: load; animation-duration: 2s; }

@-webkit-keyrames load { from {opacity: 0;} to {opacity: 1;} }

@keyframes load { from {opacity: 0;} to {opacity: 1;} }

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

}

h1.home_page { font-family: 'Saira', sans-serif; text-align: center; }

.homepage_into_img { height:100px; display:block; margin:auto; }

.home_imgdiv { display: block; margin-left:auto; margin-right:auto; margin-bottom:auto; width: 100%; padding-bottom:30px; padding-top:20px; }

.abstract_container { font-family: 'Saira', sans-serif; font-size:18px; display: table-row; height:100%; width:100% }

.abstract_section { width:33%; display: table-cell; height:100%; min-width:100px; padding:3% }

.home_content { font-family: 'Saira', sans-serif; font-size:16px; }