Skip to content

Q
question2answer
Commit 92172a43 by Scott Vivian
Options

Snow theme: Fix inconsistent CSS indentation/spacing

parent 6b810cd7
Showing with 1764 additions and 1349 deletions
qa-theme/Snow/qa-styles.css
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
clear: both; clear: both;
height: 0; height: 0;
} }
.clearfix, .clearfix,
#qa-login-group, #qa-login-group,
.qa-header, .qa-header,
...@@ -35,9 +36,15 @@ ...@@ -35,9 +36,15 @@
.qa-main-wrapper, .qa-main-wrapper,
.qa-nav-main-list, .qa-nav-main-list,
.qa-nav-sub-list, .qa-nav-sub-list,
.qa-nav-cat-item { display: inline-table; } .qa-nav-cat-item {
display: inline-table;
}
/* Hides from IE-mac \*/ /* Hides from IE-mac \*/
* html .clearfix { height: 1%; } * html .clearfix {
height: 1%;
}
.clearfix, .clearfix,
#qa-login-group, #qa-login-group,
.qa-header, .qa-header,
...@@ -47,892 +54,1039 @@ ...@@ -47,892 +54,1039 @@
.qa-main-wrapper, .qa-main-wrapper,
.qa-nav-main-list, .qa-nav-main-list,
.qa-nav-sub-list, .qa-nav-sub-list,
.qa-nav-cat-item { display: block; } .qa-nav-cat-item {
/* End hide from IE-mac */ display: block;
}
:-moz-placeholder{ /* End hide from IE-mac */
color:#aaa !important; :-moz-placeholder {
font-style:italic; color: #aaa !important;
line-height:20px; font-style: italic;
line-height: 20px;
} }
::-webkit-input-placeholder{
color:#aaa !important; ::-webkit-input-placeholder {
font-style:italic; color: #aaa !important;
line-height:20px; font-style: italic;
line-height: 20px;
} }
html { html {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
} }
body { body {
background:#eee url(images/bodybg.jpg)repeat left top; background: #eeeeee url(images/bodybg.jpg) repeat left top;
text-align:center; text-align: center;
margin: 0 0 80px; margin: 0 0 80px;
padding:0; padding: 0;
} }
body,td,input,textarea {
font:14px/1.5 Helvetica, Arial, sans-serif; body, td, input, textarea {
color:#333; font: 14px/1.5 Helvetica, Arial, sans-serif;
color: #333;
} }
a:link, a:visited { a:link, a:visited {
text-decoration:none; text-decoration: none;
color:#0179b5; color: #0179b5;
} }
a:hover, a:active{
color:#0179b5; a:hover, a:active {
text-decoration:underline; color: #0179b5;
text-decoration: underline;
} }
button::-moz-focus-inner { button::-moz-focus-inner {
border:0; border: 0;
padding:0; padding: 0;
} }
form, fieldset{
padding:0; form, fieldset {
margin:0; padding: 0;
border:none; margin: 0;
} border: none;
input[type="text"],input[type="password"],textarea,select,checkbox,radio{ }
border:1px solid #ddd;
padding:5px; input[type="text"], input[type="password"], textarea, select, checkbox, radio {
color:#777; border: 1px solid #ddd;
padding: 5px;
color: #777;
border-radius: 3px; border-radius: 3px;
line-height: normal; line-height: normal;
-moz-transition:box-shadow ease-in-out 0.5s, border ease-in-out 0.5s; -moz-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
-webkit-transition:box-shadow ease-in-out 0.5s, border ease-in-out 0.5s; -webkit-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
-o-transition:box-shadow ease-in-out 0.5s, border ease-in-out 0.5s; -o-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
transition:box-shadow ease-in-out 0.5s, border ease-in-out 0.5s; transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
} }
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
box-shadow:0 2px 2px 0 rgba(0,0,0,0.3) inset; input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border:1px solid #00AAFF !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3) inset;
color:#333; border: 1px solid #00AAFF !important;
color: #333;
line-height: normal; line-height: normal;
-moz-transition:box-shadow ease-in-out 0.2s, border ease-in-out 0.2s; -moz-transition: box-shadow ease-in-out 0.2s, border ease-in-out 0.2s;
-webkit-transition:box-shadow ease-in-out 0.2s, border ease-in-out 0.2s; -webkit-transition: box-shadow ease-in-out 0.2s, border ease-in-out 0.2s;
-o-transition:box-shadow ease-in-out 0.2s, border ease-in-out 0.2s; -o-transition: box-shadow ease-in-out 0.2s, border ease-in-out 0.2s;
transition:box-shadow ease-in-out 0.2s, border ease-in-out 0.2s; transition: box-shadow ease-in-out 0.2s, border ease-in-out 0.2s;
} }
input { input {
outline:none; outline: none;
} }
input[type="submit"]{
cursor:pointer; input[type="submit"] {
cursor: pointer;
} }
input::-moz-focus-inner{
padding:0; input::-moz-focus-inner {
border:0; padding: 0;
border: 0;
} }
select{
background:#fff; select {
color:#666; background: #fff;
border:1px solid #ccc; color: #666;
padding:2px 0 2px 2px; border: 1px solid #ccc;
padding: 2px 0 2px 2px;
}
table {
border-collapse: collapse;
} }
table {border-collapse:collapse}
table tr:hover{background: #fafafa} table tr:hover {
background: #fafafa;
}
/* Headings */ /* Headings */
h1 { h1 {
color:#444; color: #444;
font-size:20px; font-size: 20px;
font-weight:700; font-weight: 700;
margin:0.5em 0 25px; margin: 0.5em 0 25px;
font-family:Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
font-weight:700; font-weight: 700;
line-height:1.1em; line-height: 1.1em;
border-bottom:1px solid #ddd; border-bottom: 1px solid #ddd;
position:relative; position: relative;
padding:14px 25px 5px 0; padding: 14px 25px 5px 0;
} }
h2 { h2 {
font-size:16px; font-size: 16px;
color:#333; color: #333;
padding:5px 10px !important; padding: 5px 10px !important;
clear:both; clear: both;
background:#eee; background: #eee;
font-family:Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
font-weight:700; font-weight: 700;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 -25px 25px -25px rgba(255,255,255,1) inset; box-shadow: 0 -25px 25px -25px white inset;
border:1px solid #ddd; border: 1px solid #ddd;
text-shadow:1px 1px 0 rgba(255,255,255,1); text-shadow: 1px 1px 0 white;
} }
h3{
margin:0 0 10px 0; h3 {
color:#111; margin: 0 0 10px 0;
} color: #111;
blockquote{ }
background:#eee;
padding:15px;
margin:30px auto;
border:1px solid #aaa;
font-size:16px;
font-style:italic;
color:#000;
position:relative;
blockquote {
background: #eee;
padding: 15px;
margin: 30px auto;
border: 1px solid #aaa;
font-size: 16px;
font-style: italic;
color: #000;
position: relative;
} }
blockquote p{
margin:0; blockquote p {
padding:0; margin: 0;
padding: 0;
} }
img{
border:none; img {
border: none;
} }
/*---[ End: global css ]---*/ /*---[ End: global css ]---*/
.qa-q-view-follows{ .qa-q-view-follows {
background:#eee; background: #eee;
padding:2px 5px; padding: 2px 5px;
} }
.qa-q-view-follows-link{
color:#3B5998 !important; .qa-q-view-follows-link {
color: #3B5998 !important;
} }
p { p {
margin-top:0; margin-top: 0;
} }
/*---[ other comomn used css ]---*/ /*---[ other comomn used css ]---*/
#qa-register,#qa-login{ #qa-register, #qa-login {
background: #0099cc; /* Old browsers */ background: #0099cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0099cc 0%, #0179b5 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, #0099cc 0%, #0179b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#0179b5)); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099cc), color-stop(100%, #0179b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0099cc 0%,#0179b5 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0099cc 0%, #0179b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0099cc 0%,#0179b5 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, #0099cc 0%, #0179b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0099cc 0%,#0179b5 100%); /* IE10+ */ background: -ms-linear-gradient(top, #0099cc 0%, #0179b5 100%); /* IE10+ */
background: linear-gradient(to bottom, #0099cc 0%,#0179b5 100%); /* W3C */ background: linear-gradient(to bottom, #0099cc 0%, #0179b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0179b5',GradientType=0 ); /* IE6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099cc', endColorstr='#0179b5',GradientType=0 ); /* IE6-8 */
border:1px solid #004f76; border: 1px solid #004f76;
color:#fff; color: #fff;
font-weight:bold; font-weight: bold;
padding:3px 10px; padding: 3px 10px;
border-radius: 3px; border-radius: 3px;
} }
#qa-register:hover,#qa-register:focus,
#qa-login:hover,#qa-login:focus{ #qa-register:hover, #qa-register:focus,
#qa-login:hover, #qa-login:focus {
background: #1ca0cc; /* Old browsers */ background: #1ca0cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjYTBjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk5Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjYTBjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk5Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1ca0cc 0%, #0099cc 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, #1ca0cc 0%, #0099cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ca0cc), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ca0cc), color-stop(100%, #0099cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1ca0cc 0%,#0099cc 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #1ca0cc 0%, #0099cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1ca0cc 0%,#0099cc 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, #1ca0cc 0%, #0099cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1ca0cc 0%,#0099cc 100%); /* IE10+ */ background: -ms-linear-gradient(top, #1ca0cc 0%, #0099cc 100%); /* IE10+ */
background: linear-gradient(to bottom, #1ca0cc 0%,#0099cc 100%); /* W3C */ background: linear-gradient(to bottom, #1ca0cc 0%, #0099cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca0cc', endColorstr='#0099cc',GradientType=0 ); /* IE6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ca0cc', endColorstr='#0099cc',GradientType=0 ); /* IE6-8 */
} }
/*---[ Begin: login bar css ]---*/ /*---[ Begin: login bar css ]---*/
#qa-login-bar{ #qa-login-bar {
background:#ddd; background: #ddd;
margin:0; margin: 0;
height:30px; height: 30px;
border-bottom:1px solid #aaa; border-bottom: 1px solid #aaa;
box-shadow:0 0 10px 0 rgba(0,0,0,0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
} }
#qa-login-group{
width:980px; #qa-login-group {
margin:0 auto; width: 980px;
padding:2px 10px; margin: 0 auto;
text-align:left; padding: 2px 10px;
} text-align: left;
#qa-loginform{ }
float:left;
} #qa-loginform {
#qa-userid,#qa-password,.qa-search-field{ float: left;
width:165px; }
margin-right:5px;
#qa-userid, #qa-password, .qa-search-field {
width: 165px;
margin-right: 5px;
padding: 4px 5px; padding: 4px 5px;
} }
#qa-userid,#qa-password{
float:left; #qa-userid, #qa-password {
} float: left;
#qa-loginform #qa-rememberbox{ }
float:left;
padding:7px 5px 1px; #qa-loginform #qa-rememberbox {
} float: left;
#qa-loginform #qa-rememberme{ padding: 7px 5px 1px;
margin:0 5px 0 0;
float:left;
}
#qa-loginform #qa-remember{
display:block;
line-height:14px;
float:left;
}
#qa-login,#qa-register{
height:25px;
margin:0 0 0 5px;
}
#qa-forgot-password{
display:inline-block;
}
#qa-forgot-password a,#qa-forgot-password a:visited{
width:24px;
height:24px;
line-height:25px;
font-size:16px;
font-weight:bold;
text-align:center;
background:#ccc;
color:#777;
display:inline-block;
box-shadow:1px 1px 0 0 #eee;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
}
#qa-forgot-password a:hover,#qa-forgot-password a:active{
text-decoration:none;
background:#aa0000;
color:#fff;
} }
#qa-loginform #qa-rememberme {
margin: 0 5px 0 0;
float: left;
}
#qa-loginform #qa-remember {
display: block;
line-height: 14px;
float: left;
}
#qa-login, #qa-register {
height: 25px;
margin: 0 0 0 5px;
}
#qa-forgot-password {
display: inline-block;
}
#qa-forgot-password a, #qa-forgot-password a:visited {
width: 24px;
height: 24px;
line-height: 25px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #ccc;
color: #777;
display: inline-block;
box-shadow: 1px 1px 0 0 #eee;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
#qa-forgot-password a:hover, #qa-forgot-password a:active {
text-decoration: none;
background: #aa0000;
color: #fff;
}
/*-- search box --*/ /*-- search box --*/
.qa-search { .qa-search {
white-space:nowrap; white-space: nowrap;
margin:0; margin: 0;
float:right; float: right;
} }
* html .qa-search { * html .qa-search {
margin-right:6px; margin-right: 6px;
} }
/* IE6 */ /* IE6 */
.qa-search form { .qa-search form {
margin:0; margin: 0;
} }
/* IE6/7 */ /* IE6/7 */
.qa-search-field { .qa-search-field {
vertical-align: bottom; vertical-align: bottom;
margin:0; margin: 0;
border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important;
} }
input[type="submit"].qa-search-button{
width:26px; input[type="submit"].qa-search-button {
height:26px; width: 26px;
margin:0 0 0 -5px; height: 26px;
padding:0; margin: 0 0 0 -5px;
text-indent:-9999px; padding: 0;
background:url(images/search.png); text-indent: -9999px;
background-repeat:no-repeat; background: url(images/search.png);
background-position:center 0; background-repeat: no-repeat;
border:1px solid #ccc; background-position: center 0;
display:inline-block; border: 1px solid #ccc;
display: inline-block;
border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important;
} }
input[type="submit"].qa-search-button:hover{
background:url(images/search.png); input[type="submit"].qa-search-button:hover {
background-repeat:no-repeat; background: url(images/search.png);
background-position:center -26px; background-repeat: no-repeat;
background-position: center -26px;
} }
/*-- nav user class --*/ /*-- nav user class --*/
.qa-nav-user { .qa-nav-user {
float:left; float: left;
font-size:12px; font-size: 12px;
color:#000; color: #000;
white-space:nowrap; white-space: nowrap;
margin:5px 0 4px 0; margin: 5px 0 4px 0;
} }
* html .qa-nav-user { * html .qa-nav-user {
margin-right:12px; margin-right: 12px;
} }
.qa-logged-in{
margin-right:1px; .qa-logged-in {
float:left; margin-right: 1px;
display:block; float: left;
display: block;
} }
/* added for 1.2 */ /* added for 1.2 */
.qa-logged-in-avatar{ .qa-logged-in-avatar {
float: left; float: left;
margin: -3px 5px 0 0; margin: -3px 5px 0 0;
width: 24px; width: 24px;
} }
.qa-logged-in-avatar .qa-avatar-image{
.qa-logged-in-avatar .qa-avatar-image {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
min-width: 24px; /* pull request */ min-width: 24px; /* pull request */
min-height: 24px; /* pull request */ min-height: 24px; /* pull request */
} }
/* end */ /* end */
.qa-logged-in-points{ .qa-logged-in-points {
float:left; float: left;
margin-left:2px; margin-left: 2px;
margin-right:5px; margin-right: 5px;
} }
/* IE6 */ /* IE6 */
.qa-nav-user-list { .qa-nav-user-list {
list-style:none; list-style: none;
display:inline; display: inline;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.qa-nav-user-item { .qa-nav-user-item {
float:left; float: left;
display:block; display: block;
margin:0; margin: 0;
padding:0 5px; padding: 0 5px;
font-weight:400; font-weight: 400;
text-transform:capitalize; text-transform: capitalize;
border-left:1px solid #aaa; border-left: 1px solid #aaa;
} }
.qa-nav-user-link { .qa-nav-user-link {
color:#3B5998 !important; color: #3B5998 !important;
} }
.qa-nav-user-register{
border-left:none; .qa-nav-user-register {
display:inline-block; border-left: none;
display: inline-block;
} }
.qa-nav-user-register .qa-nav-user-link,.qa-nav-user-register .qa-nav-user-link:visited{
padding: 0 5px; .qa-nav-user-register .qa-nav-user-link, .qa-nav-user-register .qa-nav-user-link:visited {
height:24px; padding: 0 5px;
display:inline-block; height: 24px;
margin-top:-5px; display: inline-block;
line-height:26px; margin-top: -5px;
line-height: 26px;
} }
.fb_iframe_widget span{
margin-top:-3px; .fb_iframe_widget span {
margin-top: -3px;
} }
/*---[ End: login bar css ]---*/ /*---[ End: login bar css ]---*/
/*---[ Begin: notice bar css ]---*/ /*---[ Begin: notice bar css ]---*/
.qa-notice { .qa-notice {
background:#FFC73A; background: #FFC73A;
border-bottom:3px solid #FFD77A; border-bottom: 3px solid #FFD77A;
color:#000; color: #000;
font-size:16px; font-size: 16px;
font-weight:400; font-weight: 400;
position:relative; position: relative;
padding:8px 32px; padding: 8px 32px;
box-shadow:0 2px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
} }
.qa-notice-close-button { .qa-notice-close-button {
font-family:Arial, Tahoma, Sans-serif; font-family: Arial, Tahoma, Sans-serif;
color:rgba(0,0,0,0.7); color: rgba(0, 0, 0, 0.7);
font-size:12px; font-size: 12px;
font-weight:700; font-weight: 700;
background:#FFE484; background: #FFE484;
cursor:pointer; cursor: pointer;
position:absolute; position: absolute;
padding:4px 8px; padding: 4px 8px;
line-height:normal; line-height: normal;
display:inline-block; display: inline-block;
border:none; border: none;
top:7px; top: 7px;
right:6px; right: 6px;
border-radius:15px; border-radius: 15px;
box-shadow:0 -1px 0 0 rgba(0,0,0,0.15); box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
} }
.qa-notice-close-button:hover{
background:#EAD279; .qa-notice-close-button:hover {
color:#000; background: #EAD279;
color: #000;
} }
/*---[ End: notice bar css ]---*/ /*---[ End: notice bar css ]---*/
/*---[ Begin: body css ]---*/ /*---[ Begin: body css ]---*/
.qa-body-wrapper { .qa-body-wrapper {
width:1000px; width: 1000px;
text-align:left; text-align: left;
margin:0 auto 50px auto; margin: 0 auto 50px auto;
} }
/* Clearing classes */ /* Clearing classes */
.qa-nav-main-clear,.qa-nav-sub-clear,.qa-q-item-clear,.qa-q-view-clear,.qa-a-item-clear,.qa-c-item-clear,.qa-footer-clear,.qa-page-links-clear { .qa-nav-main-clear, .qa-nav-sub-clear, .qa-q-item-clear, .qa-q-view-clear, .qa-a-item-clear, .qa-c-item-clear, .qa-footer-clear, .qa-page-links-clear {
clear:both; clear: both;
} }
/*-- header css --*/ /*-- header css --*/
.qa-header { .qa-header {
/*position:relative;*/ /*position:relative;*/
padding:15px 10px 5px; padding: 15px 10px 5px;
height:auto; height: auto;
} }
.qa-logo { .qa-logo {
float:left; float: left;
font-size:38px; font-size: 38px;
font-weight:700; font-weight: 700;
/*position:absolute; /*position:absolute;
bottom:5px; bottom:5px;
left:10px;*/ left:10px;*/
} }
.qa-logo-link,.qa-logo-link:hover {
} div.header-banner {
div.header-banner{ float: right;
float:right; margin: 0;
margin:0;
} }
/*-- qa main wrapper css --*/ /*-- qa main wrapper css --*/
.qa-main-shadow{ .qa-main-shadow {
padding:10px 10px 0; padding: 10px 10px 0;
background:url(images/shadow.png)no-repeat center -10px; background: url(images/shadow.png) no-repeat center -10px;
} }
.qa-main-wrapper{
background:#fff; .qa-main-wrapper {
box-shadow:0 0 2px 0 rgba(0,0,0,0.1); background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
} }
/*-- main + sub navigation css --*/ /*-- main + sub navigation css --*/
.qa-nav-main { .qa-nav-main {
clear:both; clear: both;
padding:0; padding: 0;
background: #eaeaea; background: #eaeaea;
border:1px solid #ddd; border: 1px solid #ddd;
} }
.qa-nav-main-list { .qa-nav-main-list {
font-size:16px; font-size: 16px;
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
font-family:Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
}
.qa-nav-main-item,.qa-nav-main-item-opp {
} }
.qa-nav-main-item { .qa-nav-main-item {
float:left; float: left;
margin:0; margin: 0;
} }
.qa-nav-main-hot a{
color:#a80000 !important; .qa-nav-main-hot a {
text-transform:uppercase; color: #a80000 !important;
font-weight:700; text-transform: uppercase;
font-weight: 700;
} }
.qa-nav-main-item-opp { .qa-nav-main-item-opp {
float:right; float: right;
padding-right:0; padding-right: 0;
} }
.qa-nav-main-link { .qa-nav-main-link {
color:#666 !important; color: #666 !important;
display:block; display: block;
font-weight:700; font-weight: 700;
padding:7px 9px; padding: 7px 9px;
-moz-transition:all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;
transition:all ease-in-out 0.5s; transition: all ease-in-out 0.5s;
} }
.qa-nav-main-link:hover,.qa-nav-main-selected {
text-decoration:none; .qa-nav-main-link:hover, .qa-nav-main-selected {
color:#006699 !important; text-decoration: none;
-moz-transition:all ease-in-out 0.2s; color: #006699 !important;
-webkit-transition:all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s;
-o-transition:all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s;
-ms-transition:all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s;
transition:all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;
} transition: all ease-in-out 0.2s;
.qa-nav-main-custom-1 .qa-nav-main-link{
border-left:none;
} }
.qa-nav-main-custom-1 .qa-nav-main-link {
border-left: none;
}
.qa-nav-sub { .qa-nav-sub {
background: #f4f4f4; /* Old browsers */ background: #f4f4f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#e6e6e6 100%); /* IE10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#e6e6e6 100%); /* W3C */ background: linear-gradient(to bottom, #f4f4f4 0%, #e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
clear:both; clear: both;
border:1px solid #ddd; border: 1px solid #ddd;
} }
* html .qa-nav-sub { * html .qa-nav-sub {
/* background:none; */ /* background:none; */
} }
/* IE6 since z-order goes wrong */ /* IE6 since z-order goes wrong */
.qa-nav-sub-list { .qa-nav-sub-list {
font-size:11px; font-size: 11px;
list-style:none; list-style: none;
margin:0; margin: 0;
padding:3px 0; padding: 3px 0;
} }
.qa-nav-sub-item { .qa-nav-sub-item {
float:left; float: left;
padding:0; padding: 0;
} }
.qa-nav-sub-link { .qa-nav-sub-link {
color:#444 !important; color: #444 !important;
font-weight:400; font-weight: 400;
display:block; display: block;
margin:0 2px; margin: 0 2px;
padding:2px 6px; padding: 2px 6px;
text-decoration:none !important; text-decoration: none !important;
border:1px solid transparent; border: 1px solid transparent;
-moz-transition:all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;
transition:all ease-in-out 0.5s; transition: all ease-in-out 0.5s;
} }
.qa-nav-sub-link:hover,.qa-nav-sub-selected {
color:#000 !important; .qa-nav-sub-link:hover, .qa-nav-sub-selected {
background:#fff; color: #000 !important;
border-radius:2px; background: #fff;
border:1px solid #aaa; border-radius: 2px;
box-shadow:0 0 2px 1px rgba(0,0,0,0.15) inset; border: 1px solid #aaa;
-moz-transition:all ease-in-out 0.2s; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15) inset;
-webkit-transition:all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s;
-o-transition:all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s;
-ms-transition:all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s;
transition:all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;
} transition: all ease-in-out 0.2s;
.qa-nav-sub-hot .qa-nav-sub-link{
color:#af0000 !important;
font-weight:700;
-moz-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
-ms-transition:all ease-in-out 0.5s;
transition:all ease-in-out 0.5s;
}
.qa-nav-sub-hot .qa-nav-sub-link:hover,.qa-nav-sub-hot .qa-nav-sub-selected{
background:#cf0000;
color:#fff !important;
border-radius:3px !important;
border:1px solid #ff0000;
box-shadow:0 0 2px 1px rgba(0,0,0,0.15) inset;
-moz-transition:all ease-in-out 0.2s;
-webkit-transition:all ease-in-out 0.2s;
-o-transition:all ease-in-out 0.2s;
-ms-transition:all ease-in-out 0.2s;
transition:all ease-in-out 0.2s;
} }
.qa-nav-sub-hot .qa-nav-sub-link {
color: #af0000 !important;
font-weight: 700;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}
.qa-nav-sub-hot .qa-nav-sub-link:hover, .qa-nav-sub-hot .qa-nav-sub-selected {
background: #cf0000;
color: #fff !important;
border-radius: 3px !important;
border: 1px solid #ff0000;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15) inset;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.qa-nav-sub-admin-moderate { .qa-nav-sub-admin-moderate {
clear:left; clear: left;
} }
/*-- end main + sub navigation css --*/ /*-- end main + sub navigation css --*/
/*-- content and widgets --*/ /*-- content and widgets --*/
.qa-main { .qa-main {
padding-left:10px; padding-left: 10px;
float:left; float: left;
width:710px; width: 710px;
margin:10px 0 24px; margin: 10px 0 24px;
clear:left; clear: left;
overflow:hidden; overflow: hidden;
} }
.qa-main-hidden h1 { .qa-main-hidden h1 {
color:#000; color: #000;
} }
.qa-ask-box{
background:#0087CA; .qa-ask-box {
border:1px solid #005782; background: #0087CA;
border: 1px solid #005782;
border-radius: 3px; border-radius: 3px;
} }
.qa-ask-box .qa-form-tall-label{
font-weight:bold; .qa-ask-box .qa-form-tall-label {
font-weight: bold;
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
} }
.qa-ask-box tr:hover{
.qa-ask-box tr:hover {
background: none; background: none;
} }
/* .qa-headings{ /* .qa-headings{
border-bottom:1px solid #ddd; border-bottom:1px solid #ddd;
margin-bottom:25px; margin-bottom:25px;
position:relative; position:relative;
padding:14px 25px 5px 0; padding:14px 25px 5px 0;
} */ } */
.entry-title{ .entry-title {
color:#000; color: #000;
font-family:Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
font-weight:700; font-weight: 700;
} }
.qa-rss-icon{
.qa-rss-icon {
/* text-align:right; /* text-align:right;
float:right; */ float:right; */
position:absolute; position: absolute;
bottom:0; bottom: 0;
right:4px; right: 4px;
} }
/*-----------------------------------------------------------------
VOATING + ANSWER + VIEW BLOCKS CSS
-----------------------------------------------------------------*/ /*--------- VOTING + ANSWER + VIEW BLOCKS CSS ------------------*/
/* Votes */ /* Votes */
.qa-q-item-stats { .qa-q-item-stats {
float:left; float: left;
} }
.qa-voting { .qa-voting {
background:#e7f7ff; background: #e7f7ff;
border:1px solid #c5d6df; border: 1px solid #c5d6df;
float:left; float: left;
width:60px; width: 60px;
height:60px; height: 60px;
margin-right:5px; margin-right: 5px;
padding:0; padding: 0;
border-radius: 3px; border-radius: 3px;
} }
.qa-vote-buttons { .qa-vote-buttons {
position:relative; position: relative;
height:60px; height: 60px;
width:16px; width: 16px;
float:left; float: left;
} }
.qa-vote-up-button,.qa-vote-down-button,.qa-vote-one-button{
text-indent:9999px; .qa-vote-up-button, .qa-vote-down-button, .qa-vote-one-button {
} text-indent: 9999px;
.qa-q-list-vote-disabled .qa-vote-buttons {display:none;} }
.qa-vote-up-button,.qa-vote-up-disabled {
background:url(images/vote-buttons.png) no-repeat; .qa-q-list-vote-disabled .qa-vote-buttons {
border:0; display: none;
color:#f1c96b;
font-size:1px;
height:20px;
width:16px;
} }
.qa-vote-up-button, .qa-vote-up-disabled {
background: url(images/vote-buttons.png) no-repeat;
border: 0;
color: #f1c96b;
font-size: 1px;
height: 20px;
width: 16px;
}
.qa-vote-up-button { .qa-vote-up-button {
background-position:0 0; background-position: 0 0;
color:#f1c96b; color: #f1c96b;
} }
.qa-vote-up-disabled { .qa-vote-up-disabled {
background-position:0 -80px; background-position: 0 -80px;
color:#CCC; color: #CCC;
} }
.qa-vote-up-button:hover { .qa-vote-up-button:hover {
background-position:0 -20px; background-position: 0 -20px;
color:#f1c96b; color: #f1c96b;
} }
.qa-vote-down-button,.qa-vote-down-disabled {
background:url(images/vote-buttons.png) no-repeat; .qa-vote-down-button, .qa-vote-down-disabled {
border:0; background: url(images/vote-buttons.png) no-repeat;
color:#f1c96b; border: 0;
font-size:1px; color: #f1c96b;
height:20px; font-size: 1px;
width:16px; height: 20px;
width: 16px;
} }
.qa-vote-down-button { .qa-vote-down-button {
background-position:-16px 0; background-position: -16px 0;
color:#f1c96b; color: #f1c96b;
} }
.qa-vote-down-disabled { .qa-vote-down-disabled {
background-position:-16px -80px; background-position: -16px -80px;
color:#CCC; color: #CCC;
} }
.qa-vote-down-button:hover { .qa-vote-down-button:hover {
background-position:-16px -20px; background-position: -16px -20px;
color:#f1c96b; color: #f1c96b;
} }
.qa-voted-up-button { .qa-voted-up-button {
background:url(images/vote-buttons.png); background: url(images/vote-buttons.png);
border:0; border: 0;
color:#f1c96b; color: #f1c96b;
font-size:1px; font-size: 1px;
height:20px; height: 20px;
width:16px; width: 16px;
} }
.qa-voted-up-button { .qa-voted-up-button {
background-position:0 -40px; background-position: 0 -40px;
color:#f1c96b; color: #f1c96b;
} }
.qa-voted-up-button:hover { .qa-voted-up-button:hover {
background-position:0 -60px; background-position: 0 -60px;
color:#f1c96b; color: #f1c96b;
} }
.qa-voted-down-button { .qa-voted-down-button {
background:url(images/vote-buttons.png); background: url(images/vote-buttons.png);
border:0; border: 0;
color:#f1c96b; color: #f1c96b;
font-size:1px; font-size: 1px;
height:20px; height: 20px;
width:16px; width: 16px;
} }
.qa-voted-down-button { .qa-voted-down-button {
background-position:-16px -40px; background-position: -16px -40px;
color:#f1c96b; color: #f1c96b;
} }
.qa-voted-down-button:hover { .qa-voted-down-button:hover {
background-position:-16px -60px; background-position: -16px -60px;
color:#f1c96b; color: #f1c96b;
} }
.qa-vote-one-button { .qa-vote-one-button {
position:absolute; position: absolute;
left:2px; left: 2px;
top:20px; top: 20px;
} }
.qa-vote-first-button { .qa-vote-first-button {
position:absolute; position: absolute;
left:2px; left: 2px;
top:6px; top: 6px;
} }
.qa-vote-second-button { .qa-vote-second-button {
position:absolute; position: absolute;
left:2px; left: 2px;
bottom:6px; bottom: 6px;
} }
.qa-netvote-count { .qa-netvote-count {
text-align:center; text-align: center;
display:block; display: block;
} }
.qa-netvote-count-data { .qa-netvote-count-data {
font-size:20px; font-size: 20px;
line-height:24px; line-height: 24px;
font-weight:700; font-weight: 700;
display:block; display: block;
margin-top:10px; margin-top: 10px;
overflow:hidden; overflow: hidden;
} }
.qa-netvote-count-pad { .qa-netvote-count-pad {
font-size:11px; font-size: 11px;
} }
/* separate vote buttons counter */ /* separate vote buttons counter */
.qa-upvote-count, .qa-upvote-count,
.qa-downvote-count { .qa-downvote-count {
text-align:center; text-align: center;
display:block; display: block;
} }
.qa-upvote-count-data, .qa-upvote-count-data,
.qa-downvote-count-data { .qa-downvote-count-data {
font-size:18px; font-size: 18px;
font-weight:700; font-weight: 700;
display:block; display: block;
line-height: 18px line-height: 18px;
} }
.qa-upvote-count-pad, .qa-upvote-count-pad,
.qa-downvote-count-pad { .qa-downvote-count-pad {
font-size:11px; font-size: 11px;
line-height: 11px; line-height: 11px;
color: #9DA8AD; color: #9DA8AD;
} }
/* Answers and views count */ /* Answers and views count */
.qa-a-count { .qa-a-count {
background:#eafff4; background: #eafff4;
border:1px solid #c1daa6; border: 1px solid #c1daa6;
float:left; float: left;
width:60px; width: 60px;
height:60px; height: 60px;
text-align:center; text-align: center;
margin-right:5px; margin-right: 5px;
padding:0; padding: 0;
border-radius: 3px; border-radius: 3px;
} }
.qa-a-count-zero{
background:#ffe9d5; .qa-a-count-zero {
border:1px solid #ffd196; background: #ffe9d5;
border: 1px solid #ffd196;
} }
.qa-a-count-selected{
background:#d9f5bb; .qa-a-count-selected {
border:1px solid #c1daa6; background: #d9f5bb;
border: 1px solid #c1daa6;
} }
.qa-a-count-data { .qa-a-count-data {
font-size:20px; font-size: 20px;
line-height:24px; line-height: 24px;
font-weight:700; font-weight: 700;
display:block; display: block;
margin-top:10px; margin-top: 10px;
} }
.qa-a-count-pad { .qa-a-count-pad {
font-size:11px; font-size: 11px;
} }
.qa-view-count { .qa-view-count {
float:left; float: left;
background:#fff; background: #fff;
float:left; float: left;
width:60px; width: 60px;
height:60px; height: 60px;
text-align:center; text-align: center;
margin-right:5px; margin-right: 5px;
padding:0; padding: 0;
border:1px solid #ddd; border: 1px solid #ddd;
overflow:hidden; overflow: hidden;
border-radius: 3px; border-radius: 3px;
} }
.qa-view-count-data { .qa-view-count-data {
font-size:20px; font-size: 20px;
line-height:24px; line-height: 24px;
font-weight:700; font-weight: 700;
display:block; display: block;
margin-top:10px; margin-top: 10px;
} }
.qa-view-count-pad{
font-size:11px; .qa-view-count-pad {
font-size: 11px;
} }
.qa-template-question .qa-part-q-view{
position:relative; .qa-template-question .qa-part-q-view {
position: relative;
}
.qa-template-question .qa-view-count {
position: absolute;
right: 0;
top: -20px;
float: none;
margin: 0;
padding: 0 0 2px;
width: auto;
height: auto;
color: #777;
border: none;
border-bottom: 1px solid #dddddd;
}
.qa-template-question .qa-view-count-data {
font-size: 11px;
line-height: 12px;
margin-top: 1px;
display: inline;
}
.qa-template-question .qa-view-count-pad {
font-size: 8px;
line-height: 8px;
letter-spacing: 1px;
} }
.qa-template-question .qa-view-count{
position:absolute; /*--------- END VOTING + ANSWER + VIEW BLOCKS CSS ------------------*/
right:0;
top:-20px;
float:none;
margin:0;
padding:0 0 2px;
width:auto;
height:auto;
color:#777;
border:none;
border-bottom:1px solid #ddd
}
.qa-template-question .qa-view-count-data{
font-size:11px;
line-height:12px;
margin-top:1px;
display:inline;
}
.qa-template-question .qa-view-count-pad{
font-size:8px;
line-height:8px;
letter-spacing:1px;
}
/*--------- END VOATING + ANSWER + VIEW BLOCKS CSS ------------------*/
.qa-favoriting { .qa-favoriting {
/* float:right; /* float:right;
margin-right:8px; */ margin-right:8px; */
position:absolute; position: absolute;
right:0; right: 0;
bottom:24px; bottom: 24px;
} }
.qa-favorite-button,.qa-unfavorite-button {
background:url(images/favorite-heart.png) no-repeat; .qa-favorite-button, .qa-unfavorite-button {
border:0; background: url(images/favorite-heart.png) no-repeat;
height:24px; border: 0;
width:24px; height: 24px;
width: 24px;
} }
.qa-favorite-button { .qa-favorite-button {
background-position:0 -24px; background-position: 0 -24px;
} }
.qa-favorite-button:hover { .qa-favorite-button:hover {
background-position:0 0; background-position: 0 0;
} }
.qa-unfavorite-button { .qa-unfavorite-button {
background-position:0 -48px; background-position: 0 -48px;
} }
.qa-unfavorite-button:hover { .qa-unfavorite-button:hover {
background-position:0 0; background-position: 0 0;
} }
.qa-error { .qa-error {
background:#d00; background: #d00;
border:1px solid #a00; border: 1px solid #a00;
color:#ffd9d9; color: #ffd9d9;
font-size:18px; font-size: 18px;
margin-bottom:1em; margin-bottom: 1em;
padding:5px 15px; padding: 5px 15px;
border-radius:3px; border-radius: 3px;
} }
.qa-error a{
color:#fff; .qa-error a {
font-weight:bold; color: #fff;
font-weight: bold;
} }
.qa-error a:hover{
text-decoration:underline; .qa-error a:hover {
text-decoration: underline;
} }
/* Page sections */ /* Page sections */
.qa-sidepanel { .qa-sidepanel {
float:right; float: right;
width:240px; width: 240px;
padding:10px; padding: 10px;
min-height:80px; min-height: 80px;
} }
.qa-sidebar { .qa-sidebar {
font-size:14px; font-size: 14px;
margin:0 0 10px 0; margin: 0 0 10px 0;
padding:20px; padding: 20px;
background:#d0dfe4; background: #d0dfe4;
border:1px solid #b6c4c8; border: 1px solid #b6c4c8;
} }
.qa-feed { .qa-feed {
background:#f8f8f8 url(images/feed-icon-14x14.png) no-repeat 20px 22px; background: #f8f8f8 url(images/feed-icon-14x14.png) no-repeat 20px 22px;
padding:20px; padding: 20px;
margin:0 0 10px 0; margin: 0 0 10px 0;
border:1px solid #e5e5e5 border: 1px solid #e5e5e5;
} }
.qa-feed-link { .qa-feed-link {
font-size:12px; font-size: 12px;
color:#666; color: #666;
padding-left:20px; padding-left: 20px;
} }
.qa-footer-bottom-group{
.qa-footer-bottom-group {
background: #ddd; background: #ddd;
border-top: 1px solid #aaa; border-top: 1px solid #aaa;
position: absolute; position: absolute;
...@@ -940,1282 +1094,1541 @@ div.header-banner{ ...@@ -940,1282 +1094,1541 @@ div.header-banner{
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.qa-footer { .qa-footer {
clear:both; clear: both;
width:980px; width: 980px;
margin:0 auto; margin: 0 auto;
color:#777 ; color: #777777;
font-size:10px; font-size: 10px;
padding:10px; padding: 10px;
} }
.qa-footer a, .qa-footer a:visited{
text-decoration:underline; .qa-footer a, .qa-footer a:visited {
text-decoration: underline;
} }
/* IE6 /* IE6
Widget wrappers */ Widget wrappers */
.qa-widget-full { .qa-widget-full {
clear:both; clear: both;
/* width:920px; */ /* width:920px; */
margin:15px 0; margin: 15px 0;
} }
.qa-widget-full-high { .qa-widget-full-high {
margin-bottom:0; margin-bottom: 0;
} }
.qa-widgets-main-high { .qa-widgets-main-high {
margin-bottom:24px; margin-bottom: 24px;
} }
.qa-widget-main { .qa-widget-main {
margin:0 0 15px 0; margin: 0 0 15px 0;
} }
.qa-widget-main-bottom { .qa-widget-main-bottom {
margin-bottom:0; margin-bottom: 0;
} }
.qa-widget-side, .qa-widget-side,
.qa-nav-cat { .qa-nav-cat {
margin:0 0 10px 0; margin: 0 0 10px 0;
border:1px solid #e5e5e5; border: 1px solid #e5e5e5;
background:#f8f8f8; background: #f8f8f8;
} }
.qa-sidebar, .qa-sidebar,
.qa-feed, .qa-feed,
.qa-widget-side, .qa-widget-side,
.qa-nav-cat { .qa-nav-cat {
border-radius: 3px; border-radius: 3px;
} }
.qa-widget-side > div{
padding:10px 20px 20px; .qa-widget-side > div {
padding: 10px 20px 20px;
} }
.qa-widget-side h2{
margin:0 !important; .qa-widget-side h2 {
padding:20px 20px 5px !important; margin: 0 !important;
padding: 20px 20px 5px !important;
background: none; background: none;
color: #111; color: #111;
border-radius:0; border-radius: 0;
box-shadow: none; box-shadow: none;
font-size: 18px; font-size: 18px;
border:none; border: none;
box-shadow: none; box-shadow: none;
text-shadow:none; text-shadow: none;
} }
.qa-widget-side > div.qa-related-qs{
padding:0 .qa-widget-side > div.qa-related-qs {
padding: 0;
} }
.qa-nav-cat-list { .qa-nav-cat-list {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:20px; padding: 20px;
} }
.qa-nav-cat-list li{
padding:0 10px; .qa-nav-cat-list li {
} padding: 0 10px;
.qa-nav-cat-list .qa-nav-cat-all{ }
padding:0;
margin-top:0; .qa-nav-cat-list .qa-nav-cat-all {
font-size:16px; padding: 0;
font-weight:700; margin-top: 0;
color:#111; font-size: 16px;
} font-weight: 700;
.qa-nav-cat-all a{ color: #111;
padding:0; }
margin-top:0;
font-size:18px; .qa-nav-cat-all a {
font-family:Arial,Helvetica,sans-serif; padding: 0;
margin-top: 0;
font-size: 18px;
font-family: Arial,Helvetica,sans-serif;
} }
.qa-nav-cat-all a, .qa-nav-cat-all a,
.qa-nav-cat-all a:visited{ .qa-nav-cat-all a:visited {
padding:2px 5px; padding: 2px 5px;
color:#444; color: #444;
display:block display: block;
} }
.qa-nav-cat-all a:hover, .qa-nav-cat-all a:hover,
.qa-nav-cat-all a:active{ .qa-nav-cat-all a:active {
text-decoration:none; text-decoration: none;
color:#0099CC; color: #0099CC;
} }
.qa-nav-cat-list ul{
padding:0; .qa-nav-cat-list ul {
padding: 0;
} }
.qa-nav-cat-list ul li{
padding:0 0 0 10px; .qa-nav-cat-list ul li {
padding: 0 0 0 10px;
} }
.qa-nav-cat-list-1{
font-size:14px; .qa-nav-cat-list-1 {
font-size: 14px;
} }
.qa-nav-cat-list-2 { .qa-nav-cat-list-2 {
font-size:14px; font-size: 14px;
margin-left:1em; margin-left: 1em;
} }
.qa-nav-cat-list-3 { .qa-nav-cat-list-3 {
font-size:14px; font-size: 14px;
margin-left:1em; margin-left: 1em;
} }
.qa-nav-cat-list-4 { .qa-nav-cat-list-4 {
font-size:14px; font-size: 14px;
margin-left:1em; margin-left: 1em;
} }
.qa-nav-cat-list-1 .qa-nav-cat-item{
border-bottom:1px dotted #ccc; .qa-nav-cat-list-1 .qa-nav-cat-item {
border-bottom: 1px dotted #ccc;
} }
.qa-nav-cat-list-2 .qa-nav-cat-item, .qa-nav-cat-list-2 .qa-nav-cat-item,
.qa-nav-cat-list-3 .qa-nav-cat-item, .qa-nav-cat-list-3 .qa-nav-cat-item,
.qa-nav-cat-list-4 .qa-nav-cat-item{ .qa-nav-cat-list-4 .qa-nav-cat-item {
border:none; border: none;
} }
.qa-nav-cat-item { .qa-nav-cat-item {
margin:2px 0; margin: 2px 0;
text-align: right; text-align: right;
}
.qa-nav-cat-item:nth-child(odd){
}
.qa-nav-cat-item:nth-child(even){
} }
.qa-nav-cat-link { .qa-nav-cat-link {
clear: both; clear: both;
float: left; float: left;
} }
.qa-nav-cat-note{
color:#000; .qa-nav-cat-note {
} color: #000;
.qa-nav-cat-selected,.qa-nav-cat-selected:hover {
} }
/* Pagination */ /* Pagination */
.qa-page-links { .qa-page-links {
font-size:12px; font-size: 12px;
clear:both; clear: both;
zoom:1; zoom: 1;
padding:12px 0; padding: 12px 0;
} }
/* zoom:1 for IE6 */ /* zoom:1 for IE6 */
.qa-page-links-label { .qa-page-links-label {
display:none; display: none;
} }
.qa-page-links-list { .qa-page-links-list {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.qa-page-links-item { .qa-page-links-item {
text-align:center; text-align: center;
margin-right:2px; margin-right: 2px;
float:left; float: left;
display:inline; display: inline;
} }
.qa-page-link,.qa-page-selected,.qa-page-prev,.qa-page-next,.qa-page-ellipsis {
display:block; .qa-page-link, .qa-page-selected, .qa-page-prev, .qa-page-next, .qa-page-ellipsis {
padding:1px 6px; display: block;
color:#666 !important; padding: 1px 6px;
color: #666 !important;
} }
.qa-page-link { .qa-page-link {
color:#666 !important; color: #666 !important;
background-color:#eee; background-color: #eee;
border:1px solid #aaa; border: 1px solid #aaa;
-moz-transition:background-color ease-in-out 0.5s; -moz-transition: background-color ease-in-out 0.5s;
-webkit-transition:background-color ease-in-out 0.5s; -webkit-transition: background-color ease-in-out 0.5s;
-o-transition:background-color ease-in-out 0.5s; -o-transition: background-color ease-in-out 0.5s;
transition:background-color ease-in-out 0.5s; transition: background-color ease-in-out 0.5s;
} }
.qa-page-selected { .qa-page-selected {
color:#ddd !important; color: #ddd !important;
background-color:#666 ; background-color: #666666;
border:1px solid #444; border: 1px solid #444;
} }
.qa-page-prev,.qa-page-next {
color:#666; .qa-page-prev, .qa-page-next {
background-color:#eee; color: #666;
border:1px solid #aaa; background-color: #eee;
-moz-transition:background-color ease-in-out 0.5s; border: 1px solid #aaa;
-webkit-transition:background-color ease-in-out 0.5s; -moz-transition: background-color ease-in-out 0.5s;
-o-transition:background-color ease-in-out 0.5s; -webkit-transition: background-color ease-in-out 0.5s;
transition:background-color ease-in-out 0.5s; -o-transition: background-color ease-in-out 0.5s;
transition: background-color ease-in-out 0.5s;
} }
.qa-page-ellipsis { .qa-page-ellipsis {
color:#666; color: #666;
} }
.qa-page-link:hover,.qa-page-prev:hover,.qa-page-next:hover {
text-decoration:none; .qa-page-link:hover, .qa-page-prev:hover, .qa-page-next:hover {
background-color:#666; text-decoration: none;
color:#ddd !important; background-color: #666;
-moz-transition:background-color ease-in-out 0.15s; color: #ddd !important;
-websit-transition:background-color ease-in-out 0.15s; -moz-transition: background-color ease-in-out 0.15s;
-o-transition:background-color ease-in-out 0.15s; -websit-transition: background-color ease-in-out 0.15s;
transition:background-color ease-in-out 0.15s; -o-transition: background-color ease-in-out 0.15s;
transition: background-color ease-in-out 0.15s;
} }
/* Standard form (tall version) */ /* Standard form (tall version) */
.qa-form-tall-table { .qa-form-tall-table {
width:100%; width: 100%;
border-collapse:collapse; border-collapse: collapse;
} }
.qa-form-table-boxed { .qa-form-table-boxed {
border:1px solid black; border: 1px solid black;
margin-bottom:1em; margin-bottom: 1em;
} }
.qa-form-tall-spacer { .qa-form-tall-spacer {
line-height:1px; line-height: 1px;
font-size:1px; font-size: 1px;
padding:0; padding: 0;
} }
.qa-form-tall-ok { .qa-form-tall-ok {
background: #6AAA2B; background: #6AAA2B;
color:#fff; color: #fff;
font-size:18px; font-size: 18px;
text-align:center; text-align: center;
padding:6px; padding: 6px;
border-radius: 3px; border-radius: 3px;
} }
.qa-form-tall-label { .qa-form-tall-label {
/* background:#f4f4f4; /* background:#f4f4f4;
border-top:1px solid #ddd; */ border-top:1px solid #ddd; */
color:#444; color: #444;
font-size:14px; font-size: 14px;
padding:8px 8px 2px 8px; padding: 8px 8px 2px 8px;
} }
.qa-form-tall-data { .qa-form-tall-data {
/* background:#f4f4f4; */ /* background:#f4f4f4; */
width:480px; width: 480px;
padding:2px 8px 8px 8px; padding: 2px 8px 8px 8px;
} }
.qa-form-tall-data > ul{
margin-top:0; .qa-form-tall-data > ul {
margin-top: 0;
} }
.qa-form-tall-text,.qa-form-tall-number {
padding:3px; .qa-form-tall-text, .qa-form-tall-number {
padding: 3px;
} }
.qa-form-tall-text { .qa-form-tall-text {
background:#fff; background: #fff;
color:#666; color: #666;
width:100%; width: 100%;
border:1px solid #ccc; border: 1px solid #ccc;
font-size:16px; font-size: 16px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.qa-form-tall-number { .qa-form-tall-number {
width:48px; width: 48px;
background:#fff; background: #fff;
border:1px solid #ccc; border: 1px solid #ccc;
} }
.qa-form-tall-checkbox { .qa-form-tall-checkbox {
float:left; float: left;
margin-right:4px; margin-right: 4px;
} }
.qa-form-tall-image { .qa-form-tall-image {
text-align:center; text-align: center;
}
.qa-form-tall-image img {
} }
.qa-form-tall-suffix { .qa-form-tall-suffix {
font-weight:400; font-weight: 400;
font-size:10px; font-size: 10px;
color:#666; color: #666;
} }
.qa-form-tall-error { .qa-form-tall-error {
color:#c00; color: #c00;
font-size:14px; font-size: 14px;
margin-top:6px; margin-top: 6px;
display:inline-block; display: inline-block;
} }
.qa-form-tall-note { .qa-form-tall-note {
margin-top:6px; margin-top: 6px;
} }
.qa-form-tall-note a { .qa-form-tall-note a {
color:#293D39; color: #293D39;
text-decoration:underline; text-decoration: underline;
} }
.qa-form-tall-note a:hover { .qa-form-tall-note a:hover {
color:#396E63; color: #396E63;
} }
.qa-form-tall-buttons { .qa-form-tall-buttons {
/* text-align:center; */ /* text-align:center; */
padding:8px 8px 8px 8px; padding: 8px 8px 8px 8px;
} }
.qa-form-tall-button, .qa-search-button, .qa-form-tall-table input[type="button"],.qa-form-wide-button,.qa-form-basic-button {
background:#0179b5; .qa-form-tall-button, .qa-search-button, .qa-form-tall-table input[type="button"], .qa-form-wide-button, .qa-form-basic-button {
color:#fff; background: #0179b5;
font-size:12px; color: #fff;
font-weight:700; font-size: 12px;
border:1px solid #004566; font-weight: 700;
padding:5px 10px; border: 1px solid #004566;
line-height:14px; padding: 5px 10px;
cursor:pointer; line-height: 14px;
box-shadow:0 1px 1px 0 rgba(255,255,255,0.5) inset; cursor: pointer;
border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
} border-radius: 3px;
.qa-search-button:hover, .qa-form-tall-table input[type="button"]:hover,.qa-form-basic-button:hover { }
background:#0099CC;
color:#fff; .qa-search-button:hover, .qa-form-tall-table input[type="button"]:hover, .qa-form-basic-button:hover {
font-size:12px; background: #0099CC;
font-weight:700; color: #fff;
border:1px solid #004566; font-size: 12px;
padding:5px 10px; font-weight: 700;
line-height:14px; border: 1px solid #004566;
cursor:pointer; padding: 5px 10px;
box-shadow:0 1px 1px 0 rgba(255,255,255,0.5) inset; line-height: 14px;
} cursor: pointer;
.qa-form-tall-button-cancel{ box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.qa-form-tall-button-cancel {
background: #aa0000; background: #aa0000;
border:1px solid #880000; border: 1px solid #880000;
} }
.qa-form-tall-button-cancel:hover{
.qa-form-tall-button-cancel:hover {
background: #dd0000; background: #dd0000;
border:1px solid #880000; border: 1px solid #880000;
} }
.qa-form-wide-button-save,.qa-form-wide-button-saverecalc,.qa-form-tall-button-save{
background:#196627; .qa-form-wide-button-save, .qa-form-wide-button-saverecalc, .qa-form-tall-button-save {
border:1px solid #153513; background: #196627;
border: 1px solid #153513;
} }
.qa-form-wide-button-save:hover,.qa-form-wide-button-saverecalc:hover,.qa-form-tall-button-save:hover{
background:#1F7F31; .qa-form-wide-button-save:hover, .qa-form-wide-button-saverecalc:hover, .qa-form-tall-button-save:hover {
border:1px solid #153513; background: #1F7F31;
border: 1px solid #153513;
} }
/* Standard form (wide version) */ /* Standard form (wide version) */
.qa-form-wide-table { .qa-form-wide-table {
/* background:#f4f4f4; */ /* background:#f4f4f4; */
border-collapse:collapse; border-collapse: collapse;
width:100%; width: 100%;
} }
.qa-form-wide-spacer { .qa-form-wide-spacer {
line-height:1px; line-height: 1px;
font-size:1px; font-size: 1px;
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
/* background:#f4f4f4; */ /* background:#f4f4f4; */
padding:0; padding: 0;
} }
.qa-form-wide-ok { .qa-form-wide-ok {
color:#090; color: #090;
font-size:18px; font-size: 18px;
text-align:center; text-align: center;
padding:6px; padding: 6px;
} }
.qa-form-wide-label { .qa-form-wide-label {
border-bottom:1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
color:#444; color: #444;
font-size:14px; font-size: 14px;
white-space:nowrap; white-space: nowrap;
padding:10px; padding: 10px;
} }
.qa-form-wide-data { .qa-form-wide-data {
border-bottom:1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
padding:6px 10px; padding: 6px 10px;
} }
.qa-form-wide-text,.qa-form-wide-number {
padding:3px; .qa-form-wide-text, .qa-form-wide-number {
padding: 3px;
} }
.qa-form-wide-text { .qa-form-wide-text {
background:#fff; background: #fff;
width:320px; width: 320px;
border:1px solid #ccc; border: 1px solid #ccc;
} }
.qa-form-wide-data input{
background:#fff; .qa-form-wide-data input {
border:1px solid #ccc !important; background: #fff;
border: 1px solid #ccc !important;
} }
.qa-form-wide-number { .qa-form-wide-number {
width:48px; width: 48px;
background:#111; background: #111;
border:1px solid #444; border: 1px solid #444;
vertical-align:middle; vertical-align: middle;
} }
.qa-form-wide-error { .qa-form-wide-error {
display:inline-block; display: inline-block;
color:#c00; color: #c00;
font-size:11px; font-size: 11px;
margin-left:6px; margin-left: 6px;
} }
.qa-form-wide-note { .qa-form-wide-note {
font-size:10px; font-size: 10px;
margin-left:4px; margin-left: 4px;
color:#666; color: #666;
} }
.qa-form-wide-buttons { .qa-form-wide-buttons {
padding:8px 0 8px 8px; padding: 8px 0 8px 8px;
} }
.qa-form-wide-prefix { .qa-form-wide-prefix {
font-size:14px; font-size: 14px;
} }
/* Standard form (light version - buttons only) */ /* Standard form (light version - buttons only) */
.qa-form-light-button { .qa-form-light-button {
background:none; background: none;
border:0; border: 0;
height:24px; height: 24px;
cursor:pointer; cursor: pointer;
margin-right:6px; margin-right: 6px;
font-size:12px; font-size: 12px;
text-align:left; text-align: left;
overflow:visible; overflow: visible;
padding:0; padding: 0;
} }
/* overflow:visible for IE */ /* overflow:visible for IE */
.qa-form-light-button { .qa-form-light-button {
color:#666; color: #666;
} }
.qa-form-light-button:hover { .qa-form-light-button:hover {
color:#000; color: #000;
} }
.qa-form-light-button-edit,.qa-form-light-button-retagcat {
background:url(images/edit-icon.png) no-repeat left center; .qa-form-light-button-edit, .qa-form-light-button-retagcat {
padding-left:18px; background: url(images/edit-icon.png) no-repeat left center;
padding-left: 18px;
} }
.qa-form-light-button-flag { .qa-form-light-button-flag {
background:url(images/flag-icon.png) no-repeat left center; background: url(images/flag-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-unflag,.qa-form-light-button-clearflags {
background:url(images/unflag-icon.png) no-repeat left center; .qa-form-light-button-unflag, .qa-form-light-button-clearflags {
padding-left:18px; background: url(images/unflag-icon.png) no-repeat left center;
padding-left: 18px;
} }
.qa-form-light-button-hide { .qa-form-light-button-hide {
background:url(images/hide-icon.png) no-repeat left center; background: url(images/hide-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-follow { .qa-form-light-button-follow {
background:url(images/follow-icon.png) no-repeat left center; background: url(images/follow-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-comment { .qa-form-light-button-comment {
background:url(images/comment-icon.png) no-repeat left center; background: url(images/comment-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-answer { .qa-form-light-button-answer {
background:url(images/answer-icon.png) no-repeat left center; background: url(images/answer-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
color:#289e00; color: #289e00;
font-weight:700; font-weight: 700;
text-transform:capitalize; text-transform: capitalize;
} }
.qa-form-light-button-answer:hover { .qa-form-light-button-answer:hover {
color:#000; color: #000;
} }
.qa-form-light-button-reshow { .qa-form-light-button-reshow {
background:url(images/reshow-icon.png) no-repeat left center; background: url(images/reshow-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-claim { .qa-form-light-button-claim {
background:url(images/claim-icon.png) no-repeat left center; background: url(images/claim-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-delete { .qa-form-light-button-delete {
background:url(images/delete-icon.png) no-repeat left center; background: url(images/delete-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-approve { .qa-form-light-button-approve {
background:url(images/approve-icon.png) no-repeat left center; background: url(images/approve-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-reject { .qa-form-light-button-reject {
background:url(images/reject-icon.png) no-repeat left center; background: url(images/reject-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-close { .qa-form-light-button-close {
background:url(images/close-icon.png) no-repeat left center; background: url(images/close-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
.qa-form-light-button-reopen { .qa-form-light-button-reopen {
background:url(images/reopen-icon.png) no-repeat left center; background: url(images/reopen-icon.png) no-repeat left center;
padding-left:18px; padding-left: 18px;
} }
/* Standard form (basic version - buttons only) */ /* Standard form (basic version - buttons only) */
.qa-form-basic-button { .qa-form-basic-button {
vertical-align:middle; vertical-align: middle;
margin:4px 4px 8px 0; margin: 4px 4px 8px 0;
} }
/* Question list */ /* Question list */
.qa-q-list{
}
.qa-q-list-item { .qa-q-list-item {
zoom:1; zoom: 1;
padding:5px; padding: 5px;
border-bottom:1px solid #eee; border-bottom: 1px solid #eee;
} }
/* zoom for IE, padding for early FF */ /* zoom for IE, padding for early FF */
.qa-q-item-main { .qa-q-item-main {
width:488px; width: 488px;
float:left; float: left;
padding-left:10px; padding-left: 10px;
} }
.qa-q-item-title { .qa-q-item-title {
color:#000; color: #000;
font-size:16px; font-size: 16px;
} }
.qa-q-item-title a { .qa-q-item-title a {
font-family:Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif;
font-weight:700; font-weight: 700;
line-height:normal; line-height: normal;
} }
.qa-q-item-content { .qa-q-item-content {
font-size:10px; font-size: 10px;
margin-top:8px; margin-top: 8px;
max-height:80px; max-height: 80px;
overflow-y:auto; overflow-y: auto;
border:1px solid #ccc; border: 1px solid #ccc;
padding:4px; padding: 4px;
} }
.qa-q-item-avatar-meta, .qa-q-item-avatar-meta,
.qa-q-view-avatar-meta, .qa-q-view-avatar-meta,
.qa-a-item-avatar-meta, .qa-a-item-avatar-meta,
.qa-c-item-avatar-meta{ .qa-c-item-avatar-meta {
display:block; display: block;
} }
.qa-q-item-avatar-meta{
margin:10px 0 0; .qa-q-item-avatar-meta {
margin: 10px 0 0;
} }
.qa-q-item-avatar { .qa-q-item-avatar {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
margin:0 5px 0 0; margin: 0 5px 0 0;
} }
.qa-q-item-meta { .qa-q-item-meta {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
font-size:11px; font-size: 11px;
} }
.qa-q-item-when-data { .qa-q-item-when-data {
font-weight:700; font-weight: 700;
} }
.qa-q-item-who-title { .qa-q-item-who-title {
font-size:80%; font-size: 80%;
font-weight:700; font-weight: 700;
color:#6b0000; color: #6b0000;
} }
.qa-q-item-points-data { .qa-q-item-points-data {
font-weight:700; font-weight: 700;
} }
.qa-q-item-flags { .qa-q-item-flags {
color:red; color: red;
font-weight:700; font-weight: 700;
padding-left:4px; padding-left: 4px;
} }
.qa-q-item-tags { .qa-q-item-tags {
margin-top:10px; margin-top: 10px;
float:left; float: left;
} }
.qa-q-item-tag-list { .qa-q-item-tag-list {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
line-height:11px; line-height: 11px;
} }
.qa-q-item-tag-item { .qa-q-item-tag-item {
display:inline; display: inline;
} }
.qa-q-item-buttons { .qa-q-item-buttons {
clear:both; clear: both;
float:left; float: left;
margin:10px 0; margin: 10px 0;
} }
.qa-suggest-next { .qa-suggest-next {
background:#f4f4f4; background: #f4f4f4;
border:1px solid #c7dce6; border: 1px solid #c7dce6;
color:#444; color: #444;
font-size:14px; font-size: 14px;
text-align:center; text-align: center;
clear:both; clear: both;
padding:8px; padding: 8px;
margin-top:22px; margin-top: 22px;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 10px 15px 0 rgba(255,255,255,1) inset,0 0 5px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 15px 0 white inset, 0 0 5px 0 rgba(0, 0, 0, 0.05);
} }
.qa-suggest-next a { .qa-suggest-next a {
font-weight:700; font-weight: 700;
} }
.qa-suggest-next a:hover { .qa-suggest-next a:hover {
text-decoration:underline; text-decoration: underline;
} }
/* Tags, users and categories */ /* Tags, users and categories */
.qa-top-tags-table { .qa-top-tags-table {
float:left; float: left;
border-collapse:collapse; border-collapse: collapse;
margin-bottom:1em; margin-bottom: 1em;
} }
.qa-top-tags-count { .qa-top-tags-count {
border:1px solid #ccc; border: 1px solid #ccc;
border-right:1px dashed #aaa; border-right: 1px dashed #aaa;
color:#fff; color: #fff;
text-align:right; text-align: right;
padding:6px 8px 6px 12px; padding: 6px 8px 6px 12px;
background:#0179b5; background: #0179b5;
font-weight:700; font-weight: 700;
} }
.qa-top-tags-label { .qa-top-tags-label {
background:#fff; background: #fff;
padding:4px 16px 0 8px; padding: 4px 16px 0 8px;
} }
.qa-top-tags-label .qa-tag-link { .qa-top-tags-label .qa-tag-link {
font-weight:400; font-weight: 400;
} }
.qa-top-tags-spacer { .qa-top-tags-spacer {
padding:0 4px; padding: 0 4px;
} }
.qa-top-users-table { .qa-top-users-table {
float:left; float: left;
border-collapse:collapse; border-collapse: collapse;
margin-bottom:1em; margin-bottom: 1em;
} }
.qa-top-users-label { .qa-top-users-label {
border:1px solid #ddd; border: 1px solid #ddd;
border-right:1px solid #ddd; border-right: 1px solid #ddd;
text-align:left; text-align: left;
padding:6px 16px 6px 12px; padding: 6px 16px 6px 12px;
background:#fff; background: #fff;
} }
.qa-top-users-score { .qa-top-users-score {
background:#0179b5; background: #0179b5;
color:#fff; color: #fff;
font-weight:bold; font-weight: bold;
text-align:right; text-align: right;
border-color:#ddd; border-color: #ddd;
border-style:solid solid solid none; border-style: solid solid solid none;
border-width:1px; border-width: 1px;
padding:6px 12px; padding: 6px 12px;
} }
.qa-top-users-spacer { .qa-top-users-spacer {
padding:0 4px; padding: 0 4px;
} }
.qa-browse-cat-list { .qa-browse-cat-list {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.qa-browse-cat-list-1 { .qa-browse-cat-list-1 {
font-size:18px; font-size: 18px;
} }
.qa-browse-cat-list-2 { .qa-browse-cat-list-2 {
font-size:14px; font-size: 14px;
margin-left:20px; margin-left: 20px;
} }
.qa-browse-cat-list-3 { .qa-browse-cat-list-3 {
font-size:14px; font-size: 14px;
margin-left:20px; margin-left: 20px;
} }
.qa-browse-cat-list-4 { .qa-browse-cat-list-4 {
font-size:14px; font-size: 14px;
margin-left:20px; margin-left: 20px;
} }
.qa-browse-cat-item { .qa-browse-cat-item {
font-weight:700; font-weight: 700;
color:#000; color: #000;
margin:0; margin: 0;
padding:10px 0; padding: 10px 0;
border-bottom:1px solid #eee; border-bottom: 1px solid #eee;
}
.qa-browse-cat-item:hover{
} }
.qa-browse-cat-list-2 .qa-browse-cat-item, .qa-browse-cat-list-2 .qa-browse-cat-item,
.qa-browse-cat-list-3 .qa-browse-cat-item, .qa-browse-cat-list-3 .qa-browse-cat-item,
.qa-browse-cat-list-4 .qa-browse-cat-item{ .qa-browse-cat-list-4 .qa-browse-cat-item {
border:none; border: none;
} }
.qa-browse-cat-closed { .qa-browse-cat-closed {
list-style:none; list-style: none;
color:#000; color: #000;
} }
.qa-browse-cat-open { .qa-browse-cat-open {
list-style:none; list-style: none;
color:#26434D; color: #26434D;
} }
a.qa-browse-cat-link, a.qa-browse-cat-link,
a.qa-browse-cat-link:visited { a.qa-browse-cat-link:visited {
font-weight:700; font-weight: 700;
text-decoration:none; text-decoration: none;
color:#000; color: #000;
} }
.qa-browse-cat-list-3 .qa-browse-cat-item{
padding:5px 0; .qa-browse-cat-list-3 .qa-browse-cat-item {
padding: 5px 0;
} }
.qa-browse-cat-note { .qa-browse-cat-note {
font-weight:400; font-weight: 400;
font-size:85%; font-size: 85%;
color:#444; color: #444;
} }
.qa-browse-cat-note a { .qa-browse-cat-note a {
color:#506D83; color: #506D83;
} }
/* Question view */ /* Question view */
.qa-q-view { .qa-q-view {
padding-left:10px; padding-left: 10px;
padding-top:10px; padding-top: 10px;
} }
.qa-q-view-main { .qa-q-view-main {
float:left; float: left;
width:620px; width: 620px;
padding-left:10px; padding-left: 10px;
} }
.qa-q-view-content { .qa-q-view-content {
margin-bottom:16px; margin-bottom: 16px;
} }
.qa-q-view-avatar { .qa-q-view-avatar {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
margin-right:8px; margin-right: 8px;
} }
.qa-q-view-meta { .qa-q-view-meta {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
font-size:12px; font-size: 12px;
} }
.qa-q-view-follows { .qa-q-view-follows {
font-size:14px; font-size: 14px;
margin-bottom:12px; margin-bottom: 12px;
} }
.qa-q-view-closed { .qa-q-view-closed {
font-size:14px; font-size: 14px;
margin-bottom:18px; margin-bottom: 18px;
} }
.qa-q-view-closed-content { .qa-q-view-closed-content {
font-weight:700; font-weight: 700;
} }
.qa-q-view-extra { .qa-q-view-extra {
font-size:14px; font-size: 14px;
margin-bottom:18px; margin-bottom: 18px;
} }
.qa-q-view-extra-content { .qa-q-view-extra-content {
font-weight:700; font-weight: 700;
} }
.qa-q-view-when-data { .qa-q-view-when-data {
font-weight:700; font-weight: 700;
} }
.qa-q-view-who-title { .qa-q-view-who-title {
font-size:80%; font-size: 80%;
font-weight:700; font-weight: 700;
color:#6b0000; color: #6b0000;
} }
.qa-q-view-points-data { .qa-q-view-points-data {
font-weight:700; font-weight: 700;
} }
.qa-q-view-flags { .qa-q-view-flags {
color:red; color: red;
font-weight:700; font-weight: 700;
padding-left:4px; padding-left: 4px;
} }
.qa-q-view-tags { .qa-q-view-tags {
clear:both; clear: both;
margin-bottom:12px; margin-bottom: 12px;
} }
.qa-q-view-tag-list { .qa-q-view-tag-list {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.qa-q-view-tag-item { .qa-q-view-tag-item {
display:inline; display: inline;
} }
.qa-q-view-buttons { .qa-q-view-buttons {
margin-top:16px; margin-top: 16px;
} }
.qa-q-view-c-list { .qa-q-view-c-list {
clear:both; clear: both;
border-top:1px solid #ccc; border-top: 1px solid #ccc;
margin:24px 0 0 24px; margin: 24px 0 0 24px;
} }
.qa-q-view-hidden .qa-voting { .qa-q-view-hidden .qa-voting {
color:#ccc; color: #ccc;
} }
.qa-q-view-hidden .qa-q-view-content { .qa-q-view-hidden .qa-q-view-content {
color:#999; color: #999;
} }
.qa-q-view-hidden .qa-q-view-meta { .qa-q-view-hidden .qa-q-view-meta {
color:#ccc; color: #ccc;
} }
.qa-q-view-hidden .qa-user-link { .qa-q-view-hidden .qa-user-link {
color:#999; color: #999;
} }
.qa-q-view-hidden .qa-q-view-who-title { .qa-q-view-hidden .qa-q-view-who-title {
color:#999; color: #999;
} }
.qa-q-view-hidden .qa-category-link { .qa-q-view-hidden .qa-category-link {
color:#999; color: #999;
} }
.qa-q-view-hidden .qa-tag-link { .qa-q-view-hidden .qa-tag-link {
color:#ccc; color: #ccc;
opacity:0.5px; opacity: 0.5px;
} }
/* Answer view */ /* Answer view */
.qa-a-list-item { .qa-a-list-item {
background:#fff; background: #fff;
zoom:1; zoom: 1;
position:relative; position: relative;
padding:20px 10px; padding: 20px 10px;
border-top:1px solid #eee; border-top: 1px solid #eee;
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
} }
/* zoom for IE, padding for early FF */ /* zoom for IE, padding for early FF */
.qa-a-list-item-selected { .qa-a-list-item-selected {
background:#f1f7f3!important; background: #f1f7f3 !important;
border:1px solid #89BF65; border: 1px solid #89BF65;
box-shadow:0 3px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
} }
.qa-a-list-item-hidden .qa-voting { .qa-a-list-item-hidden .qa-voting {
color:#ccc; color: #ccc;
} }
.qa-a-list-item-hidden .qa-a-item-content { .qa-a-list-item-hidden .qa-a-item-content {
color:#999; color: #999;
} }
.qa-a-list-item-hidden .qa-a-item-what { .qa-a-list-item-hidden .qa-a-item-what {
color:#ccc; color: #ccc;
} }
.qa-a-list-item-hidden .qa-a-item-meta { .qa-a-list-item-hidden .qa-a-item-meta {
color:#ccc; color: #ccc;
} }
.qa-a-list-item-hidden .qa-a-item-who-title { .qa-a-list-item-hidden .qa-a-item-who-title {
color:#999; color: #999;
} }
.qa-a-list-item-hidden .qa-user-link { .qa-a-list-item-hidden .qa-user-link {
color:#999; color: #999;
} }
.qa-a-item-main { .qa-a-item-main {
float:left; float: left;
width:610px; width: 610px;
display:inline-block; display: inline-block;
padding-left:10px; padding-left: 10px;
} }
/* inline-block for IE */ /* inline-block for IE */
.qa-a-item-content { .qa-a-item-content {
margin-bottom:16px; margin-bottom: 16px;
} }
.qa-a-item-avatar { .qa-a-item-avatar {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
margin-right:8px; margin-right: 8px;
} }
.qa-a-item-meta { .qa-a-item-meta {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
font-size:12px; font-size: 12px;
} }
.qa-a-item-when-data { .qa-a-item-when-data {
font-weight:700; font-weight: 700;
} }
.qa-a-item-who-title { .qa-a-item-who-title {
font-size:80%; font-size: 80%;
font-weight:700; font-weight: 700;
color:#6b0000; color: #6b0000;
} }
.qa-a-item-points-data { .qa-a-item-points-data {
font-weight:700; font-weight: 700;
} }
.qa-a-item-flags { .qa-a-item-flags {
color:red; color: red;
font-weight:700; font-weight: 700;
padding-left:4px; padding-left: 4px;
} }
.qa-a-item-buttons { .qa-a-item-buttons {
margin-top:16px; margin-top: 16px;
} }
.qa-a-item-c-list { .qa-a-item-c-list {
clear:both; clear: both;
border-top:1px solid #ddd; border-top: 1px solid #ddd;
margin:24px 0 0; margin: 24px 0 0;
} }
/* Answer selection */ /* Answer selection */
.qa-a-selection { .qa-a-selection {
position:absolute; position: absolute;
left:12px; left: 12px;
top:85px; top: 85px;
width:60px; width: 60px;
text-align:center; text-align: center;
} }
.qa-a-select-button { .qa-a-select-button {
background:url(images/select-star.png) no-repeat; background: url(images/select-star.png) no-repeat;
border:0; border: 0;
height:50px; height: 50px;
width:50px; width: 50px;
} }
.qa-a-select-button { .qa-a-select-button {
background-position:0 -50px; background-position: 0 -50px;
} }
.qa-a-select-button:hover { .qa-a-select-button:hover {
background-position:0 -100px; background-position: 0 -100px;
} }
.qa-a-unselect-button { .qa-a-unselect-button {
background:url(images/selected-star.png) no-repeat; background: url(images/selected-star.png) no-repeat;
border:0; border: 0;
height:50px; height: 50px;
width:50px; width: 50px;
} }
.qa-a-unselect-button { .qa-a-unselect-button {
background-position:0 0; background-position: 0 0;
} }
.qa-a-unselect-button:hover { .qa-a-unselect-button:hover {
background-position:0 -50px; background-position: 0 -50px;
} }
.qa-a-selected { .qa-a-selected {
background:url(images/selected-star.png) no-repeat 0 0; background: url(images/selected-star.png) no-repeat 0 0;
height:50px; height: 50px;
width:50px; width: 50px;
margin:0 auto; margin: 0 auto;
} }
.qa-a-selected-text { .qa-a-selected-text {
font-size:9px; font-size: 9px;
font-weight:800; font-weight: 800;
display:block; display: block;
/* margin-top:6px; */ /* margin-top:6px; */
color:#73A651; color: #73A651;
line-height:6px; line-height: 6px;
} }
/* Comments */ /* Comments */
.qa-c-list-item { .qa-c-list-item {
background:#fff; background: #fff;
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
padding:8px 0 8px 8px; padding: 8px 0 8px 8px;
} }
.qa-c-list-item:nth-child(odd){
background:#fafafa; .qa-c-list-item:nth-child(odd) {
background: #fafafa;
} }
.qa-c-list-item:last-child{
border-bottom:none; .qa-c-list-item:last-child {
border-bottom: none;
} }
.qa-c-item-hidden .qa-c-item-content { .qa-c-item-hidden .qa-c-item-content {
color:#bbb; color: #bbb;
} }
.qa-c-item-hidden .qa-c-item-link { .qa-c-item-hidden .qa-c-item-link {
color:#aaf; color: #aaf;
} }
.qa-c-item-hidden .qa-c-item-what { .qa-c-item-hidden .qa-c-item-what {
color:#ccc; color: #ccc;
} }
.qa-c-item-hidden .qa-c-item-meta { .qa-c-item-hidden .qa-c-item-meta {
color:#ccc; color: #ccc;
} }
.qa-c-item-hidden .qa-c-item-who-title { .qa-c-item-hidden .qa-c-item-who-title {
color:#999; color: #999;
} }
.qa-c-item-hidden .qa-user-link { .qa-c-item-hidden .qa-user-link {
color:#999; color: #999;
} }
.qa-c-item-link { .qa-c-item-link {
display:block; display: block;
margin-bottom:6px; margin-bottom: 6px;
} }
.qa-c-item-expand { .qa-c-item-expand {
display:block; display: block;
color:#666; color: #666;
font-style:italic; font-style: italic;
margin:2px 0; margin: 2px 0;
} }
.qa-c-item-content { .qa-c-item-content {
display:block; display: block;
margin-bottom:6px; margin-bottom: 6px;
font-size:12px; font-size: 12px;
} }
.qa-c-item-footer { .qa-c-item-footer {
position:relative; position: relative;
height:1%; height: 1%;
} }
/* height for IE6 */ /* height for IE6 */
.qa-c-item-avatar { .qa-c-item-avatar {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
margin-right:4px; margin-right: 4px;
} }
.qa-c-item-meta { .qa-c-item-meta {
display:inline-block; display: inline-block;
vertical-align:middle; vertical-align: middle;
font-size:10px; font-size: 10px;
color:#666; color: #666;
} }
.qa-c-item-who-title { .qa-c-item-who-title {
font-size:80%; font-size: 80%;
font-weight:700; font-weight: 700;
color:#6b0000; color: #6b0000;
} }
.qa-c-item-who-points { .qa-c-item-who-points {
display:none; display: none;
} }
.qa-c-item-flags { .qa-c-item-flags {
color:red; color: red;
font-weight:700; font-weight: 700;
padding-left:3px; padding-left: 3px;
} }
.qa-c-item-buttons { .qa-c-item-buttons {
display:block; display: block;
position:absolute; position: absolute;
bottom:0; bottom: 0;
right:0; right: 0;
} }
.qa-c-item-buttons .qa-form-light-button { .qa-c-item-buttons .qa-form-light-button {
background:none; background: none;
height:auto; height: auto;
font-size:10px; font-size: 10px;
padding:0; padding: 0;
} }
/* Message list */ /* Message list */
.qa-message-item {
margin: 0;
padding: 12px;
border-bottom: 2px dotted #ddd;
}
.qa-message-content {
margin-bottom: 6px;
}
.qa-message-avatar {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.qa-message-item {margin:0;padding: 12px;border-bottom: 2px dotted #ddd} .qa-message-meta {
.qa-message-content {margin-bottom:6px;} display: inline-block;
.qa-message-avatar {display:inline-block; vertical-align:middle; margin-right:4px;} vertical-align: middle;
.qa-message-meta {display:inline-block; vertical-align:middle; font-size:10px; color:#666;} font-size: 10px;
.qa-message-buttons {display:inline-block; vertical-align:middle; font-size:10px; margin-left:12px;} color: #666;
}
.qa-message-buttons {
display: inline-block;
vertical-align: middle;
font-size: 10px;
margin-left: 12px;
}
.qa-message-buttons .qa-form-light-button {background:none; height:auto; font-size:10px; padding:0;} .qa-message-buttons .qa-form-light-button {
background: none;
height: auto;
font-size: 10px;
padding: 0;
}
/* Related questions and activity count widgets */ /* Related questions and activity count widgets */
.qa-related-qs { .qa-related-qs {
font-size:14px; font-size: 14px;
} }
.qa-related-qs h2 { .qa-related-qs h2 {
font-size:18px; font-size: 18px;
} }
.qa-related-q-list { .qa-related-q-list {
list-style-type:none; list-style-type: none;
padding:0 20px 15px; padding: 0 20px 15px;
margin:0; margin: 0;
} }
.qa-related-q-item { .qa-related-q-item {
margin:0; margin: 0;
padding:5px 0; padding: 5px 0;
border-top:1px solid #fafafa; border-top: 1px solid #fafafa;
border-bottom:1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.qa-related-q-item:first-child{
border-top:none; .qa-related-q-item:first-child {
border-top: none;
} }
.qa-related-q-item:last-child{
border-bottom:none; .qa-related-q-item:last-child {
border-bottom: none;
} }
.qa-widget-side-low{
border-top:1px solid #ddd; .qa-widget-side-low {
border-top: 1px solid #ddd;
} }
.qa-widget-side-low div{
padding:0 10px 10px; .qa-widget-side-low div {
padding: 0 10px 10px;
} }
.qa-activity-count { .qa-activity-count {
font-size:14px; font-size: 14px;
color:#666; color: #666;
padding:10px; padding: 10px;
} }
.qa-activity-count-item { .qa-activity-count-item {
margin:0; margin: 0;
} }
.qa-activity-count-data { .qa-activity-count-data {
font-size:24px; font-size: 24px;
font-weight:700; font-weight: 700;
color:#0179b5; color: #0179b5;
} }
/* Footer parts */ /* Footer parts */
.qa-nav-footer-list { .qa-nav-footer-list {
float:left; float: left;
list-style-type:none; list-style-type: none;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.qa-footer-left{
float:left; .qa-footer-left {
float: left;
} }
.qa-footer-left p{
display:inline-block; .qa-footer-left p {
display: inline-block;
} }
.qa-footer-right{
float:right; .qa-footer-right {
display:inline-block; float: right;
margin-right:12px; display: inline-block;
margin-right: 12px;
} }
.qa-nav-footer-item { .qa-nav-footer-item {
float:left; float: left;
margin:0 12px; margin: 0 12px;
}
.qa-nav-footer-link {
}
.qa-nav-footer-link:hover {
} }
.qa-attribution { .qa-attribution {
float:right; float: right;
color:#777; color: #777;
}
.qa-attribution a {
}
.qa-attribution a:hover {
} }
/* Classes passed to theme */ /* Classes passed to theme */
.qa-user-link { .qa-user-link {
color:#3B5998 !important; color: #3B5998 !important;
font-weight:700; font-weight: 700;
} }
.qa-category-link { .qa-category-link {
color:#1e5568; color: #1e5568;
font-weight:700; font-weight: 700;
} }
.qa-tag-link,.qa-widget-side .qa-q-view-tag-item, .qa-widget-side > div > a{
background:#eee; .qa-tag-link, .qa-widget-side .qa-q-view-tag-item, .qa-widget-side > div > a {
color:#666 !important; background: #eee;
font-size:11px; color: #666 !important;
font-family:Arial, Tahoma, sans-serif; font-size: 11px;
display:inline-block; font-family: Arial, Tahoma, sans-serif;
text-decoration:none !important; display: inline-block;
padding:2px 8px; text-decoration: none !important;
border-bottom:1px solid #ccc; padding: 2px 8px;
border-right:1px solid #ccc; border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-radius: 2px; border-radius: 2px;
-moz-transition:all ease-in-out 0.75s; -moz-transition: all ease-in-out 0.75s;
-webkit-transition:all ease-in-out 0.75s; -webkit-transition: all ease-in-out 0.75s;
-o-transition:all ease-in-out 0.75s; -o-transition: all ease-in-out 0.75s;
-ms-transition:all ease-in-out 0.75s; -ms-transition: all ease-in-out 0.75s;
transition:all ease-in-out 0.75s; transition: all ease-in-out 0.75s;
} }
.qa-widget-side a{
margin:0 3px 3px 0; .qa-widget-side a {
display:inline-block; margin: 0 3px 3px 0;
display: inline-block;
} }
.qa-related-q-item a{
margin:0; .qa-related-q-item a {
display:block; margin: 0;
background:none; display: block;
border:none; background: none;
text-transform:none; border: none;
text-transform: none;
} }
.qa-tag-link:hover,.qa-q-view-tag-item:hover,.qa-widget-side > div > a:hover{ .qa-tag-link:hover, .qa-q-view-tag-item:hover, .qa-widget-side > div > a:hover {
background:#0099cc; background: #0099cc;
color:#fff !important; color: #fff !important;
-moz-transition:all ease-in-out 0.25s; -moz-transition: all ease-in-out 0.25s;
-webkit-transition:all ease-in-out 0.25s; -webkit-transition: all ease-in-out 0.25s;
-o-transition:all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s;
-ms-transition:all ease-in-out 0.25s; -ms-transition: all ease-in-out 0.25s;
transition:all ease-in-out 0.25s; transition: all ease-in-out 0.25s;
} }
.qa-q-view-tag-item{
margin:5px 0; .qa-q-view-tag-item {
margin: 5px 0;
} }
.qa-avatar-image { .qa-avatar-image {
border:0; border: 0;
vertical-align:middle; vertical-align: middle;
} }
.qa-avatar-link,.qa-avatar-link:hover {
text-decoration:none; .qa-avatar-link, .qa-avatar-link:hover {
text-decoration: none;
} }
.qa-favorite-image { .qa-favorite-image {
background:url(images/favorite-heart.png) no-repeat; background: url(images/favorite-heart.png) no-repeat;
background-position:0 -24px; background-position: 0 -24px;
border:0; border: 0;
height:24px; height: 24px;
width:24px; width: 24px;
vertical-align:middle; vertical-align: middle;
display:inline-block; display: inline-block;
}
.qa-waiting{
background:url(images/spinner-icon-14x14.gif) no-repeat center; width:14px;
height:14px;
display:inline-block;
font-size:0;
margin:0px 8px 0px 4px;
vertical-align:middle;
}
.qa-favoriting .qa-waiting{
position:absolute;
padding:0;
left:50%;
top:50%;
margin:-7px 0 0 -7px;
} }
.qa-waiting {
background: url(images/spinner-icon-14x14.gif) no-repeat center;
width: 14px;
height: 14px;
display: inline-block;
font-size: 0;
margin: 0px 8px 0px 4px;
vertical-align: middle;
}
.qa-favoriting .qa-waiting {
position: absolute;
padding: 0;
left: 50%;
top: 50%;
margin: -7px 0 0 -7px;
}
.qa-a-selection .qa-waiting { .qa-a-selection .qa-waiting {
position:absolute; position: absolute;
padding:0; padding: 0;
left:50%; left: 50%;
top:50%; top: 50%;
margin:-7px 0 0 -7px; margin: -7px 0 0 -7px;
} }
.qa-q-favorited .qa-q-item-title a, .qa-tag-favorited, .qa-tag-favorited:hover, .qa-cat-favorited, .qa-user-favorited, .qa-nav-cat-favorited, .qa-browse-cat-favorited { .qa-q-favorited .qa-q-item-title a, .qa-tag-favorited, .qa-tag-favorited:hover, .qa-cat-favorited, .qa-user-favorited, .qa-nav-cat-favorited, .qa-browse-cat-favorited {
background-image:url(images/favorite-icon-15x15.png); background-repeat: no-repeat; background-image: url(images/favorite-icon-15x15.png);
background-repeat: no-repeat;
} }
.qa-cat-parent-favorited { .qa-cat-parent-favorited {
background-image:url(images/favorite-light-icon-15x15.png); background-repeat: no-repeat; background-image: url(images/favorite-light-icon-15x15.png);
background-repeat: no-repeat;
} }
.qa-q-favorited .qa-q-item-title a, .qa-nav-cat-favorited, .qa-browse-cat-favorited { .qa-q-favorited .qa-q-item-title a, .qa-nav-cat-favorited, .qa-browse-cat-favorited {
background-position: left center; padding-left:18px; background-position: left center;
padding-left: 18px;
} }
.qa-nav-cat-favorited { .qa-nav-cat-favorited {
margin-left:-18px; margin-left: -18px;
} }
.qa-tag-favorited, .qa-tag-favorited:hover { .qa-tag-favorited, .qa-tag-favorited:hover {
background-position: 2px center; padding-left:19px; background-position: 2px center;
padding-left: 19px;
} }
.qa-cat-favorited, .qa-cat-parent-favorited, .qa-user-favorited { .qa-cat-favorited, .qa-cat-parent-favorited, .qa-user-favorited {
background-position: left center; padding-left:17px; background-position: left center;
padding-left: 17px;
} }
/* IE6 friendly versions of icons with binary alpha channel */ /* IE6 friendly versions of icons with binary alpha channel */
* html .qa-form-light-button-edit,* html .qa-form-light-button-retagcat { * html .qa-form-light-button-edit, * html .qa-form-light-button-retagcat {
background:url(images/edit-icon-ie6.png) no-repeat left center; background: url(images/edit-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-flag { * html .qa-form-light-button-flag {
background:url(images/flag-icon-ie6.png) no-repeat left center; background: url(images/flag-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-unflag,* html .qa-form-light-button-clearflags { * html .qa-form-light-button-unflag, * html .qa-form-light-button-clearflags {
background:url(images/unflag-icon-ie6.png) no-repeat left center; background: url(images/unflag-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-hide { * html .qa-form-light-button-hide {
background:url(images/hide-icon-ie6.png) no-repeat left center; background: url(images/hide-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-follow { * html .qa-form-light-button-follow {
background:url(images/follow-icon-ie6.png) no-repeat left center; background: url(images/follow-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-comment { * html .qa-form-light-button-comment {
background:url(images/comment-icon-ie6.png) no-repeat left center; background: url(images/comment-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-answer { * html .qa-form-light-button-answer {
background:url(images/answer-icon-ie6.png) no-repeat left center; background: url(images/answer-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-reshow { * html .qa-form-light-button-reshow {
background:url(images/reshow-icon-ie6.png) no-repeat left center; background: url(images/reshow-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-claim { * html .qa-form-light-button-claim {
background:url(images/claim-icon-ie6.png) no-repeat left center; background: url(images/claim-icon-ie6.png) no-repeat left center;
} }
* html .qa-form-light-button-delete { * html .qa-form-light-button-delete {
background:url(images/delete-icon-ie6.png) no-repeat left center; background: url(images/delete-icon-ie6.png) no-repeat left center;
} }
* html .qa-vote-up-button { * html .qa-vote-up-button {
background:url(images/vote-buttons-ie6.png) no-repeat 0 0; background: url(images/vote-buttons-ie6.png) no-repeat 0 0;
} }
* html .qa-vote-up-disabled { * html .qa-vote-up-disabled {
background:url(images/vote-buttons-ie6.png) no-repeat 0 -116px; background: url(images/vote-buttons-ie6.png) no-repeat 0 -116px;
} }
* html .qa-vote-down-button { * html .qa-vote-down-button {
background:url(images/vote-buttons-ie6.png) no-repeat -27px 0; background: url(images/vote-buttons-ie6.png) no-repeat -27px 0;
} }
* html .qa-vote-down-disabled { * html .qa-vote-down-disabled {
background:url(images/vote-buttons-ie6.png) no-repeat -27px -116px; background: url(images/vote-buttons-ie6.png) no-repeat -27px -116px;
} }
* html .qa-voted-up-button { * html .qa-voted-up-button {
background:url(images/vote-buttons-ie6.png) no-repeat 0 -87px; background: url(images/vote-buttons-ie6.png) no-repeat 0 -87px;
} }
* html .qa-voted-down-button { * html .qa-voted-down-button {
background:url(images/vote-buttons-ie6.png) no-repeat -27px -87px; background: url(images/vote-buttons-ie6.png) no-repeat -27px -87px;
} }
* html .qa-tag-link { * html .qa-tag-link {
background:url(images/tag-icon-ie6.png) no-repeat left center; background: url(images/tag-icon-ie6.png) no-repeat left center;
} }
* html .qa-a-count { * html .qa-a-count {
background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px; background: url(images/a-count-icon-ie6.png) no-repeat 32px 13px;
} }
/*---------------------------------------------------------------------------- /*----------------------------------------------------------------------------
-----[ custom home page html content css ]----- -----[ custom home page html content css ]-----
----------------------------------------------------------------------------*/ ----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------- /*----------------------------------------------------------------------------
-----[ q2a 1.6 new user profile page css ]----- -----[ q2a 1.6 new user profile page css ]-----
----------------------------------------------------------------------------*/ ----------------------------------------------------------------------------*/
.qa-template-user .qa-main{
width:100%; .qa-template-user .qa-main {
padding-right:10px; width: 100%;
padding-right: 10px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-form-activity,
.qa-template-user .qa-part-message-list{ .qa-template-user .qa-part-message-list {
float: right; float: right;
width: 50%; width: 50%;
padding-left: 10px; padding-left: 10px;
} }
.qa-template-user .qa-part-form-activity h2{
.qa-template-user .qa-part-form-activity h2 {
margin-top: 0; margin-top: 0;
} }
.qa-template-user .qa-part-form-profile { .qa-template-user .qa-part-form-profile {
float: left; float: left;
width: 50%; width: 50%;
...@@ -2223,14 +2636,16 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px; ...@@ -2223,14 +2636,16 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px;
padding-right: 10px; padding-right: 10px;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
} }
.qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-form-activity,
.qa-template-user .qa-part-message-list, .qa-template-user .qa-part-message-list,
.qa-template-user .qa-part-form-profile { .qa-template-user .qa-part-form-profile {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
overflow:hidden; overflow: hidden;
} }
.qa-template-user .qa-part-message-list .qa-form-tall-text, .qa-template-user .qa-part-message-list .qa-form-tall-text,
.qa-template-user .qa-part-form-profile .qa-form-wide-text { .qa-template-user .qa-part-form-profile .qa-form-wide-text {
width: 100% !important; width: 100% !important;
...@@ -2238,6 +2653,7 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px; ...@@ -2238,6 +2653,7 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.qa-template-user .qa-part-form-activity td .qa-uf-user-points, .qa-template-user .qa-part-form-activity td .qa-uf-user-points,
.qa-template-user .qa-part-form-activity td .qa-uf-user-q-posts, .qa-template-user .qa-part-form-activity td .qa-uf-user-q-posts,
.qa-template-user .qa-part-form-activity td .qa-uf-user-a-posts, .qa-template-user .qa-part-form-activity td .qa-uf-user-a-posts,
...@@ -2251,4 +2667,4 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px; ...@@ -2251,4 +2667,4 @@ background:url(images/a-count-icon-ie6.png) no-repeat 32px 13px;
font-size: 18px; font-size: 18px;
color: #069; color: #069;
font-weight: 700; font-weight: 700;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment