mon-entreprise/containers/App.css

104 lines
1.4 KiB
CSS
Raw Normal View History

2016-06-29 10:27:04 +00:00
body {
2016-06-29 16:57:56 +00:00
font-family: Open Sans;
color: #333;
}
h1 {
text-align: center;
font-weight: 200;
font-size: 215%;
}
2016-06-30 10:16:47 +00:00
ul {
2016-06-29 16:57:56 +00:00
list-style: none;
padding: 0;
margin: 0;
2016-06-30 10:16:47 +00:00
}
2016-07-04 16:34:18 +00:00
li {
margin: 0;
}
#tag-navigation {
2016-06-30 10:16:47 +00:00
text-transform: capitalize;
font-size: 140%;
font-weight: 300;
width: 20%;
border-right: 1px solid #ccc;
padding: 1em;
display: inline-block;
2016-06-29 16:57:56 +00:00
}
2016-07-04 16:34:18 +00:00
#to-select > li {
margin-bottom: 1.5em;
2016-06-30 10:16:47 +00:00
}
.choices {
2016-07-04 16:34:18 +00:00
margin-top: .6em;
2016-06-30 10:16:47 +00:00
}
.choices li {
font-size: 75%;
font-weight: 400;
display: inline-block;
text-align: right;
2016-07-04 16:34:18 +00:00
margin-right: 1em;
2016-06-30 10:16:47 +00:00
background: #16a085;
color: white;
2016-07-04 16:34:18 +00:00
padding: .05em .6em;
2016-06-30 10:16:47 +00:00
cursor: pointer;
border-radius: .1em
2016-06-29 10:27:04 +00:00
}
2016-07-04 16:34:18 +00:00
#selected {
border-bottom: 1px solid #ccc;
padding-bottom: .6em;
margin-bottom: 2em;
}
#variables {
width: 70%;
display: inline-block;
padding: 3%;
2016-07-04 16:34:18 +00:00
position: absolute;
}
.variable {
2016-07-27 15:00:55 +00:00
width: 8em;
min-height: 7em;
display: inline-block;
2016-07-27 15:00:55 +00:00
vertical-align: middle;
2016-07-05 14:08:36 +00:00
margin-bottom: 1em;
margin-right: 1em;
padding: 1em 2em;
text-align: center;
text-transform: capitalize;
2016-07-05 14:08:36 +00:00
}
2016-07-27 15:00:55 +00:00
.variable h3 {
font-weight: 400;
font-size: 120%;
}
2016-07-05 14:08:36 +00:00
.variable ul {
padding-left: .6em
}
#selected-variable {
width: 70%;
display: inline-block;
position: absolute;
}
#selected-variable h1 {
text-transform: capitalize;
font-size: 180%;
}
#selected-variable p {
width: 50%;
margin: 0 auto;
border: 1px solid #ddd;
border-left: 2px solid #ddd;
padding: 1em 2em;
}