Public archive for the Return to Ritherdon project.
https://www.nicolaellisandritherdon.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
654 lines
11 KiB
654 lines
11 KiB
@charset "UTF-8"; |
|
|
|
@font-face { |
|
font-family: "main"; |
|
src: url("archivo/Archivo-Regular.otf") format("opentype"); |
|
} |
|
|
|
/* smartphones, iPhone, portrait 480x320 phones */ |
|
html, body { |
|
/* height: 100%; */ |
|
} |
|
|
|
body { |
|
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; */ |
|
} |
|
a:visited { |
|
/* color: #485270; */ |
|
} |
|
a:hover { |
|
/* color: #b83800; */ |
|
/* text-decoration: underline; */ |
|
} |
|
|
|
input[type=file], |
|
input[type=text], |
|
input[type=password] { |
|
border: 1px solid silver; |
|
border-radius: 8px; |
|
margin: 0px; |
|
padding: 4px; |
|
display: inline-block; |
|
} |
|
|
|
.be-gui-form-row select { |
|
width: 100%; |
|
height: 38px; |
|
border-radius: 8px; |
|
} |
|
|
|
#main { |
|
text-align: center; |
|
} |
|
|
|
.be-alert-container { |
|
display: flex; |
|
align-items: center; |
|
position: fixed; |
|
top: 60px; |
|
left: 8px; |
|
right: 8px; |
|
} |
|
|
|
.be-alert-container button { |
|
position: fixed; |
|
right: 15px; |
|
} |
|
|
|
.be-alert-container p { |
|
padding: 0px 60px 0px 0px; |
|
margin: 0px; |
|
border-radius: 8px; |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
width: 100%; |
|
} |
|
|
|
.be-alert-container .success { |
|
background: #adefad; |
|
} |
|
|
|
.be-alert-container .error { |
|
background: #ff607c; |
|
} |
|
|
|
.be-alert-container .missing-data{ |
|
background: #ffaf8e; |
|
} |
|
|
|
.be-alert-container .invalid-data { |
|
background: #efe1ad; |
|
} |
|
|
|
.be-alert-container .created { |
|
background: #b0f3ff; |
|
} |
|
|
|
.be-alert-container .warning { |
|
background: #ffe0c0; |
|
} |
|
|
|
.be-alert-container p img { |
|
max-height: 75px; |
|
padding: 12px 8px; |
|
} |
|
|
|
.be-login-container { |
|
margin: 60px 0px; |
|
} |
|
|
|
.be-user-accounts-container { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: flex-start; |
|
/* margin-bottom: 20px; */ |
|
} |
|
|
|
.be-user-accounts-container p, |
|
.be-user-accounts-container .be-gui-button-no-text { |
|
display: inline; |
|
padding: 4px; |
|
} |
|
|
|
.be-user-accounts-container p, |
|
.be-user-accounts-container label { |
|
margin: 0px 4px; |
|
} |
|
|
|
.be-user-accounts-container p { |
|
font-weight: bold; |
|
} |
|
|
|
.be-user-accounts-container input[type=password] { |
|
height: 34px; |
|
width: 100%; |
|
} |
|
|
|
.be-section-thumbnail-row { |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
justify-content: flex-start; |
|
margin: 0px; |
|
padding: 0px; |
|
width: 100%; |
|
} |
|
|
|
.wrap-break-spaces { |
|
white-space: break-spaces !important; |
|
} |
|
|
|
.be-gui-link, |
|
.be-gui-button, |
|
.be-gui-link-no-text, |
|
.be-gui-button-no-text { |
|
background: #905da1; |
|
} |
|
|
|
.be-gui-link-no-text { |
|
width: 40px; |
|
height: 40px; |
|
} |
|
|
|
.be-gui-button-no-text { |
|
width: 40px; |
|
height: 40px; |
|
} |
|
|
|
.be-gui-link-no-text img, |
|
.be-gui-button-no-text img { |
|
width: 32px; |
|
} |
|
|
|
.be-gui-link-no-text, |
|
.be-gui-button-no-text { |
|
padding: 2px 4px; |
|
border-radius: 8px; |
|
border: none; |
|
color: white; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
margin: 4px; |
|
} |
|
|
|
.be-gui-link, |
|
.be-gui-button { |
|
padding: 0px; |
|
width: 100%; |
|
height: 36px; |
|
padding: 8px 0px; |
|
border: none; |
|
max-width: 600px; |
|
color: white; |
|
display: flex; |
|
justify-content: flex-start; |
|
align-items: center; |
|
border-radius: 6px; |
|
max-width: initial; |
|
text-decoration: none; |
|
} |
|
|
|
.be-gui-button { |
|
height: 42px; |
|
font-size: 16px; |
|
} |
|
|
|
.be-gui-link:hover , |
|
.be-gui-button:hover, |
|
.be-gui-link-no-text:hover, |
|
.be-gui-button-no-text:hover { |
|
bckground: #473951; |
|
} |
|
|
|
.be-gui-link img, |
|
.be-gui-button img { |
|
width: 34px; |
|
padding: 5px; |
|
margin-right: 12px; |
|
} |
|
|
|
.be-section-entry .be-gui-button-no-text { |
|
padding: 22px; |
|
} |
|
|
|
.be-gui-button p { |
|
padding: 0px 0px 0px 8px; |
|
margin: 0px; |
|
display: inline; |
|
font-size: 18px; |
|
font-family: 'main'; |
|
} |
|
|
|
.be-gui-form { |
|
display: flex; |
|
flex-direction: column; |
|
margin: 12px 0px; |
|
} |
|
|
|
.be-gui-form label, |
|
.be-gui-form input { |
|
display: block; |
|
/* width: 100%; */ |
|
} |
|
|
|
.be-gui-form label { |
|
text-transform: uppercase; |
|
font-weight: bold; |
|
margin-bottom: 4px; |
|
} |
|
|
|
hr { |
|
margin: initial; |
|
} |
|
|
|
.be-gui-form input { |
|
margin-bottom: 12px; |
|
height: 24px; |
|
} |
|
|
|
.be-gui-form-inline { |
|
display: inline; |
|
align-items: center; |
|
} |
|
|
|
.be-gui-form-inline-flex{ |
|
display: flex; |
|
align-items: center; |
|
} |
|
|
|
.be-gui-form input[type=checkbox] { |
|
display: inline; |
|
} |
|
|
|
.be-gui-form input[type=file] { |
|
padding: 12px; |
|
} |
|
|
|
.be-gui-form textarea { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.be-gui-form-hint { |
|
font-style: italic; |
|
font-size: 12px; |
|
padding: 0px; |
|
margin: 0px; |
|
} |
|
|
|
.be-gui-form-row { |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
justify-content: flex-start; |
|
margin: 0px; |
|
padding: 0px; |
|
} |
|
|
|
.be-gui-form-row input, |
|
.be-gui-form-row label { |
|
margin: 0px 5px 0px 0px; |
|
padding: 0px; |
|
} |
|
|
|
.be-gui-form-thumbnail { |
|
max-height: 80px; |
|
margin: 12px; |
|
box-shadow: 1px 1px 7px 1px silver; |
|
|
|
} |
|
|
|
.be-gui-form-row input[type=text] { |
|
height: 30px; |
|
padding: 4px; |
|
width: 100%; |
|
} |
|
|
|
.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: 6px 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; |
|
} |
|
|
|
.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: 0px; |
|
margin: 12px; |
|
} |
|
|
|
.be-site-side-menu .be-gui-link, |
|
.be-site-side-menu .be-gui-button { |
|
padding: 8px; |
|
margin: 0px; |
|
width: auto; |
|
background: #473951; |
|
} |
|
|
|
.be-site-side-menu .be-gui-button { |
|
padding: 28px 8px; |
|
width: 276px; |
|
font-size: 16px; |
|
} |
|
|
|
.be-site-side-menu .be-gui-link:hover, |
|
.be-site-side-menu .be-gui-button:hover { |
|
background: #905da1;; |
|
} |
|
|
|
.be-main { |
|
max-width: 880px; |
|
width: 100%; |
|
display: flex; |
|
justify-content: center; |
|
flex-direction: column; |
|
margin: 20px auto; |
|
} |
|
|
|
.be-dashboard-header { |
|
display: flex; |
|
flex-direction: column; |
|
align-items: start; |
|
justify-content: space-between; |
|
padding: 0px; |
|
margin: 0px; |
|
} |
|
|
|
.be-dashboard-header .profile-cat { |
|
height: 75px; |
|
} |
|
|
|
.be-dashboard-header div { |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: flex-start; |
|
margin: 0px; |
|
} |
|
|
|
.be-dashboard-header .be-gui-link, |
|
.be-dashboard-section .be-gui-link { |
|
background: #905da1; |
|
} |
|
|
|
.be-dashboard-header .be-gui-link:hover, |
|
.be-dashboard-section .be-gui-link:hover{ |
|
background: #473951; |
|
} |
|
|
|
.be-dashboard-section { |
|
display: flex; |
|
flex-direction: column; |
|
margin: 0px; |
|
padding: 0px; |
|
} |
|
|
|
.be-dashboard-section form input[type=file] { |
|
border: 1px solid silver; |
|
border-radius: 8px; |
|
margin: 4px 4px 4px 0px; |
|
padding: 12px; |
|
display: inline-block; |
|
} |
|
|
|
.be-dashboard-section h2 { |
|
margin: 20px 0px 20px 0px; |
|
padding: 0px; |
|
} |
|
|
|
.be-section-controls { |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: flex-start; |
|
align-items: center; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.be-section-controls .be-gui-link { |
|
margin-right: 6px; |
|
} |
|
|
|
.be-section-controls .be-gui-link { |
|
max-width: 175px; |
|
} |
|
|
|
.be-section-entries { |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
.be-section-entry, |
|
.be-section-image-title { |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: space-between; |
|
} |
|
|
|
.be-section-image-title { |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: flex-start; |
|
max-width: 716px; |
|
width: 100%; |
|
margin: 4px 0px; |
|
} |
|
|
|
.be-section-image-title img { |
|
max-height: 50px; |
|
height: 100%; |
|
margin-right: 6px; |
|
} |
|
|
|
.be-section-entry form { |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: space-between; |
|
margin: 0px; |
|
} |
|
|
|
.be-section-entry img { |
|
/* max-height: 80px; */ |
|
/* width: 100%; */ |
|
} |
|
|
|
.be-section-entry p { |
|
max-width: 800px; |
|
white-space: nowrap; |
|
overflow-x: clip; |
|
text-overflow: ellipsis; |
|
} |
|
|
|
.be-section-image-title p { |
|
white-space: initial; |
|
} |
|
|
|
.be-section-entry:hover, |
|
.be-index-item:hover, |
|
.be-user-accounts-container:hover { |
|
background: #fff6d2; |
|
} |
|
|
|
.be-entry-controls { |
|
display: flex; |
|
flex-direction: row; |
|
} |
|
|
|
.be-dashboard-section-list .be-gui-link { |
|
margin: 6px 0px; |
|
} |
|
|
|
.be-quicklist { |
|
display: flex; |
|
flex-direction: row; |
|
flex-wrap: wrap; |
|
align-items: center; |
|
} |
|
|
|
.be-quicklist .be-gui-link { |
|
max-width: 140px; |
|
margin: 4px; |
|
} |
|
|
|
.be-quicklist .be-gui-link img { |
|
margin-right: 0px; |
|
} |
|
|
|
.be-storage-section { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: center; |
|
align-items: center; |
|
} |
|
|
|
.be-storage-section-upload { |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
margin: 12px 0px; |
|
} |
|
|
|
.be-storage-section-upload form { |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
justify-content: center; |
|
width: 100%; |
|
} |
|
|
|
.be-storage-section-upload form [type=file] { |
|
padding: 10px 12px; |
|
} |
|
|
|
.be-storage-entry { |
|
width: 100%; |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
} |
|
|
|
.file-thumbnail { |
|
max-width: 50px; |
|
max-height: 50px; |
|
width: 100%; |
|
padding: 0px 4px; |
|
} |
|
|
|
.be-storage-rename { |
|
display: flex; |
|
flex-direction: row; |
|
align-items: center; |
|
width: 100%; |
|
} |
|
|
|
.be-storage-rename input[type=text] { |
|
width: 100%; |
|
height: 30px; |
|
} |
|
|
|
.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 { |
|
margin: 8px; |
|
} |
|
|
|
/* 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) { |
|
}
|
|
|