User:Edit Mr./styles.css
外观
注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
body {
color: #FFFFFF;
background-color: #494949;
background-image: url("Background.jpg");
background-size: 800px auto;
background-position: center;
font-family: Arial, Verdana;
line-height: 1.4em;
margin: 0px;
cursor: wait;}
a{
cursor:move;}
.wrapper {
width: 1000px;
margin: 20px auto 20px auto;
border: 2px solid #000000;
background-color: #222222;}
header {
height: 80px;
background-color: #222222;}
nav, footer {
clear: both;
color: #ffffff;
background-color: #375a7f;
height: 30px;}
nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;}
nav li {
display: inline;
margin-right: 40px;}
nav li a {
color: #00dc1a;}
nav li a:hover, nav li a.current {
color: #00a714;}
section.courses {
float: right;
width: 735px;
height: 973px;
margin-right: 20px;
border: 3px solid #375a7f;
border-radius: 5px;
background-color:#303030;;
color: White;}
article {
clear: both;
overflow: auto;
width: 100%;}
hgroup {
margin-top: 40px;}
figure {
float: right;
width: 290px;
height: 220px;
padding: 5px;
margin: 20px;
border: 0px}
figcaption {
font-size: 90%;
text-align: left;}
aside {
width: 155px;
float: left;
padding: 0px 19px 0px 19px;
margin-left: 20px;
border: 3px solid #375a7f;
border-radius: 5px;
background-color:#303030;
margin-bottom:20px;
color: White;}
a {
color: #de6581;
text-decoration: none;}
a:hover {
color: #985d6a;}
.release_link a {
display: block;
padding: 10px;
border-bottom: 1px solid #eeeeee;}
.release_link a:hover {
color: #985d6a;
background-color: #efefef;}
h3 {
margin: 10px 0px 5px 20px;
padding: 0px;
font-size: 120%;}
.px123 {
font-size: 175%}
h4 {
margin: 0px 0px 10px 20px;
color: #de6581;}
aside h2 {
padding: 30px 0px 10px 0px;
color: #de6581;}
footer {
font-size: 80%;
padding: 7px 0px 0px 19px;}
h1 {
padding: 0px 0px 0px 20px;
background-color: #222222;
color: White;}
iframe {
margin: 0px auto;
display: block;}
section.solution {
float: left;
width: 1000;
padding: 0px;
margin: 0px;
background-image: url("1.png");
background-size: 1200px auto;
margin-bottom: 20px}
.solution h2, .solution h3{
font-weight: bold}
aside, section.courses {
border: 2px solid #cccccc;}
.solution iframe {
margin: 0px auto;
display: block;
float: right;}
.solution figure {
float: right;
width: 700;
height: auto;
padding: 0px;
margin: 20px;
border: 0px;}
.solution iframe {
margin: 5px;;
display: block;}
.solution h2, p, .solution h3{
margin: auto auto auto 20px;
padding: 0px;}
article a, .solution a{
border: 3px solid #375a7f;
margin: 20px 10px 0px 0px;
paddling: 40px 50px 40px 50px;
text-algin: center;
border-radius: 5px;
background-color:#375a7f;
color: White;
font-size: 140%;}
article a:hover, .solution a:hover{
border: 3px solid #FFFFFF;
color: #FFFFFF}
.courses h2{
font-size: 200%;
color: #f39c12;
margin: 0px;
paddling: 0px;
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: 375a7f;}
a.rm {
display: inline;
padding: 0px;
border-bottom: 0px solid #eeeeee;}
.logs {
float: right;
width: auto;
max-height: 930.5px;
margin: 0px;
overflow: scroll;}
.ps {
margin: 0px 20px 20px 20px;}