Integrate the splash page into the general layout
* Cleanup the CSS * Fix more views then you have fingers and toes * Introduce position(weight) for sponsor levels * Fix bootstrap/datatable integration
This commit is contained in:
Henne Vogelsang
parent
7acd16f923
commit
f2cdea4f1a
56 changed files with 1191 additions and 1266 deletions
|
|
@ -1,14 +1,11 @@
|
|||
$(function () {
|
||||
$(document).ready(function() {
|
||||
$('#registrations-datatable').dataTable();
|
||||
$(document).ready(function() {
|
||||
$('.datatable').DataTable({
|
||||
// ajax: ...,
|
||||
autoWidth: false,
|
||||
pagingType: 'full_numbers'
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#users-datatable').dataTable();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#events-datatable').dataTable();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#buyers-datatable').dataTable();
|
||||
});
|
||||
} );
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
*= require osem-schedule-print
|
||||
*= require osem-dashboard
|
||||
*= require osem-fonts
|
||||
*= require osem-splash
|
||||
*= require font-awesome
|
||||
*= require bootstrap-markdown.min
|
||||
*= require bootstrap-datetimepicker
|
||||
|
|
|
|||
59
app/assets/stylesheets/osem-admin.css.scss
Normal file
59
app/assets/stylesheets/osem-admin.css.scss
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
.flex-col {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex: 1 100%;
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
display: flex;
|
||||
-webkit-flex: 2;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.row-flex, .row-flex > div[class*='col-'] {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex:1 1 auto;
|
||||
}
|
||||
|
||||
.row-flex-wrap {
|
||||
-webkit-flex-flow: row wrap;
|
||||
align-content: flex-start;
|
||||
flex:0;
|
||||
}
|
||||
|
||||
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
|
||||
margin:-.2px; /* hack adjust for wrapping */
|
||||
}
|
||||
|
||||
.nav-header-bigger {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mySidebar {
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
hr {
|
||||
margin: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.dl-horizontal dt { white-space: normal; }
|
||||
|
||||
.table20 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.mySidebar ul.subNav {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -11,4 +11,49 @@
|
|||
@include breakpoint(lg) {
|
||||
font-size: 5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashbox {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.dashbox .icon {
|
||||
padding-left: 8px;
|
||||
display: block;
|
||||
font-size: 3.8em;
|
||||
}
|
||||
|
||||
.dashbox label {
|
||||
display: block;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.todolist-missing span {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.todolist-ok {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.todolist-ok span {
|
||||
color: #02A10F;
|
||||
}
|
||||
|
||||
.top-submitter img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#doughnut .tab-content {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#submissions {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.conferenceCheckboxes div {
|
||||
display: inline-block;
|
||||
padding: 0px 10px 0px 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,4 +44,4 @@
|
|||
|
||||
.fa-suse:before {
|
||||
content: "a";
|
||||
}
|
||||
}
|
||||
124
app/assets/stylesheets/osem-splash.css.scss
Normal file
124
app/assets/stylesheets/osem-splash.css.scss
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
#splash {
|
||||
section {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
section:nth-child(even) {
|
||||
background: none repeat scroll 0 0 #e0e0e0;
|
||||
color: #555;
|
||||
}
|
||||
section:nth-child(odd) {
|
||||
background: none repeat scroll 0 0 #ffffff;
|
||||
color: #7b7b7b;
|
||||
}
|
||||
}
|
||||
|
||||
#splash-banner{
|
||||
background: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
min-height: 700px;
|
||||
margin-top: -10px;
|
||||
.container {
|
||||
padding-top: 60px;
|
||||
}
|
||||
h1, h3{
|
||||
color:#3399CC;
|
||||
}
|
||||
h3{
|
||||
font-family: 'Coustard', serif;
|
||||
font-weight: 600;
|
||||
text-shadow: 0.2em 0.2em 0 #4A4F6A;
|
||||
}
|
||||
h1{
|
||||
font-size: 5em;
|
||||
font-weight: 700;
|
||||
text-shadow:0.04em 0.04em 0 black;
|
||||
}
|
||||
p {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
#program {
|
||||
.tracks:hover{
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
#callforpapers {
|
||||
.timer-box{
|
||||
width: 130px;
|
||||
margin: 35px 24px 20px 0;
|
||||
border-radius: 50%;
|
||||
border:4px solid #989797;
|
||||
}
|
||||
#cfp-date{
|
||||
font-size: 40px;
|
||||
color: #ff6633;
|
||||
}
|
||||
}
|
||||
|
||||
#location {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
min-height: 500px;
|
||||
h1,h2,p{
|
||||
color: #fff;
|
||||
}
|
||||
h1,h2,li,p{
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
#social-media{
|
||||
i{
|
||||
color: #4a4a4a;
|
||||
}
|
||||
i:hover{
|
||||
color: #16a085;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-top-wrapper {
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
z-index: 99999999;
|
||||
background-color: #424242;
|
||||
width: 50px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
padding-top: 2px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
i.fa {
|
||||
line-height: inherit;
|
||||
}
|
||||
&.show {
|
||||
visibility:visible;
|
||||
cursor:pointer;
|
||||
opacity: 1.0;
|
||||
}
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
|
@ -17,158 +17,11 @@ body {
|
|||
/* Set the fixed height of the footer here */
|
||||
height: 60px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.container .text-muted {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
#footer > .container {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.nav-header-bigger {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mySidebar hr {
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.mySidebar ul.subNav {
|
||||
display: block;
|
||||
.container {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.conferenceCheckboxes div {
|
||||
display: inline-block;
|
||||
padding: 0px 10px 0px 0px;
|
||||
}
|
||||
|
||||
.dashbox {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.dashbox .icon {
|
||||
padding-left: 8px;
|
||||
display: block;
|
||||
font-size: 3.8em;
|
||||
}
|
||||
|
||||
.dashbox label {
|
||||
display: block;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.todolist-missing span {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.todolist-ok {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.todolist-ok span {
|
||||
color: #02A10F;
|
||||
}
|
||||
|
||||
.top-submitter img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#doughnut .tab-content {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#submissions {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner-disp{
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
-webkit-background-size:cover;
|
||||
}
|
||||
|
||||
#location .with-background {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
#splash-banner .with-background{
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.location-links li{
|
||||
display: inline-block;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.banner-text{
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.pad{
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
.dl-horizontal dt { white-space: normal; }
|
||||
|
||||
.equal, .equal > div[class*='col-'] {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex:1 0 auto;
|
||||
}
|
||||
|
||||
.row-flex, .row-flex > div[class*='col-'] {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex:1 1 auto;
|
||||
}
|
||||
|
||||
.row-flex-wrap {
|
||||
-webkit-flex-flow: row wrap;
|
||||
align-content: flex-start;
|
||||
flex:0;
|
||||
}
|
||||
|
||||
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
|
||||
margin:-.2px; /* hack adjust for wrapping */
|
||||
}
|
||||
|
||||
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex: 1 100%;
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
display: flex;
|
||||
-webkit-flex: 2;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.table20 {
|
||||
width: 20%;
|
||||
}
|
||||
.nav-tabs {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
|
@ -1,265 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light'), local('Lato-Light'), url("fonts/Lato-Light.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Lato Regular'), local('Lato-Regular'), url("fonts/Lato-Regular.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Lato Bold'), local('Lato-Bold'), url("fonts/Lato-Bold.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light Italic'), local('Lato-LightItalic'), url("fonts/Lato-LightItalic.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Lato Italic'), local('Lato-Italic'), url("fonts/Lato-Italic.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Raleway Light'), local('Raleway-Light'), url("fonts/Raleway-Light.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Raleway'), url("fonts/Raleway.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Raleway Bold'), local('Raleway-Bold'), url("fonts/Raleway-Bold.woff") format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Coustard';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Coustard'), url("fonts/Coustard.woff") format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Coustard';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: local('Coustard-Black'), url("fonts/Coustard-Black.woff") format('woff');
|
||||
}
|
||||
|
||||
.splash {
|
||||
background-color: #f2f2f2;
|
||||
font-family: 'Lato';
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
margin-top: -10px;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
|
||||
|
||||
/* Titles */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Raleway";
|
||||
font-weight: 300;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #f85c37;
|
||||
word-wrap: break-word;
|
||||
|
||||
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #7b7b7b;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
a:before,
|
||||
a:after {
|
||||
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
transition: color 0.1s ease-in, background 0.1s ease-in;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* ==========================================================================
|
||||
Wrap Sections
|
||||
========================================================================== */
|
||||
|
||||
#splash-banner{
|
||||
h1, h3{
|
||||
color:#3399CC;
|
||||
}
|
||||
h3{
|
||||
font-family: 'Coustard', serif;
|
||||
font-weight: 600;
|
||||
text-shadow: 0.2em 0.2em 0 #4A4F6A;
|
||||
}
|
||||
h1{
|
||||
font-size: 5em;
|
||||
font-weight: 700;
|
||||
text-shadow:0.04em 0.04em 0 black;
|
||||
}
|
||||
p {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
#program{
|
||||
.tracks:hover{
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
#callforpapers{
|
||||
.timer-box{
|
||||
width: 130px;
|
||||
margin: 35px 24px 20px 0;
|
||||
border-radius: 50%;
|
||||
border:4px solid #989797;
|
||||
}
|
||||
#cfp-date{
|
||||
font-size: 40px;
|
||||
font-family: 'Coustard', serif;
|
||||
color: #ff6633;
|
||||
}
|
||||
}
|
||||
|
||||
#registration{
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
#sponsors{
|
||||
h2,h3,h4{
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
color: #fff;
|
||||
background-color: #343b3d;
|
||||
}
|
||||
|
||||
#social-media{
|
||||
i{
|
||||
color: #4a4a4a;
|
||||
}
|
||||
i:hover{
|
||||
color: #16a085;
|
||||
}
|
||||
}
|
||||
|
||||
#location{
|
||||
|
||||
h1,h2,p{
|
||||
color: #fff;
|
||||
}
|
||||
h1,h2,li,p{
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
#gallery{
|
||||
min-height: 600px;
|
||||
.item{
|
||||
img {
|
||||
height: 600px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
-webkit-background-size:cover;
|
||||
}
|
||||
}
|
||||
.modal-body{
|
||||
i{
|
||||
margin-top: 35%;
|
||||
}
|
||||
}
|
||||
#carousel-example-generic{
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-top-wrapper {
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
z-index: 99999999;
|
||||
background-color: #424242;
|
||||
width: 50px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
padding-top: 2px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
|
||||
i.fa {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
&.show {
|
||||
visibility:visible;
|
||||
cursor:pointer;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue