minor css tweaks
- ditch vendor prefixes for css 3 things, fuck old browsers - add a shadow around user profile avatar - whitespace
This commit is contained in:
joshua stein
parent
f639fd21e5
commit
92b794748f
|
|
@ -44,16 +44,14 @@ div.s {
|
|||
}
|
||||
|
||||
a.tag {
|
||||
border: 1px solid #d5d458;
|
||||
background-color: #fffcd7;
|
||||
border: 1px solid #d5d458;
|
||||
border-radius: 10px;
|
||||
color: #555;
|
||||
font-size: 7.5pt;
|
||||
margin-left: 0.25em;
|
||||
padding: 0px 0.5em 1px 0.5em;
|
||||
text-decoration: none;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
color: #555;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
|
|
@ -153,29 +151,29 @@ input[type="button"],
|
|||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
div.select2-choices {
|
||||
display: inline-block;
|
||||
padding: 2px 10px 2px 10px;
|
||||
line-height: 18px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom-color: #bbb;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 2px 10px 2px 10px;
|
||||
line-height: 18px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom-color: #bbb;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:first-child,
|
||||
input[type="button"]:first-child,
|
||||
input[type="reset"]:first-child,
|
||||
input[type="submit"]:first-child {
|
||||
*margin-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
button:hover,
|
||||
input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-color: #e6e6e6;
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
select {
|
||||
|
|
@ -317,14 +315,17 @@ div#user_about {
|
|||
}
|
||||
|
||||
div#gravatar {
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100% 100%;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
|
||||
float: right;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
div#gravatar img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50px;
|
||||
-webkit-border-radius: 50px;
|
||||
-moz-border-radius: 50px;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
/* stories */
|
||||
|
|
@ -939,25 +940,14 @@ div.errorExplanation {
|
|||
color: white;
|
||||
background-color: #eedc94;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
|
||||
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
|
||||
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: linear-gradient(top, #fceec1, #eedc94);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #eedc94 #eedc94 #e4c652;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
div.flash-error a,
|
||||
|
|
@ -991,14 +981,7 @@ div.flash-error,
|
|||
div.errorExplanation {
|
||||
background-color: #c43c35;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
|
||||
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
|
||||
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
|
||||
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
|
||||
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
|
||||
background-image: linear-gradient(top, #ee5f5b, #c43c35);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #c43c35 #c43c35 #882a25;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
|
|
@ -1006,14 +989,7 @@ div.errorExplanation {
|
|||
div.flash-success {
|
||||
background-color: #57a957;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
|
||||
background-image: -moz-linear-gradient(top, #62c462, #57a957);
|
||||
background-image: -ms-linear-gradient(top, #62c462, #57a957);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
|
||||
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
|
||||
background-image: -o-linear-gradient(top, #62c462, #57a957);
|
||||
background-image: linear-gradient(top, #62c462, #57a957);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #57a957 #57a957 #3d773d;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
|
|
@ -1021,14 +997,7 @@ div.flash-success {
|
|||
div.flash-notice {
|
||||
background-color: #339bb9;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
|
||||
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
|
||||
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
|
||||
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
|
||||
background-image: linear-gradient(top, #5bc0de, #339bb9);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #339bb9 #339bb9 #22697d;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
|
|
@ -1067,56 +1036,6 @@ div.fieldWithErrors {
|
|||
}
|
||||
|
||||
|
||||
/* modal confirm() */
|
||||
div.modal_confirm {
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
top: 0px;
|
||||
z-index: 20;
|
||||
}
|
||||
div.modal_confirm_wrapper {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
top: 0px;
|
||||
z-index: 21;
|
||||
}
|
||||
div.modal_confirm_content {
|
||||
background-color: white;
|
||||
color: #333;
|
||||
|
||||
padding: 15px;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
text-align: center;
|
||||
margin-top: 150px;
|
||||
width: 35%;
|
||||
z-index: 22;
|
||||
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
|
||||
}
|
||||
div.modal_confirm_content div.modal_confirm_buttonbar {
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.modal_confirm_content div.modal_confirm_buttonbar input.default_button {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* select2 deuglification */
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
|
|
@ -1134,26 +1053,17 @@ div.modal_confirm_content div.modal_confirm_buttonbar input.default_button {
|
|||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
border: 1px solid #aaa;
|
||||
border-bottom-color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue