248 lines
3.4 KiB
SCSS
248 lines
3.4 KiB
SCSS
/*
|
|
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
* listed below.
|
|
*
|
|
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
|
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
|
|
*
|
|
* You're free to add application-wide styles to this file and they'll appear at the top of the
|
|
* compiled file, but it's generally better to create a new file per style scope.
|
|
*
|
|
*= require_self
|
|
*= require_tree .
|
|
*/
|
|
|
|
h3{
|
|
margin-top:6em;
|
|
border-bottom:1px dotted #b0cf81;
|
|
padding-bottom:0.2em;
|
|
|
|
}
|
|
#main{
|
|
a{
|
|
color: #5890CD;
|
|
text-decoration:none;
|
|
|
|
&:hover{
|
|
text-decoration:underline;
|
|
}
|
|
}
|
|
table{
|
|
border-collapse:collapse;
|
|
td{
|
|
min-width:60px;
|
|
|
|
|
|
}
|
|
td, th{
|
|
border: 1px solid #c9c9c9;
|
|
padding:5px;
|
|
text-align:left;
|
|
}
|
|
}
|
|
|
|
}
|
|
body{
|
|
font-family: "Lucida Grande", "Verdana";
|
|
|
|
color:#303030;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
#footer{
|
|
padding:2%;
|
|
font-size:0.85em;
|
|
text-align:center;
|
|
|
|
.legals {
|
|
margin-top:3em;
|
|
margin-bottom:0;
|
|
color : #404040;
|
|
|
|
a{
|
|
color : #404040;
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
font-size:0.8em;
|
|
}
|
|
|
|
}
|
|
|
|
h1, .question{
|
|
color:#7ba142;
|
|
}
|
|
|
|
.question{
|
|
border-bottom:1px dotted #b0cf81;
|
|
padding-bottom:0.2em;
|
|
|
|
}
|
|
.field_with_errors{
|
|
display:inline;
|
|
|
|
input, textarea{
|
|
border:1px solid red;
|
|
}
|
|
|
|
}
|
|
|
|
input, textarea{
|
|
padding:1%;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
.large{
|
|
|
|
width:98%;
|
|
margin:auto;
|
|
}
|
|
|
|
.question{
|
|
margin-top:1em;
|
|
margin-bottom:0.5em;
|
|
font-size:1.1em;
|
|
|
|
|
|
}
|
|
|
|
.answer_p{
|
|
margin:0.4em 1em;
|
|
|
|
}
|
|
|
|
input,label,textarea{
|
|
cursor:pointer;
|
|
}
|
|
|
|
input[type=submit]{
|
|
display: block;
|
|
margin:auto;
|
|
margin-bottom:10em;
|
|
outline: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font: 14px/100% Arial, Helvetica, sans-serif;
|
|
padding: .5em 2em .55em 4em;
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.3);
|
|
-webkit-border-radius: 1em;
|
|
-moz-border-radius: 1em;
|
|
border-radius: 1em;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
|
|
|
color: #e8f0de;
|
|
border: solid 1px #538312;
|
|
background-color: #64991e;
|
|
|
|
background-image: url('/assets/fond.png');
|
|
background-repeat:no-repeat;
|
|
|
|
|
|
&:hover{
|
|
text-decoration: none;
|
|
background-color: #538018;
|
|
|
|
|
|
|
|
}
|
|
|
|
&:active{
|
|
position: relative;
|
|
top: 1px;
|
|
color: #a9c08c;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
|
|
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.bar_chart,.chart{
|
|
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.3);
|
|
padding:1em;
|
|
margin:1em 0;
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 0px) {
|
|
|
|
#main{
|
|
width:94%;
|
|
max-width:800px;
|
|
font-size:0.9em;
|
|
margin:auto;
|
|
padding:3%;
|
|
|
|
|
|
}
|
|
#logo{
|
|
margin:2em auto;
|
|
display:block;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
body{
|
|
background: url('/assets/bg-white.jpg') fixed;
|
|
}
|
|
|
|
#logo{
|
|
position:fixed;
|
|
top:1em;
|
|
width:20%;
|
|
margin:2% 5%;
|
|
max-width:250px;
|
|
}
|
|
#main{
|
|
|
|
width:66%;
|
|
padding:2%;
|
|
margin-left:30%;
|
|
background:white;
|
|
|
|
}
|
|
#footer{
|
|
position:fixed;
|
|
bottom:1em;
|
|
width:20%;
|
|
left:2%;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.chart{
|
|
|
|
height:400px;
|
|
|
|
}
|
|
|
|
|
|
@media only print {
|
|
#logo,#footer{
|
|
display:none;
|
|
|
|
}
|
|
|
|
.break{
|
|
page-break-after:always;
|
|
}
|
|
|
|
}
|