441 lines
71 KiB
CSS
Raw Permalink Normal View History

2024-09-06 20:28:06 +08:00
@CHARSET "UTF-8";
h2, h3 {
color: #ffffff;
background-color: #363636;
margin-bottom: 0;
padding: 10px;
-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
}
body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
background-image: url(data:image/png;base64,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
}
article {
left: 20px;
right: 20px;
position: absolute;
overflow: auto;
}
header {
color: #ffffff;
display: block;
background-color: #000000;
margin: 0;
padding: 10px;
}
ul {
padding: 20px;
list-style-type: none;
border: 1px solid #BBBBBB;
background-color: #F9F9F9;
margin-top: 0;
}
ul ul {
border: none;
border-top: 1px solid #BBBBBB;
border-left: 2px dotted #CCCCCC;
background-color: #EFEFEF;
}
ul ul ul {
background-color: #E0E0E0;
}
ul ul ul ul {
background-color: #CFCFCF;
}
ul ul ul ul ul {
background-color: #E0E0E0;
}
ul ul ul ul ul ul {
background-color: #EFEFEF;
}
ul ul ul ul ul ul ul {
background-color: #FFFFFF;
}
li {
padding: 4px
}
a {
color: #2368AF;
}
pre {
padding: 20px;
background-color: #EEEEEE;
border: 1px solid #BBBBBB;
overflow: auto;
margin-top: 0;
-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
}
.shadow {
-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, .4);
}
pre.header {
padding: 10px;
margin-bottom: 0;
background: rgb(250,251,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(250,251,252,1) 0%, rgba(240,244,246,1) 50%, rgba(226,232,236,1) 51%, rgba(243,249,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,251,252,1)), color-stop(50%,rgba(240,244,246,1)), color-stop(51%,rgba(226,232,236,1)), color-stop(100%,rgba(243,249,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 51%,rgba(243,249,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 51%,rgba(243,249,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 51%,rgba(243,249,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 51%,rgba(243,249,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#f3f9fd',GradientType=0 ); /* IE6-9 */
}
/*
.info,.success,.warning,.error {
display: block;
border: 1px solid;
margin: 6px 0px;
padding: 8px 4px 8px 24px;
background-repeat: no-repeat;
background-position: 5px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('information.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
*/
right {
position: relative;
right: -6px;
top: -4px;
float: right;
}
icon {
position: relative;
padding: 0;
margin: 0;
left:0;
padding-left:28px;
top: 15px;
}
icon:before {
left:0;
display: inline-block;
content: "";
position: absolute;
}
icon:after {
left:0;
display: inline-block;
content: "";
position: absolute;
}
/* SUCCESS
------------------------------------------------------------------------------------------------------------------------------- */
.success {
color:#7F913C;
}
.success:before {
left:3px;
width:16px;
height:16px;
margin-top:-8px;
/* css3 */
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
background:#7F913C;
}
.success:after {
left:8px;
width:3px;
height:8px;
border-width:0 2px 2px 0;
border-style:solid;
border-color:#fff;
margin-top:-6px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
/* Alternative style */
.success-alt {
color:#7F913C;
}
.success-alt:before {
left:6px;
width:5px;
height:12px;
border-width:0 5px 5px 0;
border-style:solid;
border-color:#7F913C;
margin-top:-11px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
/* COMMENT
------------------------------------------------------------------------------------------------------------------------------- */
.comment a:before {
width:16px;
height:10px;
margin-top:-8px;
/* css3 */
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.comment a:after {
left:8px;
border:2px solid transparent;
border-top-color:#c55500;
border-left-color:#c55500;
margin-top:2px;
background:transparent;
}
.comment a:hover:after,
.comment a:focus:after,
.comment a:active:after {
border-top-color:#730800;
border-left-color:#730800;
}
/* WARNING
------------------------------------------------------------------------------------------------------------------------------- */
.warning:before {
content:"!";
z-index:2;
left:8px;
margin-top:-8px;
font-size:14px;
font-weight:bold;
color:#000;
}
.warning:after {
z-index:1;
border-width:0 11px 18px;
border-style:solid;
border-color:#F8D201 transparent;
margin-top:-10px;
background:transparent;
}
/* DENIED
------------------------------------------------------------------------------------------------------------------------------- */
.denied {
color:#C00000;
}
.denied:before {
left:3px;
width:10px;
height:10px;
border:3px solid #C00000;
margin-top:-8px;
background:transparent;
/* css3 */
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
.denied:after {
left:6px;
width:11px;
height:3px;
margin-top:-2px;
background:#C00000;
/* css3 */
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#breadcrumbs-one{
background: #eee;
border-width: 2px;
border-style: solid;
border-color: #f5f5f5 #e5e5e5 #ccc;
box-shadow: 0 0 2px rgba(0,0,0,.2);
overflow: hidden;
}
#breadcrumbs-one li{
float: left;
}
#breadcrumbs-one a{
padding: .3em 1em .3em 2em;
float: left;
text-decoration: none;
color: #444;
position: relative;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: #ddd;
background-image: linear-gradient(to right, #f5f5f5, #ddd);
background-image: linear-gradient(right , rgb(221,221,221) 10%, rgb(245,245,245) 90%);
background-image: -o-linear-gradient(right , rgb(221,221,221) 10%, rgb(245,245,245) 90%);
background-image: -moz-linear-gradient(right , rgb(221,221,221) 10%, rgb(245,245,245) 90%);
background-image: -webkit-linear-gradient(right , rgb(221,221,221) 10%, rgb(245,245,245) 90%);
background-image: -ms-linear-gradient(right , rgb(221,221,221) 10%, rgb(245,245,245) 90%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.1, rgb(221,221,221)),
color-stop(0.9, rgb(245,245,245))
);
}
#breadcrumbs-one li:first-child a{
padding-left: 1em;
border-radius: 5px 0 0 5px;
}
#breadcrumbs-one a.failure:hover,
#breadcrumbs-one a:hover{
background: #fff;
}
#breadcrumbs-one a.failure{
background: #fff5f5;
background-image: linear-gradient(right , rgb(242,228,228) 10%, rgb(255,245,245) 90%);
background-image: -o-linear-gradient(right , rgb(242,228,228) 10%, rgb(255,245,245) 90%);
background-image: -moz-linear-gradient(right , rgb(242,228,228) 10%, rgb(255,245,245) 90%);
background-image: -webkit-linear-gradient(right , rgb(242,228,228) 10%, rgb(255,245,245) 90%);
background-image: -ms-linear-gradient(right , rgb(242,228,228) 10%, rgb(255,245,245) 90%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.1, rgb(242,228,228)),
color-stop(0.9, rgb(255,245,245))
);
}
#breadcrumbs-one a.failure::after{
border-left-color: #f2e4e4;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid;
right: -1em;
}
#breadcrumbs-one a::after{
z-index: 2;
border-left-color: #ddd;
}
#breadcrumbs-one a::before{
border-left-color: #ccc;
right: -1.1em;
z-index: 1;
}
#breadcrumbs-one a:hover::after{
border-left-color: #fff;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
font-weight: bold;
background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
content: normal;
}
.state {
background: #f00;
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
border: #000000 solid 3px;
position: relative;
z-index: 10;
}
.state:after {
content: "";
border-right: #000000 solid 4px;;
position: relative;
top: 8px;
left: 2px;
}
li > strong {
min-width: 80px;
display: inline-block;
}