User:ORavenhurst/vector.css

.cover-test { width:100%; height:170px; background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Atlas_November_2005.jpg/800px-Atlas_November_2005.jpg'); background-size: cover; background-position: 0px -86px; border-top: solid 1em rgb(0, 94, 150); border-bottom: solid 0.5em rgb(0, 94, 150); position:relative; margin:0em; } .cover-test:after { content:""; position:absolute; right:10px; top:20px; background-image: url('http://rationalwiki.org/w/images/5/56/Icon_test_c.png'); background-size:cover; width:130px; height:130px; } .title-test { margin-right:0.2em; margin-left:0; padding-left:0.2em; padding-right:-0.2em; width:100%; display:block; color:#fff; font-family: "Lucida Bright", Georgia, serif; background-color: rgba(0, 94, 150, 0.5); font-size:3em; line-height:1em; position:absolute; bottom:0px; } .tab-bar-test { height:35px; background-image: -o-linear-gradient(bottom, rgb(0,94,150) 20%, rgb(66,189,255) 100%); margin:0em; } .tab-test { color:#fff; height:35px; background-image: -o-linear-gradient(bottom, rgb(0,94,150) 20%, rgb(66,189,255) 100%); border-left: 1px solid rgb(0,95,150); border-right: 1px solid rgb(66,189,255); padding: 1em; margin:0em; } .tab-test:hover { background-image: -o-linear-gradient(bottom, rgb(0,125,180) 20%, rgb(86,209,255) 100%); box-shadow: 0px 4px 4px rgb(0,125,180); } .h2-test { width:auto; color:rgb(0, 94, 150); font-family: "Lucida Bright", Georgia, serif; font-size:1.5em; font-weight:bold; border-bottom: solid 0.2em rgb(0, 94, 150); border-left: solid 0.2em rgb(0, 94, 150); margin-top:1em 0 0.3em 0; padding-left:0.5em; } .h3-test { width:100%; color:rgb(0, 94, 150); font-family: "Lucida Bright", Georgia, serif; font-size:1.2em; font-weight:bold; padding-left:0.5em; margin-top:1em 0 0.3em 0; }