mirror of
https://github.com/vale981/Vulcan
synced 2025-03-06 10:01:40 -05:00
working on CSS
This commit is contained in:
Sacha Greif
parent
7b3153d805
commit
e04a4e98e3
7 changed files with 156 additions and 50 deletions
|
|
@ -113,46 +113,46 @@ form > div, .accounts-dialog > div {
|
|||
form > div:after, .accounts-dialog > div:after {
|
||||
clear: both; }
|
||||
/* line 12, ../scss/global/_forms.scss */
|
||||
form .control-group, form .form-group, .accounts-dialog .control-group, .accounts-dialog .form-group {
|
||||
form .control-group, form .form-group, form .at-input, .accounts-dialog .control-group, .accounts-dialog .form-group, .accounts-dialog .at-input {
|
||||
/* For modern browsers */
|
||||
/* For IE 6/7 (trigger hasLayout) */
|
||||
*zoom: 1;
|
||||
margin-bottom: 15px; }
|
||||
/* line 6, ../scss/includes/_mixins.scss */
|
||||
form .control-group:before, form .control-group:after, form .form-group:before, form .form-group:after, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after {
|
||||
form .control-group:before, form .control-group:after, form .form-group:before, form .form-group:after, form .at-input:before, form .at-input:after, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after, .accounts-dialog .at-input:before, .accounts-dialog .at-input:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
/* line 10, ../scss/includes/_mixins.scss */
|
||||
form .control-group:after, form .form-group:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after {
|
||||
form .control-group:after, form .form-group:after, form .at-input:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after, .accounts-dialog .at-input:after {
|
||||
clear: both; }
|
||||
/* line 15, ../scss/global/_forms.scss */
|
||||
form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
|
||||
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
|
||||
font-weight: bold;
|
||||
display: block; }
|
||||
@media screen and (max-width: 40em) {
|
||||
/* line 15, ../scss/global/_forms.scss */
|
||||
form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
|
||||
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
|
||||
margin-bottom: 5px; } }
|
||||
@media screen and (min-width: 40em) {
|
||||
/* line 15, ../scss/global/_forms.scss */
|
||||
form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
|
||||
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
|
||||
float: left;
|
||||
margin-right: 10px; } }
|
||||
/* line 26, ../scss/global/_forms.scss */
|
||||
form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls {
|
||||
form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls {
|
||||
position: relative; }
|
||||
@media screen and (min-width: 40em) {
|
||||
/* line 26, ../scss/global/_forms.scss */
|
||||
form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls {
|
||||
form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls {
|
||||
margin-left: 200px; } }
|
||||
/* line 31, ../scss/global/_forms.scss */
|
||||
form .control-group .controls .inline-link, form .form-group .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .controls .inline-link {
|
||||
form .control-group .controls .inline-link, form .form-group .controls .inline-link, form .at-input .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .controls .inline-link, .accounts-dialog .at-input .controls .inline-link {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 2px;
|
||||
right: 8px; }
|
||||
/* line 36, ../scss/global/_forms.scss */
|
||||
form .control-group .controls .inline-link.loading, form .form-group .controls .inline-link.loading, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .controls .inline-link.loading {
|
||||
form .control-group .controls .inline-link.loading, form .form-group .controls .inline-link.loading, form .at-input .controls .inline-link.loading, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .controls .inline-link.loading, .accounts-dialog .at-input .controls .inline-link.loading {
|
||||
background: url(/img/loading.gif) center center no-repeat;
|
||||
height: 22px;
|
||||
width: 18px;
|
||||
|
|
@ -160,23 +160,23 @@ form .control-group, form .form-group, .accounts-dialog .control-group, .account
|
|||
text-shadow: none;
|
||||
color: transparent; }
|
||||
/* line 43, ../scss/global/_forms.scss */
|
||||
form .control-group .controls label, form .form-group .controls label, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .controls label {
|
||||
form .control-group .controls label, form .form-group .controls label, form .at-input .controls label, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .controls label, .accounts-dialog .at-input .controls label {
|
||||
display: block;
|
||||
margin-bottom: 5px; }
|
||||
/* line 47, ../scss/global/_forms.scss */
|
||||
form .control-group .controls label.inline, form .form-group .controls label.inline, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline {
|
||||
form .control-group .controls label.inline, form .form-group .controls label.inline, form .at-input .controls label.inline, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline, .accounts-dialog .at-input .controls label.inline {
|
||||
display: inline-block;
|
||||
margin-bottom: 0; }
|
||||
/* line 52, ../scss/global/_forms.scss */
|
||||
form .control-group.inline, form .form-group.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline {
|
||||
form .control-group.inline, form .form-group.inline, form .at-input.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline, .accounts-dialog .at-input.inline {
|
||||
margin-bottom: 10px; }
|
||||
/* line 53, ../scss/global/_forms.scss */
|
||||
form .control-group.inline .controls, form .form-group.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.inline .controls {
|
||||
form .control-group.inline .controls, form .form-group.inline .controls, form .at-input.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.inline .controls, .accounts-dialog .at-input.inline .controls {
|
||||
margin-left: 0px;
|
||||
width: 80%;
|
||||
float: left; }
|
||||
/* line 58, ../scss/global/_forms.scss */
|
||||
form .control-group.inline .submit, form .form-group.inline .submit, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.inline .submit {
|
||||
form .control-group.inline .submit, form .form-group.inline .submit, form .at-input.inline .submit, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.inline .submit, .accounts-dialog .at-input.inline .submit {
|
||||
float: right; }
|
||||
/* line 64, ../scss/global/_forms.scss */
|
||||
form .form-actions, form .form-group, .accounts-dialog .form-actions, .accounts-dialog .form-group {
|
||||
|
|
@ -367,7 +367,7 @@ a {
|
|||
height: 300px; }
|
||||
|
||||
/* line 39, ../scss/global/_main.scss */
|
||||
.grid-module {
|
||||
.grid-module, .at-form {
|
||||
background: white;
|
||||
margin-bottom: 10px;
|
||||
padding: 15px; }
|
||||
|
|
@ -518,6 +518,55 @@ h4 {
|
|||
li {
|
||||
margin: 0 0 10px 0; }
|
||||
|
||||
/* line 5, ../scss/specific/_accounts.scss */
|
||||
.at-oauth {
|
||||
text-align: center; }
|
||||
/* line 7, ../scss/specific/_accounts.scss */
|
||||
.at-oauth .at-social-btn {
|
||||
margin: 0 auto 15px auto; }
|
||||
|
||||
/* line 12, ../scss/specific/_accounts.scss */
|
||||
.at-sep {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px; }
|
||||
/* line 17, ../scss/specific/_accounts.scss */
|
||||
.at-sep:before, .at-sep:after {
|
||||
display: block;
|
||||
content: " ";
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 48%; }
|
||||
/* line 25, ../scss/specific/_accounts.scss */
|
||||
.at-sep:before {
|
||||
left: -55%; }
|
||||
/* line 28, ../scss/specific/_accounts.scss */
|
||||
.at-sep:after {
|
||||
right: -55%; }
|
||||
|
||||
/* line 34, ../scss/specific/_accounts.scss */
|
||||
.at-input label {
|
||||
margin-bottom: 5px; }
|
||||
|
||||
/* line 39, ../scss/specific/_accounts.scss */
|
||||
#at-forgotPwd {
|
||||
font-size: 13px;
|
||||
float: right;
|
||||
margin-top: -8px; }
|
||||
|
||||
/* line 45, ../scss/specific/_accounts.scss */
|
||||
#at-btn {
|
||||
margin: 0 auto; }
|
||||
|
||||
/* line 49, ../scss/specific/_accounts.scss */
|
||||
.at-signup-link {
|
||||
border-top: 1px solid #ddd;
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
text-align: center; }
|
||||
|
||||
/* line 1, ../scss/specific/_dropdown.scss */
|
||||
.has-dropdown .dropdown {
|
||||
position: relative; }
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ form, .accounts-dialog{
|
|||
>div{
|
||||
@include cf;
|
||||
}
|
||||
.control-group, .form-group{
|
||||
.control-group, .form-group, .at-input{
|
||||
@include cf;
|
||||
margin-bottom:$grid-padding;
|
||||
>label{
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
height:300px;
|
||||
}
|
||||
|
||||
.grid-module{
|
||||
.grid-module, .at-form{
|
||||
background: white;
|
||||
margin-bottom: $grid-margin;
|
||||
padding: $grid-padding;
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@
|
|||
|
||||
// Specific Styles (header, posts, etc.)
|
||||
|
||||
@import "specific/accounts";
|
||||
@import "specific/dropdown";
|
||||
@import "specific/errors";
|
||||
@import "specific/header";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,54 @@
|
|||
.at-form{
|
||||
|
||||
}
|
||||
|
||||
.at-oauth{
|
||||
text-align: center;
|
||||
.at-social-btn{
|
||||
margin: 0 auto 15px auto;
|
||||
}
|
||||
}
|
||||
|
||||
.at-sep{
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
&:before, &:after{
|
||||
display: block;
|
||||
content: " ";
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 48%;
|
||||
}
|
||||
&:before{
|
||||
left: -55%;
|
||||
}
|
||||
&:after{
|
||||
right: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.at-input{
|
||||
label{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#at-forgotPwd{
|
||||
font-size: 13px;
|
||||
float: right;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
#at-btn{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.at-signup-link{
|
||||
border-top: 1px solid #ddd;
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -18,12 +18,13 @@
|
|||
margin-right: auto; }
|
||||
|
||||
/* line 47, ../scss/partials/_grid.scss */
|
||||
.grid-small, .entry {
|
||||
.grid-small, .at-form {
|
||||
width: 100%;
|
||||
margin: 0 auto; }
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
@media screen and (min-width: 30em) {
|
||||
/* line 47, ../scss/partials/_grid.scss */
|
||||
.grid-small, .entry {
|
||||
.grid-small, .at-form {
|
||||
max-width: 500px; } }
|
||||
|
||||
/*================ FUNCTIONS =================*/
|
||||
|
|
@ -32,7 +33,7 @@
|
|||
/* line 108, ../scss/partials/_mixins.scss */
|
||||
.popover, .share-options {
|
||||
background: white;
|
||||
border: 1px solid #dd3416;
|
||||
border: 1px solid #DD3416;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
|
@ -204,11 +205,11 @@ em {
|
|||
left: 50%;
|
||||
top: -40px;
|
||||
opacity: 0;
|
||||
-moz-transition: ease-out opacity 300ms 0ms;
|
||||
-o-transition: ease-out opacity 300ms 0ms;
|
||||
-webkit-transition: ease-out opacity 300ms;
|
||||
-moz-transition: ease-out 300ms opacity 0ms;
|
||||
-o-transition: ease-out 300ms opacity 0ms;
|
||||
-webkit-transition: ease-out 300ms opacity;
|
||||
-webkit-transition-delay: 0ms;
|
||||
transition: ease-out opacity 300ms 0ms; }
|
||||
transition: ease-out 300ms opacity 0ms; }
|
||||
/* line 11, ../scss/partials/_tooltips.scss */
|
||||
.has-tooltip .tooltip span {
|
||||
display: block;
|
||||
|
|
@ -538,7 +539,7 @@ em {
|
|||
/* line 191, ../scss/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.not-voted:hover i {
|
||||
background: rgba(221, 52, 22, 0.1);
|
||||
color: #dd3416;
|
||||
color: #DD3416;
|
||||
text-shadow: none; }
|
||||
/* line 197, ../scss/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.voted {
|
||||
|
|
@ -587,11 +588,11 @@ em {
|
|||
border-radius: 0px 0px 3px 3px; }
|
||||
/* line 242, ../scss/modules/_posts.scss */
|
||||
.post.animate {
|
||||
-moz-transition: ease-out top 400ms 0ms;
|
||||
-o-transition: ease-out top 400ms 0ms;
|
||||
-webkit-transition: ease-out top 400ms;
|
||||
-moz-transition: ease-out 400ms top 0ms;
|
||||
-o-transition: ease-out 400ms top 0ms;
|
||||
-webkit-transition: ease-out 400ms top;
|
||||
-webkit-transition-delay: 0ms;
|
||||
transition: ease-out top 400ms 0ms; }
|
||||
transition: ease-out 400ms top 0ms; }
|
||||
/* line 246, ../scss/modules/_posts.scss */
|
||||
.post.inactive .post-content {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg=="); }
|
||||
|
|
@ -686,7 +687,7 @@ em {
|
|||
vertical-align: middle; }
|
||||
/* line 328, ../scss/modules/_posts.scss */
|
||||
.post-category:hover {
|
||||
background: #dd3416;
|
||||
background: #DD3416;
|
||||
color: white; }
|
||||
|
||||
/* line 333, ../scss/modules/_posts.scss */
|
||||
|
|
@ -719,7 +720,7 @@ em {
|
|||
line-height: 50px; }
|
||||
/* line 359, ../scss/modules/_posts.scss */
|
||||
.post-share > a.edit-link, .post-discuss > a.edit-link {
|
||||
color: #dd3416; }
|
||||
color: #DD3416; }
|
||||
/* line 362, ../scss/modules/_posts.scss */
|
||||
.post-share > a.share-link, .post-discuss > a.share-link {
|
||||
color: #7ac0e4;
|
||||
|
|
@ -732,7 +733,7 @@ em {
|
|||
color: #7ac0e4; }
|
||||
/* line 373, ../scss/modules/_posts.scss */
|
||||
.post-share > a:hover, .post-share > a:hover .action, .post-discuss > a:hover, .post-discuss > a:hover .action {
|
||||
color: #dd3416; }
|
||||
color: #DD3416; }
|
||||
/* line 377, ../scss/modules/_posts.scss */
|
||||
.post-share > a.voted, .post-discuss > a.voted {
|
||||
background: #4e555d;
|
||||
|
|
@ -851,11 +852,11 @@ em {
|
|||
.queue-container {
|
||||
position: relative;
|
||||
height: 0px;
|
||||
-moz-transition: ease-out opacity 400ms 0ms;
|
||||
-o-transition: ease-out opacity 400ms 0ms;
|
||||
-webkit-transition: ease-out opacity 400ms;
|
||||
-moz-transition: ease-out 400ms opacity 0ms;
|
||||
-o-transition: ease-out 400ms opacity 0ms;
|
||||
-webkit-transition: ease-out 400ms opacity;
|
||||
-webkit-transition-delay: 0ms;
|
||||
transition: ease-out opacity 400ms 0ms; }
|
||||
transition: ease-out 400ms opacity 0ms; }
|
||||
/* line 5, ../scss/modules/_comments.scss */
|
||||
.queue-container ul {
|
||||
position: absolute;
|
||||
|
|
@ -891,7 +892,7 @@ em {
|
|||
display: block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background: #dd3416;
|
||||
background: #DD3416;
|
||||
-moz-border-radius: 100px;
|
||||
-webkit-border-radius: 100px;
|
||||
border-radius: 100px;
|
||||
|
|
@ -921,11 +922,11 @@ em {
|
|||
background: none; }
|
||||
/* line 75, ../scss/modules/_comments.scss */
|
||||
.comment .comment-body {
|
||||
-moz-transition: ease-out opacity 600ms 0ms;
|
||||
-o-transition: ease-out opacity 600ms 0ms;
|
||||
-webkit-transition: ease-out opacity 600ms;
|
||||
-moz-transition: ease-out 600ms opacity 0ms;
|
||||
-o-transition: ease-out 600ms opacity 0ms;
|
||||
-webkit-transition: ease-out 600ms opacity;
|
||||
-webkit-transition-delay: 0ms;
|
||||
transition: ease-out opacity 600ms 0ms;
|
||||
transition: ease-out 600ms opacity 0ms;
|
||||
opacity: 1; }
|
||||
/* line 80, ../scss/modules/_comments.scss */
|
||||
.comment.comment-queued .comment-body {
|
||||
|
|
@ -987,7 +988,7 @@ em {
|
|||
text-indent: 0; }
|
||||
/* line 168, ../scss/modules/_comments.scss */
|
||||
.comment-meta .comment-permalink:hover:before {
|
||||
color: #dd3416; }
|
||||
color: #DD3416; }
|
||||
|
||||
/* line 173, ../scss/modules/_comments.scss */
|
||||
.comment-actions {
|
||||
|
|
@ -1027,7 +1028,7 @@ em {
|
|||
line-height: 30px;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
color: #dd3416; }
|
||||
color: #DD3416; }
|
||||
/* line 205, ../scss/modules/_comments.scss */
|
||||
.comment-actions a:hover {
|
||||
background: #4e555d; }
|
||||
|
|
@ -1107,7 +1108,7 @@ em {
|
|||
.error {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
background: #dd3416;
|
||||
background: #DD3416;
|
||||
color: white; }
|
||||
|
||||
/* line 1, ../scss/modules/_share.scss */
|
||||
|
|
@ -1168,14 +1169,14 @@ em {
|
|||
@media screen and (max-width: 30em) {
|
||||
/* line 48, ../scss/modules/_share.scss */
|
||||
.share-options:before {
|
||||
border-bottom-color: #dd3416;
|
||||
border-bottom-color: #DD3416;
|
||||
top: -22px;
|
||||
left: 50%;
|
||||
margin-left: -12px; } }
|
||||
@media screen and (min-width: 30em) {
|
||||
/* line 48, ../scss/modules/_share.scss */
|
||||
.share-options:before {
|
||||
border-left-color: #dd3416;
|
||||
border-left-color: #DD3416;
|
||||
top: 20px;
|
||||
margin-top: -4px; } }
|
||||
/* line 63, ../scss/modules/_share.scss */
|
||||
|
|
|
|||
|
|
@ -44,10 +44,11 @@ $medium-break: 50em;
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.grid-small, .entry{
|
||||
.grid-small, .at-form{
|
||||
width: 100%;
|
||||
@include medium-large{
|
||||
max-width:500px;
|
||||
}
|
||||
margin:0 auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue