Skip to content

Instantly share code, notes, and snippets.

@fangcat
Created October 6, 2014 04:28
Show Gist options
  • Save fangcat/ad02289050ebfe156ddc to your computer and use it in GitHub Desktop.
Save fangcat/ad02289050ebfe156ddc to your computer and use it in GitHub Desktop.
分類圖示首頁小工具樣式
#main {
width: 720px;
padding: 5px 5px 10px 5px;
margin-top: 15px;
background-color: #FFF;
box-shadow: 3px 5px 3px silver;
border-radius: 0 0 5px 5px;
border-top: #D31601 4px solid;
float: left;
}
#main p {
padding: 10px 0 10px 10px;
color: #333;
border-bottom: #999 2px dotted;
font-weight: bold;
}
#main ul {
margin: 5px 0 24px 0;
padding: 0;
}
#main ul li{
width: 720px;
border-radius: 5px;
float: left;
margin: 3px;
list-style:none;
}
#main ul li a{
display: block;
font-size: 0;
text-align: center;
color: #333;
padding: 5px 0 5px 0;
border-radius: 5px;
margin: 5px;
}
#main ul li a:hover {
color: #FFF;
background-color: #D31601;
border-radius: 5px;
margin: 5px;
}
#main ul li li{
width: 214px;
border-radius: 5px;
border: #CCC 1px solid;
box-shadow: 3px 2px 3px silver;
float: left;
list-style:none;
margin: 7px;
}
#main ul li li img{
width: 200px;
}
#main ul li li a{
display: block;
font-size: 13px;
text-align: center;
color: #333;
width: 204px;
}
#main ul li li a:hover {
color: #FFF;
background-color: #D31601;
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment