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

 
(30 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;
 +
-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;}
 
}
 
}
  
Line 38: Line 59:
 
     background-color: #ffffff;
 
     background-color: #ffffff;
 
     position: relative;
 
     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;
 
}
 
}

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; }