Merge branch 'master' of https://github.com/ksjdragon/hourglass
This commit is contained in:
Yaman Qalieh
commit
a02d939875
@ -1,134 +1,151 @@
|
|||||||
#loginHeader {
|
#loginHeader {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
box-shadow: 2px 2px 5px 3px #666;
|
box-shadow: 2px 2px 5px 3px #666;
|
||||||
background-color: #EBEBEB;
|
|
||||||
display: inline-block;
|
background-color: #EBEBEB;
|
||||||
position: relative;
|
|
||||||
z-index: 50;
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
z-index: 50;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo {
|
#logo {
|
||||||
padding: 0.5%;
|
padding: 0.5%;
|
||||||
padding-left: 1%;
|
padding-left: 1%;
|
||||||
float: left;
|
float: left;
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #333);
|
|
||||||
filter: drop-shadow(2px 2px 5px #333);
|
-webkit-filter: drop-shadow(2px 2px 5px #333);
|
||||||
|
filter: drop-shadow(2px 2px 5px #333);
|
||||||
}
|
}
|
||||||
|
|
||||||
#banner {
|
#banner {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginTitle {
|
#loginTitle {
|
||||||
font-size: 255%;
|
font-size: 255%;
|
||||||
padding: 1.4%;
|
padding: 1.4%;
|
||||||
padding-left: 1%;
|
padding-left: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginMain {
|
#loginMain {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 11%;
|
top: 11%;
|
||||||
background-color: #E5E5E5;
|
|
||||||
background-image: url("banner100.jpg");
|
background-color: #E5E5E5;
|
||||||
|
background-image: url("banner100.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
#circle {
|
#circle {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-moz-border-radius: 50%;
|
|
||||||
-webkit-border-radius: 50%;
|
-moz-border-radius: 50%;
|
||||||
border-radius: 50%;
|
-webkit-border-radius: 50%;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
border-radius: 50%;
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #333);
|
|
||||||
filter: drop-shadow(2px 2px 5px #333);
|
background-color: rgba(0,0,0,0.2);
|
||||||
|
|
||||||
|
-webkit-filter: drop-shadow(2px 2px 5px #333);
|
||||||
|
filter: drop-shadow(2px 2px 5px #333);
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginContent {
|
#loginContent {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
filter: drop-shadow(2px 2px 5px #444);
|
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
||||||
|
filter: drop-shadow(2px 2px 5px #444);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2.text {
|
h2.text {
|
||||||
font-size: 400%;
|
font-size: 400%;
|
||||||
padding-bottom: 2%;
|
padding-bottom: 2%;
|
||||||
border-bottom: 1px solid #FEFEFE;
|
border-bottom: 1px solid #FEFEFE;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.text {
|
p.text {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginButton {
|
#loginButton {
|
||||||
font-size: 200%;
|
font-size: 200%;
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
-webkit-border-radius: 6;
|
|
||||||
-moz-border-radius: 6;
|
-webkit-border-radius: 6;
|
||||||
border-radius: 6px;
|
-moz-border-radius: 6;
|
||||||
position: relative;
|
border-radius: 6px;
|
||||||
background-color: #005CE6;
|
|
||||||
-webkit-transition: background-color 0.4s ease;
|
position: relative;
|
||||||
-moz-transition: background-color 0.4s ease;
|
|
||||||
-ms-transition: background-color 0.4s ease;
|
background-color: #005CE6;
|
||||||
transition: background-color 0.4s ease;
|
|
||||||
cursor: pointer;
|
-webkit-transition: background-color 0.4s ease;
|
||||||
|
-moz-transition: background-color 0.4s ease;
|
||||||
|
-ms-transition: background-color 0.4s ease;
|
||||||
|
transition: background-color 0.4s ease;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginButton:hover {
|
#loginButton:hover {
|
||||||
background-color: #0066FF;
|
background-color: #0066FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginButton:active {
|
#loginButton:active {
|
||||||
background-color: #FF4D4D;
|
background-color: #FF4D4D;
|
||||||
-webkit-transition: background-color 0.1s ease;
|
|
||||||
-moz-transition: background-color 0.1s ease;
|
-webkit-transition: background-color 0.1s ease;
|
||||||
-ms-transition: background-color 0.1s ease;
|
-moz-transition: background-color 0.1s ease;
|
||||||
transition: background-color 0.1s ease;
|
-ms-transition: background-color 0.1s ease;
|
||||||
|
transition: background-color 0.1s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loginFooter {
|
#loginFooter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-shadow: 2px 2px 5px 3px #666;
|
box-shadow: 2px 2px 5px 3px #666;
|
||||||
background-color: #EBEBEB;
|
background-color: #EBEBEB;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-button {
|
.login-button {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#github {
|
#github {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 1%;
|
padding: 1%;
|
||||||
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
|
||||||
filter: drop-shadow(2px 2px 5px #444);
|
-webkit-filter: drop-shadow(2px 2px 5px #444);
|
||||||
|
filter: drop-shadow(2px 2px 5px #444);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #0099CC;
|
color: #0099CC;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color 0.4s ease;
|
|
||||||
-moz-transition: color 0.4s ease;
|
-webkit-transition: color 0.4s ease;
|
||||||
-ms-transition: color 0.4s ease;
|
-moz-transition: color 0.4s ease;
|
||||||
transition: color 0.4s ease
|
-ms-transition: color 0.4s ease;
|
||||||
|
transition: color 0.4s ease
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #00BFFF;
|
color: #00BFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -22,12 +22,14 @@ var themeColors = {
|
|||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
var calendarColors = {
|
var calendarColors = {
|
||||||
"test": "red",
|
"test": "red",
|
||||||
"project": "blue",
|
"project": "blue",
|
||||||
"normal": "green",
|
"normal": "green",
|
||||||
"quiz": "black"
|
"quiz": "black"
|
||||||
};
|
};
|
||||||
|
|
||||||
var options = {
|
var options = {
|
||||||
"privacy": ["Public", "Hidden"],
|
"privacy": ["Public", "Hidden"],
|
||||||
"category": ["Class", "Club", "Other"]
|
"category": ["Class", "Club", "Other"]
|
||||||
|
|||||||
@ -1,356 +1,374 @@
|
|||||||
.change {
|
.change {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
color: #8C8C8C;
|
color: #8C8C8C;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio {
|
.radio {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.changeInput {
|
.changeInput {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: #8C8C8C;
|
color: #8C8C8C;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profTitle {
|
.profTitle {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-bottom: 1%;
|
margin-bottom: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profHea {
|
.profHea {
|
||||||
font-size: 300%;
|
font-size: 300%;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
}
|
}
|
||||||
|
|
||||||
#motda {
|
#motda {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
width: 30% !important;
|
width: 30% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profPage {
|
#profPage {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-right: 10%;
|
padding-right: 10%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profMainContainer {
|
#profMainContainer {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profBanner {
|
#profBanner {
|
||||||
border: 5px solid #0D0D0D;
|
border: 5px solid #0D0D0D;
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profAvatar {
|
#profAvatar {
|
||||||
border: 10px solid #0D0D0D;
|
border: 10px solid #0D0D0D;
|
||||||
-moz-border-radius: 50%;
|
-moz-border-radius: 50%;
|
||||||
-webkit-border-radius: 50%;
|
-webkit-border-radius: 50%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: absolute;
|
|
||||||
top: 43%;
|
position: absolute;
|
||||||
left: 2.5%;
|
top: 43%;
|
||||||
float: left;
|
left: 2.5%;
|
||||||
z-index: 5;
|
float: left;
|
||||||
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#motdBox {
|
#motdBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 5%;
|
height: 5%;
|
||||||
padding: 0.5% 0 0.5% 0;
|
padding: 0.5% 0 0.5% 0;
|
||||||
background-color: #0D0D0D;
|
|
||||||
|
background-color: #0D0D0D;
|
||||||
}
|
}
|
||||||
|
|
||||||
#motdBox span {
|
#motdBox span {
|
||||||
font-size: 130% !important;
|
font-size: 130% !important;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
margin-left: 20% !important;
|
margin-left: 20% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profOptions {
|
.profOptions {
|
||||||
box-shadow: 2px 2px 5px 3px #666;
|
box-shadow: 2px 2px 5px 3px #666;
|
||||||
position: absolute;
|
|
||||||
display: none;
|
position: absolute;
|
||||||
z-index: 5;
|
display: none;
|
||||||
opacity: 0;
|
z-index: 5;
|
||||||
-webkit-transition: opacity 0.4s ease;
|
|
||||||
-moz-transition: opacity 0.4s ease;
|
opacity: 0;
|
||||||
-ms-transition: opacity 0.4s ease;
|
|
||||||
transition: opacity 0.4s ease;
|
-webkit-transition: opacity 0.4s ease;
|
||||||
|
-moz-transition: opacity 0.4s ease;
|
||||||
|
-ms-transition: opacity 0.4s ease;
|
||||||
|
transition: opacity 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profOptionText {
|
.profOptionText {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
min-width: 10%;
|
min-width: 10%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
text-align: center;
|
||||||
-webkit-transition: box-shadow 0.4s ease;
|
cursor: pointer;
|
||||||
-moz-transition: box-shadow 0.4s ease;
|
|
||||||
-ms-transition: box-shadow 0.4s ease;
|
-webkit-transition: box-shadow 0.4s ease;
|
||||||
transition: box-shadow 0.4s ease;
|
-moz-transition: box-shadow 0.4s ease;
|
||||||
|
-ms-transition: box-shadow 0.4s ease;
|
||||||
|
transition: box-shadow 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profOptions p:hover {
|
.profOptions p:hover {
|
||||||
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1);
|
box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#profCards {
|
#profCards {
|
||||||
margin-top: 3%;
|
margin-top: 3%;
|
||||||
margin-bottom: 3%;
|
margin-bottom: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
padding: 4%;
|
padding: 4%;
|
||||||
padding-top: 2.5%;
|
padding-top: 2.5%;
|
||||||
padding-right: 4%;
|
padding-right: 4%;
|
||||||
box-shadow: 2px 2px 5px 3px #666;
|
|
||||||
|
box-shadow: 2px 2px 5px 3px #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profInfo {
|
#profInfo {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
float: left;
|
float: left;
|
||||||
border-top: 5px solid #CC4444;
|
border-top: 5px solid #CC4444;
|
||||||
}
|
}
|
||||||
|
|
||||||
#about {
|
#about {
|
||||||
padding: 5%;
|
padding: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profClasses {
|
#profClasses {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 30%;
|
height: 30%;
|
||||||
float: right;
|
float: right;
|
||||||
border-top: 5px solid #2E4F74;
|
border-top: 5px solid #2E4F74;
|
||||||
-webkit-transition: width 0.4s ease;
|
|
||||||
-moz-transition: width 0.4s ease;
|
-webkit-transition: width 0.4s ease;
|
||||||
-ms-transition: width 0.4s ease;
|
-moz-transition: width 0.4s ease;
|
||||||
transition: width 0.4s ease;
|
-ms-transition: width 0.4s ease;
|
||||||
|
transition: width 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profClassInfoHolder {
|
#profClassInfoHolder {
|
||||||
-webkit-transition: opacity 0.4s ease;
|
-webkit-transition: opacity 0.4s ease;
|
||||||
-moz-transition: opacity 0.4s ease;
|
-moz-transition: opacity 0.4s ease;
|
||||||
-ms-transition: opacity 0.4s ease;
|
-ms-transition: opacity 0.4s ease;
|
||||||
transition: opacity 0.4s ease;
|
transition: opacity 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#classes {
|
#classes {
|
||||||
padding: 4% 0 4% 0;
|
padding: 4% 0 4% 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profFunctions {
|
#profFunctions {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profFunction {
|
.profFunction {
|
||||||
margin-right: 1%;
|
margin-right: 1%;
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
border: 2px solid rgba(0, 0, 0, 0.2);
|
|
||||||
display: inherit;
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
cursor: pointer;
|
|
||||||
-webkit-transition: background-color 0.4s ease;
|
display: inherit;
|
||||||
-moz-transition: background-color 0.4s ease;
|
cursor: pointer;
|
||||||
-ms-transition: background-color 0.4s ease;
|
|
||||||
transition: background-color 0.4s ease;
|
-webkit-transition: background-color 0.4s ease;
|
||||||
|
-moz-transition: background-color 0.4s ease;
|
||||||
|
-ms-transition: background-color 0.4s ease;
|
||||||
|
transition: background-color 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profFunction:hover {
|
.profFunction:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0,0,0,0.1);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.profFunction i,
|
.profFunction i, .profFunction h4 {
|
||||||
.profFunction h4 {
|
padding: 1%;
|
||||||
padding: 1%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchBar {
|
#searchBar {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profClassSearch {
|
#profClassSearch {
|
||||||
font-size: 125%;
|
font-size: 125%;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
margin-top: 3%;
|
margin-top: 3%;
|
||||||
padding: 1.5% 1% 1.5% 1%;
|
padding: 1.5% 1% 1.5% 1%;
|
||||||
-webkit-animation: expand .7s ease 1;
|
|
||||||
|
-webkit-animation: expand .7s ease 1;
|
||||||
animation: expand .7s ease 1;
|
animation: expand .7s ease 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes expand {
|
@-webkit-keyframes expand {
|
||||||
0% {
|
0% { width: 0%; }
|
||||||
width: 0%;
|
100% { width: 30%; }
|
||||||
}
|
}
|
||||||
100% {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes expand {
|
@keyframes expand {
|
||||||
0% {
|
0% { width: 0%; }
|
||||||
width: 0%;
|
100% { width: 30%; }
|
||||||
}
|
|
||||||
100% {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#label {
|
#label {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin-top: 2.5%;
|
margin-top: 2.5%;
|
||||||
margin-bottom: 2%;
|
margin-bottom: 2%;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
|
||||||
box-shadow: none;
|
background-color: rgba(0,0,0,0.2);
|
||||||
display: table;
|
box-shadow: none;
|
||||||
cursor: default;
|
|
||||||
|
display: table;
|
||||||
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.classHolder {
|
.classHolder {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding: 1%;
|
padding: 1%;
|
||||||
padding-right: 100%;
|
padding-right: 100%;
|
||||||
display: inline-block;
|
|
||||||
overflow-x: hidden;
|
display: inline-block;
|
||||||
overflow-y: scroll;
|
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.classHolder h3 {
|
.classHolder h3 {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
color: #999;
|
|
||||||
-webkit-filter: none;
|
color: #999;
|
||||||
filter: none;
|
|
||||||
|
-webkit-filter :none;
|
||||||
|
filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.classBox {
|
.classBox {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 3%;
|
margin-bottom: 3%;
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
box-shadow: 2px 2px 5px 3px #666;
|
|
||||||
display: table;
|
box-shadow: 2px 2px 5px 3px #666;
|
||||||
cursor: pointer;
|
display: table;
|
||||||
-webkit-transition: background-color 0.4s ease;
|
cursor: pointer;
|
||||||
-moz-transition: background-color 0.4s ease;
|
|
||||||
-ms-transition: background-color 0.4s ease;
|
-webkit-transition: background-color 0.4s ease;
|
||||||
transition: background-color 0.4s ease;
|
-moz-transition: background-color 0.4s ease;
|
||||||
|
-ms-transition: background-color 0.4s ease;
|
||||||
|
transition: background-color 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.classBox:hover {
|
.classBox:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.classText {
|
.classText {
|
||||||
margin-left: .5%;
|
margin-left: .5%;
|
||||||
margin-right: 10%;
|
margin-right: 10%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teacher {
|
.teacher {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hour {
|
.hour {
|
||||||
width: 15%;
|
width: 15%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subscribers {
|
.subscribers {
|
||||||
width: 13%;
|
width: 13%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#creRules {
|
#creRules {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
#create {
|
#create {
|
||||||
margin-top: 2.5%;
|
margin-top: 2.5%;
|
||||||
padding: 5%;
|
padding: 5%;
|
||||||
padding-top: 1%;
|
padding-top: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#create div {
|
#create div {
|
||||||
margin: 2%;
|
margin: 2%;
|
||||||
margin-left: 11%;
|
margin-left: 11%;
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.creInput {
|
.creInput {
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.creOp {
|
.creOp {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.-autocomplete-container {
|
.-autocomplete-container {
|
||||||
margin: 0.5% 0 0 0 !important;
|
margin: 0.5% 0 0 0 !important;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#creSubmit {
|
#creSubmit {
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
font-size: 140%;
|
font-size: 140%;
|
||||||
margin: 0 35% 0 35%;
|
margin: 0 35% 0 35%;
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
text-align: center;
|
background-color: rgba(0,0,0,0.25);
|
||||||
cursor: pointer;
|
text-align: center;
|
||||||
-webkit-transition: background-color 0.4s ease;
|
cursor: pointer;
|
||||||
-moz-transition: background-color 0.4s ease;
|
|
||||||
-ms-transition: background-color 0.4s ease;
|
-webkit-transition: background-color 0.4s ease;
|
||||||
transition: background-color 0.4s ease;
|
-moz-transition: background-color 0.4s ease;
|
||||||
|
-ms-transition: background-color 0.4s ease;
|
||||||
|
transition: background-color 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#creSubmit:hover {
|
#creSubmit:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
background-color: rgba(0,0,0,0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
#restrict {
|
#restrict {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
padding-left: 1%;
|
padding-left: 1%;
|
||||||
color: #999 !important;
|
color: #999 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#save {
|
#save {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
background-color: #CC4444;
|
background-color: #CC4444;
|
||||||
box-shadow: -1px 2px 5px 1px #333;
|
|
||||||
position: absolute;
|
box-shadow: -1px 2px 5px 1px #333;
|
||||||
top: 0;
|
|
||||||
right: 10%;
|
position: absolute;
|
||||||
z-index: 5;
|
top: 0;
|
||||||
-webkit-transition: transform 0.2s ease, background-color 0.1s ease;
|
right: 10%;
|
||||||
-moz-transition: transform 0.2s ease, background-color 0.1s ease;
|
z-index: 50;
|
||||||
-ms-transition: transform 0.2s ease, background-color 0.1s ease;
|
|
||||||
transition: transform 0.2s ease, background-color 0.1s ease;
|
-webkit-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
-moz-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
-ms-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#save:hover {
|
#save:hover, #mainpage:hover {
|
||||||
-webkit-transform: scale(1.05);
|
-webkit-transform: scale(1.05);
|
||||||
-moz-transform: scale(1.05);
|
-moz-transform: scale(1.05);
|
||||||
-ms-transform: scale(1.05);
|
-ms-transform: scale(1.05);
|
||||||
-o-transform: scale(1.05);
|
-o-transform: scale(1.05);
|
||||||
@ -358,13 +376,36 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#save:active {
|
#save:active {
|
||||||
background-color: #34CB34;
|
background-color: #34CB34;
|
||||||
|
}
|
||||||
|
|
||||||
|
#save h2, #mainpage h2 {
|
||||||
|
font-weight: 200;
|
||||||
|
width: 100%;
|
||||||
|
padding: 8%;
|
||||||
|
|
||||||
|
-webkit-filter: none;
|
||||||
|
filter: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mainpage {
|
||||||
|
font-size: 90%;
|
||||||
|
background-color: #617C9E;
|
||||||
|
|
||||||
|
box-shadow: -1px 2px 5px 1px #333;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 10%;
|
||||||
|
z-index: 50;
|
||||||
|
|
||||||
|
-webkit-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
-moz-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
-ms-transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
transition: transform 0.2s ease, background-color 0.1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mainpage:active {
|
||||||
|
background-color: #56708D;
|
||||||
}
|
}
|
||||||
|
|
||||||
#save h2 {
|
|
||||||
font-weight: 200;
|
|
||||||
width: 100%;
|
|
||||||
padding: 8%;
|
|
||||||
-webkit-filter: none;
|
|
||||||
filter: none !important;
|
|
||||||
}
|
|
||||||
@ -1,6 +1,7 @@
|
|||||||
<template name="profile">
|
<template name="profile">
|
||||||
<div id="profPage" style="background-color:{{divColor 'header'}};height:{{mainHeight}};">
|
<div id="profPage" style="background-color:{{divColor 'header'}};height:{{mainHeight}};">
|
||||||
<div id="save"><h2>Save Settings</h2></div>
|
<div id="save"><h2>Save Settings</h2></div>
|
||||||
|
<div id="mainpage" onclick="window.location='/'"><h2>Main Page</h2></div>
|
||||||
<div id="profMainContainer" style="{{mainCenter}}">
|
<div id="profMainContainer" style="{{mainCenter}}">
|
||||||
<div id="profBanner" style="{{banner}};"></div>
|
<div id="profBanner" style="{{banner}};"></div>
|
||||||
<div id="profAvatar" style="{{avatar}};{{avatarDim}}"></div>
|
<div id="profAvatar" style="{{avatar}};{{avatarDim}}"></div>
|
||||||
@ -56,9 +57,9 @@
|
|||||||
<span class="subscriptions classText">Members</span>
|
<span class="subscriptions classText">Members</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="classHolder" style="max-height:{{classHolderHeight}}">
|
<div class="classHolder" style="max-height:{{classHolderHeight}}">
|
||||||
<!-- {{#each myclasses}}
|
{{#each myclasses}}
|
||||||
{{> classDisplay}}
|
{{> classDisplay}}
|
||||||
{{/each}} -->
|
{{/each}}
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
@ -148,4 +149,4 @@
|
|||||||
<span class="hour classText">{{hour}}</span>
|
<span class="hour classText">{{hour}}</span>
|
||||||
<span class="subscribers classText">{{subscribers}}</span>
|
<span class="subscribers classText">{{subscribers}}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
Loading…
x
Reference in New Issue
Block a user