@@ -1,15 +1,11 @@
#imageContainer {
width 100% ;
background-image url (' /images/tennis.jpg'
background-position center ;
background-repeat no-repeat ;
height 350px ;
box-shadow -1px 5px 8px 0px rgba (0 ,0 ,0 ,0.50 );
#over {
display inline-block ;
position relative ;
top 25% ;
left 13% ;
font-size 2em ;
}
#createMatchButton {
@@ -29,152 +25,152 @@
width 100% ;
}
}
#upComing {
width 80% ;
margin 2% 10% ;
select {
font-size 18px ;
margin 1em .5em .5em ;
border none ;
padding 8px 10px ;
border-radius 5px ;
background-color #e3e3e3 ;
}
#sportImage {
display inline-block ;
width 23% ;
margin 1% 2% ;
position relative ;
top 2em ;
img {
width 100% ;
}
}
a {
text-decoration none ;
color black ;
}
a :hover {
text-decoration underline ;
}
ul {
width 100% ;
padding 0 ;
height 18em ;
background-color white ;
float left ;
}
li :nth-last-child (1 ){
margin-bottom 35px ;
}
li {
list-style-type none ;
padding-bottom 5px ;
width 20% ;
}
h2 {
display inline-block ;
float left ;
margin-bottom 0
}
.description {
display inline-block ;
font-size 1em ;
line-height 1.7em ;
width 40% ;
margin 1% 2% ;
position relative ;
bottom 7em ;
}
#skillProgress {
position relative ;
right 15% ;
bottom 5em ;
display inline-block ;
.skill {
width 100% ;
}
}
.players {
display inline-block ;
width 40% ;
margin-left 5% ;
position relative ;
left 25% ;
bottom 5.5em ;
text-decoration none ;
img {
border-radius 100% ;
width 20% ;
}
.name {
position relative ;
right 17% ;
top 1em ;
}
.empty {
opacity 0.3 ;
border 2px dashed black ;
position relative ;
top .3em ;
}
}
#areaSearch {
display inline-block ;
}
#areaInput {
line-height normal ;
position relative ;
left 15% ;
bottom 2.2em ;
}
#submitArea {
position relative ;
bottom 2.2em ;
left 18% ;
}
#area {
position relative ;
bottom 2.2em ;
left 20% ;
}
#matchSubmit {
padding .5em 1em ;
background-color #1e8880 ;
font-size 1.2em ;
border none ;
border-radius 20px ;
box-shadow 1px 5px 8px 0px rgba (0 , 0 , 0 , 0.5 );
outline none ;
width 4% ;
display inline-block ;
margin 3% ;
position relative ;
left 40% ;
bottom 10em ;
a {
color white ;
}
}
#matchSubmit :active {
box-shadow none ;
}
.creatorName {
color #00bfff ;
}
.creatorName :hover {
text-decoration underline ;
}
.skill {
width 300px ;
}
#parkAnchor {
color grey ;
}
#next {
margin-bottom 1em ;
}
#prev {
margin-left .5em ;
}
}
// #upComing {
// width: 80%;
// margin: 2% 10%;
// select {
// font-size: 18px;
// margin: 1em .5em .5em;
// border: none;
// padding: 8px 10px;
// border-radius: 5px;
// background-color: #e3e3e3;
// }
// #sportImage {
// display: inline-block;
// width: 23%;
// margin: 1% 2%;
// position: relative;
// top: 2em;
// img{
// width: 100%;
// }
// }
// a {
// text-decoration: none;
// color: black;
// }
// a:hover {
// text-decoration: underline;
// }
// ul {
// width: 100%;
// padding: 0;
// height: 18em;
// background-color: white;
// float: left;
// }
// li:nth-last-child(1){
// margin-bottom:35px;
// }
// li {
// list-style-type: none;
// padding-bottom: 5px;
// width: 20%;
// }
// h2 {
// display: inline-block;
// float: left;
// margin-bottom: 0
// }
// .description {
// display: inline-block;
// font-size: 1em;
// line-height: 1.7em;
// width: 40%;
// margin: 1% 2%;
// position: relative;
// bottom: 7em;
// }
// #skillProgress {
// position: relative;
// right: 15%;
// bottom: 5em;
// display: inline-block;
// .skill{
// width: 100%;
// }
// }
// .players {
// display: inline-block;
// width: 40%;
// margin-left: 5%;
// position: relative;
// left: 25%;
// bottom: 5.5em;
// text-decoration: none;
// img {
// border-radius: 100%;
// width: 20%;
// }
// .name{
// position: relative;
// right: 17%;
// top: 1em;
// }
// .empty{
// opacity: 0.3;
// border: 2px dashed black;
// position: relative;
// top: .3em;
// }
// }
// #areaSearch {
// display: inline-block;
// }
// #areaInput {
// line-height: normal;
// position: relative;
// left: 15%;
// bottom: 2.2em;
// }
// #submitArea {
// position: relative;
// bottom: 2.2em;
// left: 18%;
// }
// #area {
// position: relative;
// bottom: 2.2em;
// left: 20%;
// }
// #matchSubmit {
// padding: .5em 1em;
// background-color: #1e8880;
// font-size: 1.2em;
// border: none;
// border-radius: 20px;
// box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.5);
// outline: none;
// width: 4%;
// display: inline-block;
// margin: 3%;
// position: relative;
// left: 40%;
// bottom: 10em;
// a {
// color: white;
// }
// }
// #matchSubmit:active {
// box-shadow: none;
// }
// .creatorName {
// color: #00bfff;
// }
// .creatorName:hover {
// text-decoration: underline;
// }
// .skill {
// width: 300px;
// }
// #parkAnchor {
// color: grey;
// }
// #next {
// margin-bottom: 1em;
// }
// #prev {
// margin-left: .5em;
// }
// }
