jam-cloud/web/app/assets/stylesheets/client/createSession.css.scss

147 lines
2.4 KiB
SCSS

.create-session {
.content {
.content-head {
position:absolute;
z-index:1;
padding: 4px 0;
width:100%;
.content-icon {
margin-left:4px;
}
}
}
}
.session-wrapper {
padding: 29px 35px 10px;
white-space: initial;
> div.session {
width: 50%;
padding-top: 10px;
&.right {
font-size: 13px;
}
}
}
#btn-choose-friends {
margin:0;
}
#create-session-genre select, #create-session-band select {
min-width:140px;
}
#find-session-genre select, #find-session-musician select {
width:145px;
}
.session-description {
padding:5px;
width:80%;
height:80px;
}
.radio-text {
font-size:13px;
line-height:17px;
}
.terms-checkbox {
float:left;
display:block;
margin-right:5px;
}
.terms {
font-size:11px;
width:auto;
display:block;
white-space:normal;
}
.friendbox {
background-color:#c5c5c5;
border:none;
-webkit-box-shadow: inset 2px 2px 3px 0px #888;
box-shadow: inset 2px 2px 3px 0px #888;
color:#333;
padding:5px;
height:60px;
input[type=text] {
-webkit-box-shadow: inset 0px 0px 0px 0px #888;
box-shadow: inset 0px 0px 0px 0px #888;
color:#666;
font-style:italic;
}
}
.invitation {
margin:0px 4px 4px 4px;
float:left;
display:block;
background-color:#666;
color:#fff;
font-size:12px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding:2px 2px 2px 4px;
vertical-align:middle;
}
.choosefriends-overlay {
width:384px;
height:344px;
padding:8px;
background-color:#787878;
position:fixed;
top:20%;
left:50%;
margin-left:-200px;
}
.choosefriends-inner {
height:300px;
overflow:auto;
background-color:#262626;
}
.choosefriends-inner tr.selected td {
background-color:#333333;
color:#787878;
cursor:default;
}
.choosefriends-inner tr.selected div, .choosefriends-inner tr.selected span {
opacity:.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.choosefriends-inner td {
padding:10px;
border-bottom:solid 1px #999;
cursor:pointer;
}
div[layout-id="createSession"] .icheckbuttons {
margin-top:5px;
div.iradio_minimal {
float:left;
}
label {
float:left;
margin:0 10px 0 3px;
}
}