S2OJ/web/css/uoj-theme.css
2022-03-17 19:35:43 +08:00

449 lines
8.5 KiB
CSS

html {
font-size: 14px
}
body {
padding-top: 10px;
padding-bottom: 10px;
}
.uoj-content {
min-height: 250px;
}
.uoj-footer {
text-align: center;
margin-top: 20px;
padding-top: 20px;
color: gray;
border-top: 1px solid #e5e5e5;
line-height: 10px;
}
.uoj-footer a {
color: gray;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
a.header-a {
color: #333;
}
a sup {
text-decoration: none;
display: inline-block;
}
a sub {
text-decoration: none;
display: inline-block;
}
.indent2 {
text-indent: 2em;
}
article p {
text-indent: 2em;
}
.markdown-editor-out p {
text-indent: 2em;
word-break: break-all;
}
article img {
vertical-align: baseline
}
pre {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
padding: 9.5px;
margin: 0 0 10px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.uoj-username {
font-weight: 800;
}
.uoj-honor {
font-weight: 800;
}
.uoj-score {
font-weight: 700;
}
.card-uoj-accepted {
border-color:#2bff4f;
}
.card-uoj-accepted>.card-header {
cursor:pointer;
color:#333;
background-color:#00ee00;
border-color:#2bff4f;
}
.card-uoj-accepted>.card-header:hover {
background-color:#2bff4f;
}
.card-uoj-accepted>.card-header+.card-collapse>.card-body {
border-top-color:#00ee00;
}
.card-uoj-accepted>.card-header .badge {
color:#00ee00;
background-color:#333;
}
.card-uoj-accepted>.card-header:hover .badge {
color:#2bff4f;
}
.card-uoj-accepted>.card-footer+.card-collapse>.card-body {
border-bottom-color:#2bff4f;
}
.card-uoj-wrong {
border-color:#ff0000;
}
.card-uoj-wrong>.card-header {
cursor:pointer;
color:#333;
background-color:#dd0000;
border-color:#ff0000;
}
.card-uoj-wrong>.card-header:hover {
background-color:#ff0000;
}
.card-uoj-wrong>.card-header+.card-collapse>.card-body {
border-top-color:#dd0000;
}
.card-uoj-wrong>.card-header .badge {
color:#dd0000;
background-color:#333;
}
.card-uoj-wrong>.card-header:hover .badge {
color:#ff0000;
}
.card-uoj-wrong>.card-footer+.card-collapse>.card-body {
border-bottom-color:#ff0000;
}
.card-uoj-acceptable-answer {
border-color:#ff7700;
}
.card-uoj-acceptable-answer>.card-header {
cursor:pointer;
color:#333;
background-color:#ee5500;
border-color:#ff0000;
}
.card-uoj-acceptable-answer>.card-header:hover {
background-color:#ff7700;
}
.card-uoj-acceptable-answer>.card-header+.card-collapse>.card-body {
border-top-color:#ee5500;
}
.card-uoj-acceptable-answer>.card-header .badge {
color:#ff7700;
background-color:#333;
}
.card-uoj-acceptable-answer>.card-header:hover .badge {
color:#ff7700;
}
.card-uoj-acceptable-answer>.card-footer+.card-collapse>.card-body {
border-bottom-color:#ff7700;
}
.card-uoj-tle {
border-color:#ffff2b;
}
.card-uoj-tle>.card-header {
cursor:pointer;
color:#333;
background-color:#e6e61e;
border-color:#ffff2b;
}
.card-uoj-tle>.card-header:hover {
background-color:#ffff2b;
}
.card-uoj-tle>.card-header+.card-collapse>.card-body {
border-top-color:#ffff2b;
}
.card-uoj-tle>.card-header .badge {
color:#e6e61e;
background-color:#333;
}
.card-uoj-tle>.card-header:hover .badge {
color:#ffff2b;
}
.card-uoj-tle>.card-footer+.card-collapse>.card-body {
border-bottom-color:#ffff2b;
}
.table-text-center>thead>tr>th {
text-align: center;
}
.table-text-center>tbody>tr>td {
text-align: center;
}
.table-vertical-middle>thead>tr>th {
vertical-align: middle;
}
.table-vertical-middle>tbody>tr>td {
vertical-align: middle;
}
.top-buffer-no {
margin-top: 0px;
}
.top-buffer-xs {
margin-top: 3px;
}
.top-buffer-sm {
margin-top: 5px;
}
.top-buffer-md {
margin-top: 10px;
}
.top-buffer-lg {
margin-top: 30px;
}
.bot-buffer-no {
margin-bottom: 0px;
}
.bot-buffer-xs {
margin-bottom: 3px;
}
.bot-buffer-sm {
margin-bottom: 5px;
}
.bot-buffer-md {
margin-bottom: 10px;
}
.bot-buffer-lg {
margin-bottom: 30px;
}
.glyphicon-ok, .glyphicon-ok-sign {
color: green;
}
.glyphicon-remove, .glyphicon-remove-sign {
color: red;
}
.comt {
}
.comtposterbox {
text-align:center;
}
.comtbox {
width: 100%;
}
.comtbox1 {
white-space: pre-wrap;
word-break: break-all;
min-height: 80px;
margin-top: 10px;
margin-bottom: 10px;
}
.comtbox2 {
text-align: right;
}
.comtbox3 {
display: inline-block;
margin-right: 5px;
}
.comtbox4 {
display: inline-block;
}
.comtbox5 {
background-image: -webkit-linear-gradient(top, #f5f5f5 0, #fafafa 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0, #fafafa 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0, #fafafa 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fffafafa', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
padding: 9px;
border-radius: 3px;
min-height: 20px;
margin-bottom: 20px;
border: 1px solid #e3e3e3;
margin-top: 10px;
}
.comtbox6 {
white-space: pre-wrap;
word-break: break-all;
}
.comtbox7 {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fafafa 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #fafafa 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #fafafa 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fffafafa', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
border-radius: 3px;
margin-left: 50px;
margin-top: 10px;
margin-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top:10px;
white-space: nowrap;
padding-bottom: 10px;
border: 1px solid #e3e3e3;
text-align: left;
}
.comtbox8 {
background-image: -webkit-linear-gradient(top, #ffffff 100%, #fafafa 0%);
background-image: -o-linear-gradient(top, #ffffff 100%, #fafafa 0%);
background-image: linear-gradient(to bottom, #ffffff 100%, #fafafa 0%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fffafafa', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
border-radius: 3px;
margin-left: 50px;
margin-top: 10px;
margin-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top:10px;
white-space: nowrap;
padding-bottom: 10px;
border: 1px solid #e3e3e3;
text-align: left;
}
.question-content {
max-height: 100px;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
.uoj-click-zan-block {
display: inline-block;
min-width: 140px;
text-align: left;
}
.uoj-click-zan-up, .uoj-click-zan-down, .uoj-click-zan-cnt {
margin-left: 5px;
margin-right: 5px;
}
.uoj-click-zan-block-cur-up .uoj-click-zan-up {
color: green;
font-weight: 700;
}
.uoj-click-zan-block-cur-down .uoj-click-zan-down {
color: red;
font-weight: 700;
}
.uoj-click-zan-block-cur-down .uoj-click-zan-up, .uoj-click-zan-block-cur-up .uoj-click-zan-down {
color: gray;
}
.uoj-click-zan-block-positive .uoj-click-zan-cnt {
color: green;
}
.uoj-click-zan-block-neutral .uoj-click-zan-cnt {
color: gray;
}
.uoj-click-zan-block-negative .uoj-click-zan-cnt {
color: red;
}
.uoj-problem-tag {
margin-left: 5px;
margin-right: 5px;
}
.uoj-blog-tag {
margin-left: 5px;
margin-right: 5px;
}
.uoj-status-details-img-div {
display:inline-block;
width:50%;
padding-right:10px;
text-align:right;
}
.uoj-status-details-text-div {
display:inline-block;
width:50%;
padding-left:10px;
text-align:left;
}
form.uoj-form-inline {
display: inline-block;
margin-right: 0.3em;
}
form.uoj-form-narrow label.col-sm-2 {
max-width: 100% !important;
padding: 0 !important;
}
form.uoj-form-narrow div.col-sm-3 {
max-width: 100% !important;
padding: 0 !important;
}
form.form-horizontal {
margin-bottom: 8px;
}
form.uoj-form-compressed {
margin: 12px 0;
}
form.uoj-form-compressed div.form-group {
display: inline-block;
width: 24em;
}
form.uoj-form-compressed div.form-group label.col-sm-2 {
display: inline-block;
max-width: 100%;
width: 6em;
padding: 0;
}
form.uoj-form-compressed div.form-group div.col-sm-3 {
display: inline-block;
max-width: 100%;
width: 16em;
}
form.uoj-form-compressed div.text-center,
form.uoj-form-compressed div.text-compressed,
form.uoj-form-compressed button {
display: inline-block;
}
form.uoj-form-compressed button {
position: relative;
top: -6px;
}