|
|
|
@ -5,22 +5,201 @@
|
|
|
|
|
src: url("archivo/Archivo-Regular.otf") format("opentype"); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* smartphones, iPhone, portrait 480x320 phones */ |
|
|
|
|
html, body { |
|
|
|
|
/* height: 100%; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
font-family: 'main', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; |
|
|
|
|
font-family: 'main', Calibri, Helvetica, Arial, sans-serif; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
button { |
|
|
|
|
font-family: 'main', Calibri, Helvetica, Arial, sans-serif; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a:link { |
|
|
|
|
color: #005585; |
|
|
|
|
text-decoration: none; |
|
|
|
|
/* color: #005585; */ |
|
|
|
|
/* text-decoration: none; */ |
|
|
|
|
} |
|
|
|
|
a:visited { |
|
|
|
|
color: #485270; |
|
|
|
|
/* color: #485270; */ |
|
|
|
|
} |
|
|
|
|
a:hover { |
|
|
|
|
color: #b83800; |
|
|
|
|
text-decoration: underline; |
|
|
|
|
/* color: #b83800; */ |
|
|
|
|
/* text-decoration: underline; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main { |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-gui-button-no-text { |
|
|
|
|
width: 44px; |
|
|
|
|
height: 44px; |
|
|
|
|
padding: 2px; |
|
|
|
|
border-radius: 22px; |
|
|
|
|
background: #473951; |
|
|
|
|
border: none; |
|
|
|
|
color: white; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-gui-button { |
|
|
|
|
max-width: 100px; |
|
|
|
|
height: 36px; |
|
|
|
|
padding: 8px 12px; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
background: #473951; |
|
|
|
|
border: none; |
|
|
|
|
color: white; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 18px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-gui-button p { |
|
|
|
|
padding: 0px 0px 0px 8px; |
|
|
|
|
margin: 0px; |
|
|
|
|
display: inline; |
|
|
|
|
font-size: 18px; |
|
|
|
|
font-family: 'main'; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-header { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
background: #2a0134; |
|
|
|
|
height: 44px; |
|
|
|
|
padding: 0px; |
|
|
|
|
position: sticky; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 3; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-header button { |
|
|
|
|
width: auto; |
|
|
|
|
height: 32px; |
|
|
|
|
background: #473951; |
|
|
|
|
border: none; |
|
|
|
|
color: white; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 18px; |
|
|
|
|
margin: 0px 4px; |
|
|
|
|
padding: 0px 12px; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-header button img { |
|
|
|
|
width: 22px; |
|
|
|
|
margin-right: 6px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-user-info { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
padding-right: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-user-info p { |
|
|
|
|
display: inline; |
|
|
|
|
color: white; |
|
|
|
|
padding-left: 6px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-user-info span { |
|
|
|
|
font-weight: normal; |
|
|
|
|
color: silver; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu { |
|
|
|
|
display: none; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
background: #473951; |
|
|
|
|
position: fixed; |
|
|
|
|
width: 300px; |
|
|
|
|
/* Based on the height of be-site-header. */ |
|
|
|
|
top: 0px; |
|
|
|
|
padding-top: 86px; |
|
|
|
|
left: 0; |
|
|
|
|
bottom: 0px; |
|
|
|
|
/* Stops the text editor rendering over it. */ |
|
|
|
|
z-index: 2; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu h2 { |
|
|
|
|
text-align: center; |
|
|
|
|
color: white; |
|
|
|
|
font-size: 16px; |
|
|
|
|
border-bottom: 1px solid white; |
|
|
|
|
padding-bottom: 6px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu div { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
padding: 12px 0px; |
|
|
|
|
margin: 0px 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu .be-gui-link, |
|
|
|
|
.be-site-side-menu .be-gui-button { |
|
|
|
|
padding: 0px; |
|
|
|
|
width: 100%; |
|
|
|
|
color: white; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
align-items: center; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
max-width: initial; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu .be-gui-link:hover , |
|
|
|
|
.be-site-side-menu .be-gui-button:hover, |
|
|
|
|
.be-site-header button:hover { |
|
|
|
|
background: #905da1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.be-site-side-menu .be-gui-link img, |
|
|
|
|
.be-site-side-menu .be-gui-button img { |
|
|
|
|
width: 34px; |
|
|
|
|
padding: 5px; |
|
|
|
|
margin-right: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fe-site-header { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row; |
|
|
|
|
background: white; |
|
|
|
|
align-items: center; |
|
|
|
|
padding: 8px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fe-site-header img { |
|
|
|
|
max-height: 100px; |
|
|
|
|
width: auto; |
|
|
|
|
margin-right: 8px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#fe-main { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* big landscape tablets, laptops, and desktops */ |
|
|
|
|
@media (min-width:1025px) { |
|
|
|
|
} |
|
|
|
|
/* hi-res laptops and desktops */ |
|
|
|
|
@media (min-width:1281px) { |
|
|
|
|
} |
|
|
|
|
/* Anything bigger */ |
|
|
|
|
@media (min-width:2100px) { |
|
|
|
|
} |
|
|
|
|