Archived
many things, comments working.
This commit is contained in:
@@ -2,15 +2,21 @@
|
||||
|
||||
|
||||
$lightgrey: #D1D1D1;
|
||||
$lightergrey: #959595;
|
||||
$midgrey: #787878;
|
||||
$darkgrey: #434343;
|
||||
$darkred: #AB0000;
|
||||
|
||||
|
||||
|
||||
@media only screen
|
||||
and (min-width: 1000px)
|
||||
{
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: color 0.25s;
|
||||
color: $darkred;
|
||||
@@ -19,17 +25,6 @@ and (min-width: 1000px)
|
||||
color: #F00;
|
||||
}
|
||||
}
|
||||
a.arrow {
|
||||
background: url('/assets/arrow-midgrey.png') no-repeat left;
|
||||
color: $midgrey;
|
||||
padding-left: 0.7em;
|
||||
margin: 0.6em;
|
||||
&:hover {
|
||||
background: url('/assets/arrow-darkred.png') no-repeat left;
|
||||
color: $darkred;
|
||||
padding-left: 0.7em;
|
||||
}
|
||||
}
|
||||
#notice {
|
||||
background: #8e8;
|
||||
text-align: center;
|
||||
@@ -54,7 +49,6 @@ and (min-width: 1000px)
|
||||
box-shadow: 0 0 2px;
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
text-shadow: 1px 1px #555;
|
||||
#logo {
|
||||
margin: 9px;
|
||||
margin-left: 20px;
|
||||
@@ -88,10 +82,16 @@ and (min-width: 1000px)
|
||||
float: right;
|
||||
padding: 0 10px;
|
||||
margin-top: 6px;
|
||||
text-align: right;
|
||||
&.logged-out {
|
||||
margin-top: 2px;
|
||||
}
|
||||
img.avatar {
|
||||
border: 1px solid #000;
|
||||
border-radius: 16px;
|
||||
vertical-align: middle;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
&:hover {
|
||||
box-shadow: 0 0 2px;
|
||||
}
|
||||
@@ -107,7 +107,19 @@ and (min-width: 1000px)
|
||||
img.user-avatar {
|
||||
border: 1px solid #000;
|
||||
border-radius: 4px;
|
||||
height: 128px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
img.avatar {
|
||||
image-rendering:optimizeSpeed;
|
||||
image-rendering:-moz-crisp-edges;
|
||||
image-rendering:-o-crisp-edges;
|
||||
image-rendering:optimize-contrast;
|
||||
image-rendering:-webkit-optimize-contrast;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
}
|
||||
|
||||
span.no-about {
|
||||
color: #888;
|
||||
font-style: italic;
|
||||
@@ -165,6 +177,15 @@ and (min-width: 1000px)
|
||||
|
||||
#comments {
|
||||
margin: 50px 0 0 40px;
|
||||
.comment {
|
||||
margin-bottom: 12px;
|
||||
padding: 15px;
|
||||
box-shadow: 0 0 10px #bbb inset;
|
||||
&.author {
|
||||
background: #dadada;
|
||||
box-shadow: 0 0 10px #a7a7a7 inset;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
width: 480px;
|
||||
height: 106px;
|
||||
@@ -172,4 +193,77 @@ and (min-width: 1000px)
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
&[type=text], &[type=email], &[type=password] {
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
background: #eee;
|
||||
margin: 4px;
|
||||
box-shadow: 0 0 5px $lightgrey inset;
|
||||
height: 17px;
|
||||
width: 300px;
|
||||
padding: 1px 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
background: #eee;
|
||||
margin: 4px;
|
||||
box-shadow: 0 0 5px $lightgrey inset;
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
max-width: 100%;
|
||||
min-width: 300px;
|
||||
min-height: 50px;
|
||||
padding: 1px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.field_with_errors {
|
||||
input {
|
||||
&[type=text], &[type=email], &[type=password] {
|
||||
border: 1px solid #f00;
|
||||
box-shadow: 0 0 5px #faa inset;
|
||||
}
|
||||
}
|
||||
.error {
|
||||
color: #f60;
|
||||
}
|
||||
}
|
||||
|
||||
#form_labels {
|
||||
text-align: right;
|
||||
float: left;
|
||||
label {
|
||||
display: block;
|
||||
padding: 0 0 4px 0;
|
||||
margin: 0 4px 4px;
|
||||
height: 17px;
|
||||
}
|
||||
}
|
||||
#form_inputs {
|
||||
|
||||
}
|
||||
|
||||
#edit_profile {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.btn-blue {
|
||||
border: 1px solid;
|
||||
padding: 6px;
|
||||
background: #4096ee;
|
||||
cursor: default;
|
||||
color: #fff;
|
||||
&:hover {
|
||||
box-shadow: 0 0 5px #095fb7 inset;
|
||||
color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user