mirror of
https://github.com/codeninjasuk/dojo.git
synced 2024-11-22 07:27:50 -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