The company website

site.css 4.8KB

    /*@import url("http://fonts.googleapis.com/css?family=Architects+Daughter");*/ @import url("http://fonts.googleapis.com/css?family=Quicksand:400,700"); /* General feel */ body { margin: 0; padding: 0; /*font-family: "'"Architects Daughter", cursive;*/ font-family: "Quicksand", sans-serif; background: url("../images/background.gif") repeat 0px 0px; } a, a:link, a:visited { text-decoration: underline; } a:hover { text-decoration: none; } h2 { text-shadow: 0 0 1px #656462; letter-spacing: -1px; } /* Layout */ header { text-align: center; margin: 0 auto; padding: 1em 0; border-bottom: 1px solid #000; } header nav { display: inline-block; } header nav a, header nav a:link, header nav a:visited { margin: 6px 0; padding: 1em 2em; background: url("../images/separator.gif") repeat-y 0px 0px; color: #fcf7f0; text-decoration: none; } header nav a.first { background: transparent; } header nav a:hover { outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); /* We are using the "Rosy" theme on this */ background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); } footer { padding: 1em 0; border-top: 6px solid #d0c7be; } footer a, footer a:link, footer a:visited { color: #b4aaa1; text-decoration: none; } #header { text-align: center; border-top: 6px solid #d0c7be; padding: 1em 0; } #logo a, #logo img { border: none; } #browser { display: none; visibility: hidden; padding: 1em ; background-color: #fbf0c1; } #container { margin: 0 auto; padding-bottom: 1em; background: url("../images/container.gif") repeat 0px 0px; } #content { min-height: 12em; } #ng-view { width: 700px; margin: 0 auto; } #logo-slider { text-align: center; overflow: hidden; height: 64px; margin: 1em 0 2em 0; } #logo-slider img { margin: 0 1em; opacity: 0.4; } #logo-slider img:hover { opacity: 1; } #social { background: url("../images/social.gif") repeat-x 0px 0px; padding: 1em 0; text-align: center; } #social ul li { margin: 0; padding: 0 10%; display: inline-block; list-style: none; } #social a:hover { color: #ba4b58; } .copyright { padding-top: 2em; text-align: center; width: 100%; font-size: 9pt; color: #fff; } /* Buttons */ .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none !important; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .rosy { color: #fae7e9; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top, #f16c7c, #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); } .rosy:hover { background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); } .rosy:active { color: #dca4ab; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background: -moz-linear-gradient(top, #bf404f, #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); } /* Special classes */ .center { text-align: center; } .highlight { color: #ba4b58; } .bullets { width: 100%; margin: 0 auto; } .bullets.three li { margin: 0.25em; padding: 0; display: inline-block; list-style: none; width: 200px; background-color: #f5f2ed; box-shadow: 0px 10px 15px -6px #000; vertical-align: top; } .bullet-image { padding: 0; margin: 0; height: 267px; background-color: #000; } .bullet-content { padding: 0 1.60em 2em 1.60em; margin: 0; height: 19em; text-align: left; vertical-align: top; overflow: hidden; font-size: smaller; } .bullet-content ul { padding: 0; } .bullet-content ul li { display: block !important; font-size: smaller; box-shadow: none !important; } .bullet-footer { padding: 0 1.60em 1em 1.60em; margin: 0; }