CSS test | HappyMac はっぴーまっく

CSS test

/* Red&Bold TEXT large */

.txt14 {font-size: 14px; font-weight: bold;}

.red1 {color: red;font-weight: bold;}

.red2 {color: red; font-size: 16px; font-weight: bold;}

/* Gray line */
.sq1 {
border-style: solid;
border-color: gray;
border-width: 1px;
line-height: 170%;
padding: 15px;
-webkit-border-radius: 10px;
margin-left : auto ;
margin-right : auto ;
}

/* Gray paint */
.sq2 {
border-style: none;
border-color: none;
border-width: 1px;
background-color: #EEEEEE;
line-height: 170%;
padding: 15px;
-webkit-border-radius: 10px;
margin-left : auto ;
margin-right : auto ;
}

/* Gray dashed line */

.sq3 {
border-style: dashed;
border-color: gray;
border-width: 1px;
line-height: 170%;
padding: 15px;
-webkit-border-radius: 10px;
margin-left : auto ;
margin-right : auto ;
}

/* Gray line&paint */

.sq4 {
border-style: solid;
border-color: none;
border-width: 1px;
background-color: #EEEEEE;
line-height: 170%;
padding: 15px;
-webkit-border-radius: 10px;
margin-left : auto ;
margin-right : auto ;
}

/* Red line&paint */

.sq5 {
border-style: solid;
border-color: red;
border-width: 2px;
background-color: #FFF;
line-height: 170%;
padding: 15px;
-webkit-border-radius: 10px;
margin-left : auto ;
margin-right : auto ;
}

.sub1 {
padding: 2px 10px;
border-style: none none solid solid;
border-color: #666666;
border-width: medium medium 0px 7px;
margin-bottom: 1em;
background-color: #EEEEEE;
font-weight: bold;
}

/* バナー広告 */

div.ad_banner a{
border: medium none;
font-size: 12px;
text-decoration: none;
}
div.ad_banner img{
border: 1px solid #999999;
}
div.ad_banner img:hover{
border-color: #95272a;
}

投稿日：2013年7月24日更新日：2014年4月1日