jam-cloud/web/app/assets/stylesheets/dialogs/gettingStartDialog.css.scss

160 lines
2.3 KiB
SCSS

@import "client/common";
#getting-started-dialog {
height:auto;
width:auto;
.ftue-inner h2 {
font-weight:normal;
color:#ed3618;
margin-bottom:6px;
font-size:1.7em;
}
.icheckbox_minimal {
display:inline-block;
position:relative;
top:3px;
margin-right:3px;
}
.show-getting-started {
position:absolute;
margin-left:-280px;
right:50%;
top:-2px;
width:280px;
color:rgb(170, 170, 170);
span {
font-size:15px;
}
}
.close-btn {
position:relative;
}
.title {
width:97%;
margin:20px 1.5%;
}
.row {
font-size:12px;
font-weight:300;
margin:10px 0;
@include border_box_sizing;
.column {
@include border_box_sizing;
width:47%;
float:left;
background-color:black;
padding: 10px;
height:140px;
margin: 0 1.5%;
}
&.full {
.column {
width:97%;
margin:0 1.5%;
height:78px;
}
}
&.find-connect {
.column {
height:128px;
}
}
&.setup-gear {
.action-button {
float:right;
margin-top:2px;
}
}
&.learn-more {
height:80px;
margin-bottom:20px;
.blurb a {
margin-left:5px;
}
}
&.dialog-buttons {
margin-top:35px;
}
.action-button {
margin-top:10px;
text-align:center;
}
.blurb {
line-height:1.3em;
}
.buttons {
width:100%;
margin:0 auto;
text-align:center;
}
.social-buttons {
text-align:center;
width:100;
margin:0 auto;
height:24px;
line-height:24px;
vertical-align:middle;
a {
vertical-align: middle;
line-height:24px;
height:24px;
margin:5px;
}
span {
vertical-align: top;
line-height:24px;
height:24px;
}
}
}
.column {
@include border_box_sizing;
}
.get-a-free-jamtrack-section {
&.has-free-jamtrack {
h2.get-a-free-jamtrack {
display:block;
}
.action-button {
margin-top:-7px;
}
}
&.no-free-jamtrack {
h2.browse-jamtracks {
display:block;
}
}
}
.ftue-inner table a {
text-decoration:none;
}
}