Commit 4f310451 authored by Maxime Chaillet's avatar Maxime Chaillet

fix font-sze in html to avoid user specific font settings which can affect the final rendering.

parent 5a43330c
......@@ -3,11 +3,12 @@
html {
position: relative;
min-height: 100%;
font-size: 10px;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
font-size: 14px;
font-size: 1.6rem;
}
.footer {
......@@ -33,6 +34,10 @@ body {
display:flex;
}
/* ########################################### */
/* the backgrounds */
/* ########################################### */
/* sets the background color as esrf blue*/
.blueBackground {
background-color: #132577 !important;
......@@ -46,6 +51,17 @@ body {
background-color: #dcdee2;
}
/* ########################################### */
/* the fonts */
/* ########################################### */
.font-3p2rem{
font-size:3.2rem;
}
/* vertically center the font and sets its color to white */
.whiteVCenteredFont {
color: white;
......@@ -164,11 +180,16 @@ label {
}
/* ########################################### */
/* the buttons */
/* the form elements */
/* ########################################### */
/* make all button's text to wrap to a new line */
.form-control {
font-size: 1.6rem;
}
.btn {
white-space: normal;
font-size: 1.6rem;
}
/* when the buttons are hovered */
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
<div class="container-fluid">
<div class="row">
<div class="col-12 flexCentered whiteFont" style="color:#132577; font-size: 4rem; height: 200px; margin-top: 10px; margin-bottom: 10px;">ESRF Data Portal</div>
<div class="col-12 flexCentered whiteFont" style="color:#132577; font-size: 6.4rem; height: 200px; margin-top: 10px; margin-bottom: 10px;">ESRF Data Portal</div>
</div>
</div>
......@@ -9,7 +9,7 @@
<div class="col-12 col-md-4">
<div class="padding10">
<div class="card-header text-center">
<h2>About the portal</h2>
<h1 class="font-3p2rem">About the portal</h1>
</div>
<div class="card-body padding10">
This page centralizes the services offered by the ESRF to access data stored at the facility as part of its data policy.
......@@ -24,7 +24,7 @@
<div class="col-12 col-md-4">
<div class="padding10">
<div class="card-header text-center ">
<h2>DOI resolver</h2>
<h1 class="font-3p2rem">DOI resolver</h1>
</div>
<div class="card-body padding10">
<p>
......@@ -52,7 +52,7 @@
<div class="col-12 col-md-4">
<div class="padding10">
<div class="card-header text-center">
<h2>About DOI</h2>
<h1 class="font-3p2rem">About DOI </h1>
</div>
<div class="card-body padding10">
The Digital Object Identifier (<a href="https://www.doi.org/">DOI</a>) is a code composed of digits and characters. It identifies data in a
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment