ictgj-voting/assets/css/gjvote.css

304 lines
4.0 KiB
CSS
Raw Normal View History

2017-04-03 21:32:13 +00:00
html {
min-height: 100%;
}
body {
color: #777;
2017-07-06 17:09:49 +00:00
min-height: 100%;
2017-04-03 21:32:13 +00:00
}
2017-06-30 19:35:36 +00:00
a {
text-decoration: none;
}
2017-04-03 21:32:13 +00:00
div.content {
padding: 15px;
min-height: 100%;
color: black;
}
2017-06-30 19:35:36 +00:00
div.half {
width: 50%;
}
2017-04-03 21:32:13 +00:00
.header {
margin-left: 0;
}
2017-06-30 19:35:36 +00:00
.primary {
color: #0078e7;
}
.primary-bg {
background-color: #0078e7;
}
2017-06-15 17:35:53 +00:00
input.file {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
}
2017-06-30 19:35:36 +00:00
input.ranking-input {
width: 50px;
border-radius: 5px;
border: 1px solid #CCC;
text-align: center;
}
button.submit-vote {
}
i.move-icon {
cursor: ns-resize;
}
2017-04-03 21:32:13 +00:00
#menu {
width: 100%;
height: 40px;
position: relative;
background: #191818;
webkit-overflow-scrolling: touch;
}
#menu .pure-menu-heading {
display: inline-block;
}
2017-06-15 17:35:53 +00:00
#menu .pure-menu-nonlink {
color: #777;
padding: .5em 1em;
display: block;
text-decoration: none;
white-space: nowrap;
}
2017-04-03 21:32:13 +00:00
#menu .menu-button {
display: inline;
position: absolute;
top: 0px;
right: 0px;
margin-top: 10px;
margin-right: 10px;
color: white;
text-decoration: none;
}
.menu-bottom {
width: 150px;
border-top: 1px solid white;
}
#menu .menu-container {
display: none;
position: absolute;
right: 0px;
top: 40px;
background-color: #191818;
}
#menu .menu-container>ul {
background-color: #191818;
}
2017-06-15 17:35:53 +00:00
div.horizontal-scroll {
overflow-x: scroll;
}
img.thumbnail {
height: 100px;
}
.thumbnail-container {
display: block;
height: 120px;
background-color: #EEE;
padding-top: 20px;
2017-06-15 17:35:53 +00:00
}
.padding {
padding: 5px;
}
.space {
margin: 5px;
}
.space-sides {
margin-left: 5px;
margin-right: 5px;
}
2017-06-30 19:35:36 +00:00
.space-vertical {
margin-top: 5px;
margin-bottom: 5px;
}
.large {
font-size: 18px;
}
2017-06-15 17:35:53 +00:00
.big-space {
margin: 10px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.center-all {
text-align: center;
vertical-align: center;
margin: auto;
}
2017-07-06 17:09:49 +00:00
table.center tbody>td {
2017-06-15 17:35:53 +00:00
text-align: center;
}
table.padding td {
padding: 5px;
}
2017-07-06 17:09:49 +00:00
table tfoot {
border-top: 1px solid #CCC;
}
2017-06-15 17:35:53 +00:00
.pure-button-error {
background-color: #DD0000;
color: #FFF;
}
.pure-button-toggle-first {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pure-button-toggle-middle {
border-radius: 0px;
margin-left: -5px;
border-left: 1px solid #CCC;
}
.pure-button-toggle-last {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-left: -5px;
border-left: 1px solid #CCC;
2017-06-15 17:35:53 +00:00
}
2017-06-30 19:35:36 +00:00
.pure-button:disabled {
background-color: #CCC;
color: #999;
}
#modal-body {
margin-bottom: 15px;
}
2017-06-15 17:35:53 +00:00
#modal-overlay {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.5);
}
#modal-overlay>div {
width: 500px;
margin: 100px auto;
background-color: #FFF;
border: 1px solid #000;
border-radius: 10px;
padding: 15px;
text-align: center;
2017-06-08 20:43:11 +00:00
}
div#embiggenedScreenShot {
cursor: pointer;
background-color: #FFF;
}
div.fullscreen {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
margin: auto auto;
z-index:1001;
}
2017-04-03 21:32:13 +00:00
@media (min-width: 40em) {
#menu {
width: 150px;
height: 100%;
position: fixed;
}
#menu .menu-button {
display: none;
}
#menu .menu-container{
display: initial;
width: 100%;
}
.menu-bottom {
width: 150px;
position: fixed;
left: 0px;
bottom: 0px;
}
.header {
margin-left: 150px;
}
2017-07-14 12:28:09 +00:00
div.flash {
font-size: 24px;
2017-07-14 12:28:09 +00:00
position: fixed;
top: 0px;
width: 100%;
2017-04-03 21:32:13 +00:00
}
2017-07-14 12:28:09 +00:00
div.flash.error {
background-color: #DD0000;
color: #FFFFFF;
}
2017-07-14 12:28:09 +00:00
div.flash.success {
2017-06-15 17:35:53 +00:00
background-color: #229af9;
color: #FFFFFF;
}
2017-04-03 21:32:13 +00:00
.content {
margin-left: 150px;
}
}
@media screen and (max-width:35.5em) {
div.pure-control-group label.control-label {
text-align: left;
}
}
@media screen and (max-width:64em) and (min-width: 48em) {
div.pure-control-group label.control-label {
text-align: left;
}
}