77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
|
*{
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body{
|
|||
|
|
/* Setting default text color, background and a font stack */
|
|||
|
|
font-size:12px;
|
|||
|
|
color:#666;
|
|||
|
|
|
|||
|
|
/* A webkit gradient: */
|
|||
|
|
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
|
|||
|
|
|
|||
|
|
text-shadow:1px 1px 0 white;
|
|||
|
|
font-family:Arial, Helvetica, sans-serif;
|
|||
|
|
//overflow-x:hidden;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tutorial{
|
|||
|
|
width:500px;
|
|||
|
|
padding:10px 20px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
#content{
|
|||
|
|
width:550px;
|
|||
|
|
overflow:scroll;
|
|||
|
|
height:500px;
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
img{
|
|||
|
|
width:100px;
|
|||
|
|
height:100px;
|
|||
|
|
float:left;
|
|||
|
|
|
|||
|
|
/* Webkit CSS3 Reflection */
|
|||
|
|
-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(rgba(255, 255, 255, 0.3))) 0 0 0 0 stretch stretch;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p,a{
|
|||
|
|
padding:10px 0 0 120px;
|
|||
|
|
display:block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a,a:visited{
|
|||
|
|
color:#09F;
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:hover{
|
|||
|
|
text-decoration:underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1{
|
|||
|
|
/* Webkit gradient: */
|
|||
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
|
|||
|
|
|
|||
|
|
border-bottom: 1px solid #F0F0F0;
|
|||
|
|
font-size: 24px;
|
|||
|
|
font-weight: normal;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
padding: 30px 0px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-shadow: white 0px 1px 1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2{
|
|||
|
|
font-size:24px;
|
|||
|
|
font-weight:normal;
|
|||
|
|
right:40px;
|
|||
|
|
padding-left:120px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1,h2{
|
|||
|
|
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
|
|||
|
|
}
|