mirror of
https://github.com/codeninjasuk/dojo.git
synced 2024-11-26 01:18:17 -05:00
Create dojoscheduler.css
Added a CSS style for the dojo
This commit is contained in:
Code Ninjas Langley
GitHub
parent
d445f7438c
commit
451f7d2f31
1 changed files with 204 additions and 0 deletions
204
css/dojoscheduler.css
Normal file
204
css/dojoscheduler.css
Normal file
|
|
@ -0,0 +1,204 @@
|
||||||
|
.app-day-column:nth-child(3){
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
.app-day-column:nth-child(2){
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
.app-day-column:nth-child(1){
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
.app-day-column:nth-child(4){
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session-name-and-nickname > div:last-child{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session-name-and-nickname > div:first-child{
|
||||||
|
font-size: large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attend-waitlist{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 15px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAttending > div{
|
||||||
|
background: #D5D8DC;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: 0.1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAttending > :hover{
|
||||||
|
background: #C1C1C1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAttending > div >p.col-2{
|
||||||
|
font-size: 25px;
|
||||||
|
padding-left: 5px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAttending > div > div.col-1 > i{
|
||||||
|
color: black !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#divAttending > div > a.col-9{
|
||||||
|
font-variant: petite-caps;
|
||||||
|
font-size: x-large;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar-title::after{
|
||||||
|
content: " - (Disable Stylebot to view MON, TUE, WED Overview on the top right of the window)";
|
||||||
|
}
|
||||||
|
|
||||||
|
.card{
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > br{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
div.session-time {
|
||||||
|
background: white;
|
||||||
|
/* color: orangered; */
|
||||||
|
font-size: large;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.session-name {
|
||||||
|
color: orangered;
|
||||||
|
font-size: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session-name-and-nickname > div:first-child{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.bg{
|
||||||
|
/* background: #17202A; */
|
||||||
|
background: #641E16;
|
||||||
|
/* background: radial-gradient(circle, #581845 0%, rgba(13,2,56,1) 58%, #900C3F 100%); */
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-scheduler{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-toolbar{
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 20px;
|
||||||
|
background: black;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
[placeholder="Search for a customer or student by name or email..."]{
|
||||||
|
border-radius: 5px;
|
||||||
|
height: 35px;
|
||||||
|
border: none;
|
||||||
|
padding: 5px;
|
||||||
|
width: 100%;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group.input-group-sm > input{
|
||||||
|
outline: none;
|
||||||
|
border:none;
|
||||||
|
background: lightblue;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group.input-group-sm > .input-group-append{
|
||||||
|
background: lightblue;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-session-card > div > div > app-session-student-item > div > p{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 10px;
|
||||||
|
color: gray;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
padding-top: 25px;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
body {
|
||||||
|
background-image: url('https://images.pexels.com/photos/36487/above-adventure-aerial-air.jpg?cs=srgb&dl=pexels-bess-hamiti-36487.jpg&fm=jpg&_gl=1*13gyq6l*_ga*OTM2ODM5MDI0LjE2OTUzOTc1NTE.*_ga_8JE65Q40S6*MTY5NTM5NzU1NS4xLjEuMTY5NTM5NzY5Mi4wLjAuMA..');
|
||||||
|
background-size:cover;
|
||||||
|
-webkit-animation: slidein 50s;
|
||||||
|
animation: slidein 50s;
|
||||||
|
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-webkit-animation-iteration-count: infinite;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
|
||||||
|
-webkit-animation-direction: alternate;
|
||||||
|
animation-direction: alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slidein {
|
||||||
|
from {background-position: top; background-size:3000px; }
|
||||||
|
to {background-position: -100px 0px;background-size:2750px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slidein {
|
||||||
|
from {background-position: top;background-size:3000px; }
|
||||||
|
to {background-position: -100px 0px;background-size:2750px;}
|
||||||
|
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
div.calendar-toolbar {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
app-week-calendar{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.card {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
app-scheduler-screen>div.container{
|
||||||
|
margin-bottom:20px;
|
||||||
|
}
|
||||||
|
#divAttending > div > div > i{
|
||||||
|
opacity: 0.2
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAttending > div > div > i:hover{
|
||||||
|
opacity: 0.9
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-session-student-item > div > div >p:last-child {
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.5;
|
||||||
|
color:magenta
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-session-student-item > div > div >p:last-child:hover{
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.9;
|
||||||
|
color: red
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue