@import "compass/css3"; @import "_constants.scss"; #content { font-family: $font-family-sans-serif; margin-top: 30px; h1 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } p { font-size: 13px; color: #777; margin-bottom: 10px; } a { text-decoration: underline; } label { font-size: 13px; font-weight: bold; } } #notifications_form { fieldset { margin-bottom: 10px; } } #account_form { label { display: block; } .email_address_input, .username_input { position: relative; } input[type=text], input[type=email] { width: 290px; margin-bottom: 10px; } } #password_form { input[type=password] { width: 290px; margin-bottom: 10px; } } .delete_account { background: #f4f4f4; border: 1px solid #ccc; padding: 15px; margin-top: 90px; @include border-radius(3px); &.grid_10 { width: 780px; } } #connected_apps { margin-top: 80px; .grid_12 { margin-bottom: 30px; hgroup { h1 { font-size: 32px; line-height: 36px; } h2 { color: #777; } } } .app_settings { hgroup { overflow: hidden; padding: 5px; @include border-top-radius(3px); h1 { font-size: 15px; line-height: 25px; color: $white; margin-bottom: 0; span.icon { display: block; float: left; vertical-align: bottom; margin-right: 8px; width: 25px; height: 25px; } } h2 { a { text-decoration: none; &:hover { text-decoration: underline; } } } } form { border: 1px solid #ccc; border-top: none; padding: 12px; min-height: 135px; @include border-bottom-radius(3px); label { font-size: 12px; font-weight: normal; } button[name=disconnect] { position: absolute; font-weight: bold; background: #ccc; margin-left: -60px; left: 50%; bottom: 10px; @include transition(background 0.15s ease-in-out); &:hover { background: $black; } } } &.facebook { hgroup { background-color: $facebook-color; } } &.twitter { hgroup { background-color: $twitter-color; h1 { float: left; width: 175px; } h2 { float: right; margin: 3px 5px 0 0; color: $white; } } } } } a.connect_facebook, a.connect_twitter { background-image: none; text-align: center; width: 297px; height: 185px; span.add { display: block; font-size: 72px; font-weight: bold; line-height: 64px; margin-top: 40px; } } #delete_account_form { .notification { margin: 0 0 20px; } h2 { font-size: 16px; font-weight: bold; margin-bottom: 5px; } label { display: block; font-size: 16px; margin-bottom: 15px; } input[type=submit] { background-color: $black; margin-bottom: 15px; @include transition(background-color 0.15s ease-out); &:hover { background-color: $red; } } textarea { width: 750px; min-width: 750px; max-width: 750px; margin-bottom: 15px; } p.bottom { margin-bottom: 0; } } .notification { p { margin-bottom: 0 !important; } &.error { p { color: #6c0000 !important; } } &.success { p { color: #244523 !important; } } }