body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); box-shadow: 0px 0px 10px rgba(0, 0, 0, .8); z-index: 100; } .cat-item-none { display: none; } * { font-family: "PT Sans"; box-sizing: border-box; } .clear { clear: both; } .container { width: 970px !important; display: block; &.header { height: 50px; position: absolute; bottom: 0px; right: 0; left: 0; margin: auto; a { color: #000; font-size: 15px; text-shadow: 0 0 5px #fff; } } } .kategory-picker { background: url(carbon_fibre/carbon_fibre.png) } .header-pic { display: block; height: 257px; overflow: hidden; } .slide { position: relative; display: block; height: 257px; } .kategory-min { width: 100%; height: 50px; display: block; background: #000; display: none; } .jumbotron.head { margin: 0; padding: 0; background: url('img/slider_1.jpg') no-repeat center center; height: 180px; background-image-size: 100% auto; background-size: cover; display: block; position: relative; z-index: 0; &::after { content: ''; width: 100% ; height: 100%; position:absolute; background: rgba(0,0,0,.2); z-index: 1; } & .menu-nav { position:relative; z-index: 10; & a { color:#fff; text-shadow: 0 0 5px #ccc; font-weight:500; &:hover { background: #545B67; } } } & .navbar-nav { display:table; & li { float:none; display:table-cell; margin: 0 auto; } } } .kategory-box { .button { background-color: #fff; box-shadow: inset 0px 0px 10px #000; text-align: center; margin: 7px 0px; float: left; border: 1px solid #000; a { font-size: 16px; padding: 7px; display: block; color: #000; text-decoration: none; text-transform: uppercase; } } } .kategory-list { list-style: none; } .kategory-list li { font-size: 14px; } .kategory-list li a { text-align: center; padding-left: 15px; color: #fff; } .kategory-list li:first-child { font-weight: bold; font-size: 15px; } .kategory-list li:first-child a { padding-left: 10px; text-transform: capitalize; } .info h1 { text-align: center; } .info img { display: block; margin: 0 auto; width: 570px; height: 250px; } .info { padding-bottom: 20px; } .news h1 { text-align: center; font-size: 20px; } .news h2 { font-size: 18px; } .jumbotron.popular { color: #fff; background: url(carbon_fibre/carbon_fibre.png); text-align: center; div { margin: auto; } h1 { text-align: center; font-size: 40px; color: #fff; } p { color: #fff; } } .popular .circle-goods { width: 200px; height: 200px; display: block; // margin: 10px; border-radius: 50%; position: relative; .detailLink { text-transform: lowercase; font-size: 18px; width: 200px; height: 200px; background: rgba(255, 255, 255, .6); display: block; position: absolute; top: -0px; left: 0; text-align: center; padding-top: 90px; border-radius: 50%; color: #000; opacity: 1; text-decoration: none; text-shadow: 0 0 1px #000; } } .circle-goods img { border-radius: 50%; } .footer li {} .footer a { color: #282828; } /*************************************************/ .kategory-bg { background: url(old_wall/old_wall.png); padding-top: 0; } .side-kategory { padding-top: 40px; } ul li { list-style-type: none; } .side-kategory { padding: 0; margin: 0; } .current-cat a { color: #982672; } .side-kategory>li { list-style-type: none; margin-bottom: 20px; } .side-kategory>li>a { font-size: 16px; font-weight: bold; color: #4682B4; font-weight: bold; /*text-shadow: 1px 1px #000;*/ } .side-kategory>li>ul>li>a { font-size: 14px; color: #4682B4; } .side-kategory li ul { padding-left: 10px; } .category-sidebar { padding: 55px 0 0 0; } .goods { padding-left: 15px; >h2 { padding-left: 25px; font-size: 38px; text-shadow: 1px 1px #5d5d5d; text-align: center; } } .main>h1 { font-size: 50px; padding-left: 55px; margin-bottom: 50px; } .main { padding-left: 25px; >h2 { padding-left: 25px; font-size: 38px; text-shadow: 1px 1px #5d5d5d; } ul { font-size: 19px; } ol { font-size: 19px; } p { font-size: 19px; } } .main h2 a { color: #000; font-size: 24px; } .page_13 a { color: #982672; } .thumbnail { width: 240px; float: left; margin: 5px; } .thumbnail p { font-size: 14px; } .pic-main { width: 100%; display: block; float: left; img { margin: 0 auto; display: block; } } .searching { margin: 0; padding-top: 8px; } .footer { margin-bottom: 25px; position: relative; } .footer h2 { font-size: 22px; font-weight: bold; text-shadow: 1px 1px 1px #ccc; margin: 0 0 10px 10px; } .footer span { font-size: 18px; } .footer p { padding: 0; margin: 0; text-shadow: 1px 1px 1px #ccc; }