User:Rom1/common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
#home-header {
padding: 0.5rem 0;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #e8f2f8) repeat scroll 0 0;
border-bottom:1px solid #aaa;
}
#home-header .title {
border:none;
margin-top:0
}
#home-left {
float:left;
width:66%;
clear:both;
}
#home-right {
float:right;
width:33%;
}
#home-cat {
display:flex;
flex-flow:row wrap;
justify-content: space-around;
align-items:stretch;
}
.home-block {
border-radius:0.3rem;
box-shadow:0 0 0.3rem #999;
margin:0.5rem 0;
padding: 0.1rem 1rem 1rem;
}
#home-cat .home-block {
width:31%;
padding:0;
overflow:hidden;
text-align:center;
display:flex;
flex-direction:column;
}
#home-cat .home-block .head {
background-size: cover;
height: 64px;
}
#home-cat .home-block .head .cattitle {
display: block;
position: relative;
width: 100%;
height: 100%;
}
#home-cat .home-block .head .cattitle span {
display: block;
position:absolute;
top:25px;
left:20px;
font-size:30px;
}
#home-cat .home-block .content {
padding:0 1rem;
flex:1 0 auto;
}
#home-cat .home-block table {
font-size:8pt;
width:100%;
border-spacing:0px 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#home-cat .cat-base { background-image: url("/images/a/ac/Ban2_base.jpg") }
#home-cat .cat-video { background-image: url("/images/6/6a/Ban2_video.jpg") }
#home-cat .cat-audio { background-image: url("/images/f/f3/Ban2_audio.jpg") }
#home-cat .cat-repair { background-image: url("/images/4/46/Ban2_repair.jpg") }
#home-cat .cat-cart { background-image: url("/images/b/b5/Ban2_cart.jpg") }
#home-cat .cat-cd { background-image: url("/images/d/df/Ban2_cd.jpg") }
#home-cat .cat-code { background-image: url("/images/3/3a/Ban2_code.jpg") }
#home-cat .cat-chips { background-image: url("/images/a/a5/Ban2_chips.jpg") }
#home-cat .cat-games { background-image: url("/images/0/07/Ban2_games.jpg") }