MediaWiki:Common.css
From cm2.liecourt.com
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <style> */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
/*
details summary::before {
content:"open";
}
details[open] summary::before {
content:"close";
}
*/
.oo-ui-horizontalLayout div.oo-ui-selectWidget {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.oo-ui-horizontalLayout .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
width: 100%;
}
.case-img-wrapper img{
max-width: 70px;
height: auto;
}
.hidden {
display: none;
}
::-webkit-scrollbar {
width: 14px;
height: 18px;
}
::-webkit-scrollbar-thumb {
height: 6px;
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
-webkit-border-radius: 7px;
background-color: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
.mw-body ul, .mw-body ol {
margin: 0 0 10.5px;
}
@media screen {
.onlyprint {
display:none;
}
}
/** Search box search symbol to the right
.left-inner-addon {
position: relative;
}
.left-inner-addon input {
padding-left: 30px;
}
.left-inner-addon i {
position: absolute;
padding: 10px 12px;
pointer-events: none;
}
.right-inner-addon {
position: relative;
}
.right-inner-addon input {
padding-right: 30px;
}
.right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
pointer-events: none;
}*/
.select2-container {
width: 100% !important;
margin-bottom: 1rem !important;
}
.color-blue{
color:#006699;
}
body{
position: relative;
min-height: 100vh;
}
body > .container{
max-width:none;
padding: 0;
font-family: 'Open Sans', sans-serif;
padding-bottom: 2.5rem;
}
#content, .container > .mt-1, .body-container{
margin:0 auto;
}
@media (min-width: 576px){
#content, .container > .mt-1, .navbar-nav, .body-container {
max-width: 540px;
}
}
@media (min-width: 768px){
#content, .container > .mt-1, .navbar-nav, .body-container {
max-width: 720px;
}
}
@media (min-width: 992px){
#content, .container > .mt-1, .navbar-nav, .body-container {
max-width: 960px;
}
}
@media (min-width: 1200px){
#content, .container > .mt-1, .navbar-nav, .body-container {
max-width: 1140px;
}
}
.container > .row {
width: 100%;
}
.row-WSHeader > .col{
padding:0;
}
.navbar{
margin: 0 15px;
}
.container-fluid .row-wsheader {
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #006699;
padding-top: 12px;
border-image-source: linear-gradient(to right, #990000 0%,#990000 20%,#006699 20%,#006699 80%, #339966 80%, #339966 100%);
border-image-slice: 1;
}
.row-WSHeader .container-fluid{
padding:0;
}
.row-wsheader .list-inline{
margin:0;
text-align: center;
}
div.p-navbar {
background-color: #f2f2f2;
}
div.navbar li.nav-item a.nav-link {
color: #484848;
}
input.form-control {
border-radius: 30px;
background: #f2f2f2;
/* border: none; */
padding-left: 24px;
/* box-shadow: none; */
}
.nav-item {
padding: 0 12px;
}
#simpleSearch {
margin-top: 24px;
position: relative;
}
.fa-search {
position: absolute;
right: 22px;
transform: scaleX(-1);
color: #6c757d;
top: 7px;
}
.container .mt-5:last-child {
position: absolute;
bottom: 0;
width: 100%;
height: 2.5rem;
}
.container .mt-5:last-child > .col {
padding: 0;
}
.container .mt-5:last-child > .col nav{
margin: 0 -15px;
}
.navbar-nav {
margin: 0 auto;
width:100%;
}
body.rootpage-Main_Page #content{
max-width:none;
padding:0;
}
h1 {
font-size: 32px;
border: none;
font-weight: 900;
color: #006699;
}
h3 {
font-size: 19px;
border: none;
margin: 0;
padding: 0;
color: #484848;
font-weight: 600;
}
h2 {
font-size: 21px;
border: none;
padding:0;
font-weight: 600;
color: #006699;
}
.row-formitemresponsive div:first-child {
align-self: center;
border-right: none;
}
.row-formitemresponsive{
padding: 7px 8px;
border-top: 1px solid #f2f2f2;
}
.form-number{
display: inline-block;
width: 5em;
}
.row-formitemresponsive input {
border-radius: 30px;
background: #f2f2f2;
/* border: none; */
padding-left: 24px;
/* box-shadow: none; */
}
.verdict-item{
padding: 7px 0;
border-top: 1px solid #f2f2f2;
}
div .verdict-item:first-child{
border-top: none;
}
.percentage {
max-height: 40px;
border-radius: 30px;
margin-left: 7px;
white-space: nowrap;
background: #f2f2f2;
padding-right: 19px;
}
.attachment {
max-height: 40px;
border: 1px solid #ced4da;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
padding: 7px 24px;
background: #f2f2f2;
border-radius: 30px;
font-size: 16px;
margin-top: 0.5rem;
margin-left: 7px;
}
.image-modal img{
width:100%;
height:auto;
}
.vi{
border-radius: 30px;
padding: 7px 25px;
background: #f2f2f2;
}
.truth-no{
background:#990000;
color:white;
}
.truth-yes{
background:#339966;
color:white;
}
.verdict-type {
writing-mode: vertical-lr;
text-orientation: mixed;
transform: rotate(180deg);
}
.verdict-wrapper {
border-left: 2px solid #bdbcbc;
padding-left: 14px;
margin-left: 14px;
}
.inner-percentage {
background: #f2f2f2;
padding: 0 7px;
border-radius: 40px;
margin: 0 -16px;
}
.profile-img{
border: 2px solid #E2EEFE;
background: #F6F9FF;
border-radius: 50%;
color: #006599;
font-size: 439%;
text-align: center;
height: max-content;
}
canvas.jqplot-grid-canvas {
display: none;
}
.upload-preview{
font-size: 0;
}
.upload-preview li {
list-style: none;
font-size: 0;
}
.upload-preview img, .upload-preview svg{
max-width:70px;
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
box-shadow: 0 1px 2px rgba(0,0,0,0.075);
height: auto;
}
div#error_file-upload {
display: none;
}
.box {
border: 2px solid #f2f2f2;
padding: 12px;
margin: 25px auto;
border-radius: 12px;
}
.info-box {
border: 2px solid #E2EEFE;
padding: 12px;
margin: 25px auto;
background: #F6F9FF;
border-radius: 12px;
color: #006599;
text-align: center;
}
.info-box hr{
border-top: 1px solid #006599;
}
.info-box details[open] {
background: #e2eefd;
margin: 0 -12px;
padding: 0 12px;
}
.info-row b {
display: block;
}
.info-row {
border-bottom: 2px solid #f6f9ff;
text-align: left;
padding-bottom: 6px;
}
.info-row .percnt {
background: #016499;
color: white;
padding: 0 7px;
border-radius: 12px;
float: right;
}
.btn-half.btn-green {
border-radius: 0 30px 30px 0;
}
.btn-half {
font-size: 12px;
padding: 12px 23px;
}
.btn-half.btn-red {
border-radius: 30px 0 0 30px;
}
.flow-index{
justify-content: stretch;
}
.flow-index div:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
background: #f6f9ff;
border-top: 2px solid #e2eefe;
border-right: 2px solid #e2eefe;
border-top-right-radius: 6px;
z-index: 99;
right: -12px;
top: calc(50% - 10px);
transform: rotate(45deg);
}
.flow-index div {
width: 100%;
font-size: 0.8em;
position: relative;
border: 2px solid #E2EEFE;
padding: 6px 10px;
background: #F6F9FF;
/* border-radius: 12px; */
color: #006599;
text-align: center;
/* width: 12.5%; */
background: #F6F9FF;
margin-right: -2px;
line-height: 1.2em;
align-self: end;
}
.lie-input b{
color:white;
background:#990000;
}
.lie-input i{
color:white;
background:#006599;
font-weight:bold;
font-style: normal;
}
#fake-field {
border-radius: 0 0px 30px 30px;
background: #f2f2f2;
/* border: none; */
padding-left: 24px;
/* box-shadow: none; */
min-height: 200px;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
outline: none;
border-top: 2px solid #6b747d;
height: unset;
}
.btn-mark.btn {
font-size: 12px;
padding: 4px 21px;
border-radius: 0;
}
div .btn-mark.btn:first-child{
border-radius: 20px 0 0 0;
}
.truth-token{
border: 2px solid #006399;
width: 2em;
height: 2em;
border-radius: 50%;
padding-top: 2px;
display: inline-block;
text-align: center;
background: #ffffff;
color: #006499;
box-shadow: 1px 2px 0px #006599;
margin-right: 7px;
}
#balance.buy {
border-bottom: 2px solid;
padding-bottom: 7px;
margin-bottom: 7px;
}
.total-token-price{
text-align: left;
padding: 9px 0;
border-bottom: 2px solid;
margin-bottom: 7px;
}
.icon-bar {
background-color: #888888;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.home-search{
max-width: 27em;
margin: 0 auto;
}
.banner{
position:relative;
margin:0 -30px;
}
@media (max-width:800px){
.row{
margin-right: 0px;
margin-left: 0px;
}
.navbar {
margin: 0 ;
}
.banner {
margin: 0 -15px;
padding: 15px;
}
}
.checkinput-button input[type="radio"]:checked + span {
background-color: #339966;
color: rgb(255, 255, 255);
}
.checkinput-button label {
font-weight: 600;
font-size: 14px;
margin-bottom: 0px;
}
.checkinput-button {
border: 1px solid #ced4da;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
background-color: #f2f2f2;
position: relative;
margin: 0;
border-radius: 30px 0 0 30px;
overflow: auto;
}
.d-flex .checkinput-button:nth-child(2){
border-radius: 0 30px 30px 0;
}
.checkinput-button input[type="radio"]{
display:none;
}
.checkinput-button label span {
text-align: center;
display: block;
padding: 9px 25px;
}
.chat.me:after {
content: "";
height: 0;
width: 0;
border-right: 20px solid transparent;
border-top: 34px solid #339966;
position: absolute;
right: -10px;
left:unset;
top: 0;
transform:unset;
}
.chat:after {
content: "";
height: 0;
width: 0;
border-right: 20px solid transparent;
border-top: 34px solid #76acca;
position: absolute;
left: -10px;
right: unset;
top: 0;
transform: scaleX(-1);
}
.chat h3 {
font-size: 12px;
}
h3.chat-1 {
color: orange;
}
h3.chat-2 {
color: #00ff9d;
}
h3.chat-3 {
color: #00f7ff;
}
h3.chat-4 {
color: #c800ff;
}
h3.chat-Plaintiff {
color: yellow;
}
h3.chat-Judge {
color: #990000;
}
.chat.me {
margin: 0 12px 12px 35px;
background: #339966;
}
.chat {
background: #76acca;
color: white;
position: relative;
text-align: left;
padding: 12px;
border-radius: 12px;
margin: 0 35px 12px 12px;
}
#fake-field::selection {
background: #006599;
color: white;
}
.chat h4 {
font-size: 7px;
color: #e2eefe;
text-align: right;
margin: 0;
}
.modal-body img {
max-width: 100%;
}
div .checkinput-button:nth-child(2) input[type="radio"]:checked + span {
background: #990000;
}
.sep{
font-size:1.5em;
padding: 0 1em;
}
.add-more {
max-height: 40px;
border: 1px solid #ced4da;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
white-space: nowrap;
padding: 7px 24px;
background: #f2f2f2;
border-radius: 30px;
font-size: 16px;
margin-top: 0.5rem;
margin-left: 7px;
cursor: pointer;
}
#case-form textarea{
border-radius: 30px;
background: #f2f2f2;
padding-left: 24px;
}
/* Signup edits */
label[for="wpReason"], #wpReason {
display: none;
}
.mw-createacct-benefits-container {
display: none;
}
/* end of signup edits */
/* Chrome, Safari, Edge, Opera */
input#Initial-credit-card-nr::-webkit-outer-spin-button,
input#Initial-credit-card-nr::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input#Initial-credit-card-nr {
-moz-appearance: textfield;
}
.btn-green {
background: #339966!important;
color: white;
padding: 9px 35px;
border-radius: 30px;
font-weight: 600;
}
.btn-red {
background: #990000;
color: white;
padding: 9px 35px;
border-radius: 30px;
font-weight: 600;
}
.btn-gray {
background: #6a737d;
color: white;
padding: 9px 35px;
border-radius: 30px;
font-weight: 600;
}
.btn-blue {
background: #f6f9ff;
}
.dark-blue{
color:white;
background:#006599;
font-weight:bold;
}
.red{
color:white;
background: #990000;
font-weight:bold;
}
.btn-square input[type="submit"] {
border-radius: 0 0 5px 5px;
}
.btn-square {
border: none;
border-radius: 5px;
padding: 0 0;
margin: 2px;
position: relative;
}
.flow-index .active:after {
background: #f6fffb;
border: 2px solid #b4e7cd;
border-left: none;
border-bottom: none;
}
.upload-preview{display:inline !important;}
.flow-index .active {
background: #f6fffb;
border: 2px solid #b4e7cd;
color: #339965;
margin-left: 2px;
margin-right: 0;
}
.flow-index div.done {
color: #484848;
border: 2px solid #b2b2b2;
background: #f2f2f2;
}
.flow-index div.done:after {
background: #f2f2f2;
border: 2px solid #b2b2b2;
border-left: none;
border-bottom: none;
}
.flow-index div.done:before {
/*content: "✔";*/
position: absolute;
font-size: 5em;
font-weight: 900;
left: 0.2em;
top: 0;
color: #716f6f69;
}
.user-roles {
margin-top: -40px;
margin-left: 20px;
}
.vi.ml-2{
max-height: 38px;
}
input.remove-juror {
background: unset;
border: none;
padding: 0;
position: absolute;
top: 0;
right: 9px;
color: white;
}
.modal-body iframe {
width: 100%;
height: 50vh;
}
.big-icon {
font-size: 4em;
}
