User:Rom1/common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
/ | .page-Main_Page .firstHeading { display:none; } | ||
#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") } |
Latest revision as of 19:52, 16 September 2017
.page-Main_Page .firstHeading { display:none; }
#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") }