1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-10-31 10:36:53 +00:00
not-gwent-online/client/scss/main.scss

151 lines
2.1 KiB
SCSS
Raw Normal View History

2015-06-18 13:06:13 +00:00
//@import "style";
@import "backbone.modal";
@import "backbone.modal.theme";
2015-06-10 14:25:27 +00:00
$height: 600px;
$game-height: 800px;
.board {
height: $game-height;
border: 1px solid black;
}
.battleside {
width: 100%;
height: $height/2;
border: 1px solid black;
}
.field {
2015-06-21 14:50:50 +00:00
//width: 100%;
2015-06-10 14:25:27 +00:00
height: 100px;
2015-06-20 11:08:11 +00:00
border: 1px solid black;/*
overflow: hidden;
&:hover {
overflow: visible;
}*/
2015-06-19 15:15:26 +00:00
2015-06-20 11:08:11 +00:00
.card:first-child {
margin-left: 0 !important;
}
2015-06-19 15:15:26 +00:00
&.active {
box-shadow: 0px 0px 15px #ffbb0b;
}
2015-06-10 14:25:27 +00:00
}
2015-06-21 14:50:50 +00:00
.field-horn {/*
border: 1px solid green;*/
/*clear: both;*/
margin: 0px;
padding: 0px;
}
2015-06-10 14:25:27 +00:00
.field:hover, .field-single:hover {
box-shadow: 0px 0px 10px #000;
}
.field-hand {
margin-top: 20px;
.card {
2015-06-20 11:08:11 +00:00
margin-left: -31px;
&:first-child {
margin-left: 0 !important;
}
2015-06-10 14:25:27 +00:00
&:hover {
position: relative;
z-index: 10;
transform: scale(1.25,1.25);
}
}
}
2015-06-14 18:50:53 +00:00
.passing {/*
display: none;*/
2015-06-10 14:25:27 +00:00
}
.field-single {
2015-06-20 11:08:11 +00:00
border: 1px solid black;/*
width: 85px;*/
/*margin: 5px;*/
height: 98px;
2015-06-10 14:25:27 +00:00
}
.left-side {
//height: $game-height;
}
.game-info {
height: $game-height/2 - 100px;
width: 100%;
border: 1px solid black;
2015-06-14 14:01:25 +00:00
background: rgba(252, 219, 125, 0.51);
}
.removeBackground {
background: 0;
2015-06-10 14:25:27 +00:00
}
.mid-line {
width: 100%;
height: 1px;
border: 1px solid black;
margin: 5px;
}
.right-side {
border: 1px solid black;
height: $game-height/2;
}
.card {
border: 2px solid black;
float: left;
margin: 3px;
height: 90px;
overflow: hidden;
img {
height: 120px;
}
2015-06-14 18:50:53 +00:00
span {
color: #00b000;
font-weight: bold;
2015-06-21 14:50:50 +00:00
font-size: 20px;
2015-06-14 18:50:53 +00:00
position: absolute;
text-shadow: 1px 1px #101010;
2015-06-21 14:50:50 +00:00
margin-top: 62px;
margin-left: 0px;
2015-06-14 18:50:53 +00:00
cursor: default;
}
2015-06-18 13:06:13 +00:00
&.disabled {
opacity: 0.5;
}
&.activeCard {
position: relative;
z-index: 11;
transform: scale(1.5,1.5) !important;
}
2015-06-10 14:25:27 +00:00
}
.card-preview {
2015-06-13 20:04:44 +00:00
position: absolute;/*
display: none;*/
2015-06-18 13:06:13 +00:00
z-index: 110;
2015-06-10 14:25:27 +00:00
}
i {
display: block;
float: left;
height: 40px;
width: 40px;
2015-06-19 16:40:35 +00:00
background: url("../../assets/ruby-grey.png");
2015-06-10 14:25:27 +00:00
&.ruby {
2015-06-19 16:40:35 +00:00
background: url("../../assets/ruby.png");
2015-06-10 14:25:27 +00:00
}
2015-06-13 07:58:55 +00:00
}