Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- body {
- background-color: #b2c5bf;
- font-size: 140%;
- }
- a {
- text-decoration: none;
- color: #1082ba;
- }
- #container {
- background-color: #FFFFFF;
- height: 100%;
- width: 80%;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- overflow: hidden;
- padding: 0 1.5%;
- } /* container is 80% of browser window */
- /* SEPERATE BANNER FOR INDEX PAGE!!!!! */
- #homebannerwrapper {
- position: relative;
- margin-left: auto;
- margin-right: auto;
- width: 100%;
- background-color: #ea7764;
- }
- #homebannerwrapper h1 {
- font-family: 'Helvetica Neue', sans-serif;
- font-size: 600%; /* 96px */
- font-weight: 200;
- color: #FFFFFF;
- text-transform: uppercase;
- float: left;
- margin-top: 2%;
- width: 80%;
- margin-bottom: 0;
- }
- #homebanner {
- width: 100%;
- line-height: 0;
- }
- #indexnavigation {
- width: 100%;
- position: relative;
- margin: 0 auto 7%;
- z-index: 1;
- }
- #banner {
- position: relative;
- margin-left: auto;
- margin-right: auto;
- width: 100%;
- height: 100%;
- line-height: 0;
- overflow: hidden;
- background-color: #ea7764;
- margin-bottom: 5%;
- } /* banner and navigation are 97% of container */
- #logo {
- max-width: 100%;
- float: right;
- margin-right: 2%;
- margin-top: 1%;
- width: 9%;
- margin-bottom: 1%;
- }
- #navigation {
- width: 90%;
- position: absolute;
- bottom: -30px;
- z-index: 0;
- left: 0.5%;
- }
- li.navilinks {
- float: left;
- margin: 0;
- display: block;
- padding: 2px 8px;
- text-decoration: none;
- font-weight: 300;
- color: #000000;
- background-color: #ea7764;
- font-family: 'Open Sans', sans-serif;
- font-size: 100%;
- margin-top: 8px;
- margin-left: 5px;
- }
- /* seperate for index because it needs 100% */
- ul#indexnavi {
- width: 100%;
- float: left;
- margin: 0 0 0 0;
- padding: 0;
- list-style: none;
- background-color: #ea7764;
- }
- ul#navi {
- width: 100%;
- float: left;
- margin: 0 0 3em 0;
- padding: 0;
- list-style: none;
- background-color: #ea7764;
- }
- a.navilinkstyle:link,a.navilinkstyle:visited {
- font-weight: 300;
- color:#000000;
- text-align:center;
- padding:4px;
- margin: 0;
- text-decoration:none;
- text-transform:uppercase;
- }
- a.navilinkstyle:hover,a.navilinkstyle:active {
- margin: 0;
- color:#FFFFFF;
- }
- a.link {
- font-family: Helvetica, sans-serif;
- color: #1082ba;
- text-transform: none;
- }
- /*FOOTER!!!!!FOOTER!!!!!FOOTER!!!!!FOOTER!!!!!
- FOOTER!!!!!FOOTER!!!!!FOOTER!!!!!FOOTER!!!!!*/
- #footer {
- position: relative;
- margin: 0 auto;
- background-color: #FFFFFF;
- width: 80%;
- margin-bottom: 1%;
- padding: 0 1.5% 1%;
- }
- #footerwrapper {
- position: relative;
- width: 60%;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 0.25%;
- padding-bottom: 3%;
- padding-top: 10%;
- }
- img#filmstrap {
- position: relative;
- margin: 0 auto;
- width: 100%;
- }
- footer {
- font-size: 80%;
- text-align: center;
- }
- /*INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!!
- INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!!
- INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! INDEX COMPONENTS!!!!!!!!! */
- #rightimagewrapper {
- float: right;
- width: 25%;
- }
- img.frontimages {
- width: 100%;
- clear: left;
- margin-bottom: 0.75%;
- }
- #finerollingimage {
- float: left;
- }
- #indextextbox {
- width: 65%;
- float: left;
- }
- p.paragraph {
- font-family: 'Open Sans', sans-serif;
- font-weight: 400;
- float: left;
- margin-bottom: 50px;
- }
- h2.fronttitle {
- font-family: 'Open Sans', sans-serif;
- font-size: 600%;
- font-weight: 8em;
- color: #1082ba;
- text-decoration: underline;
- float: left;
- margin-bottom: 10%;
- margin-top: 1%;;
- }
- h3.frontsubheads {
- font-family: 'Open Sans', sans-serif;
- text-transform: uppercase;
- font-weight: 900;
- float: left;
- margin: 0;
- }
- p {
- font-family: 'Open Sans', sans-serif;
- font-weight: 300;
- font-size: 100%;
- line-height: 1.5;
- margin: 0;
- padding: 0;
- }
- h1 { /* TITLES OF PAGES */
- float: left;
- font-family: 'Open Sans', sans-serif;
- font-size: 6em;
- font-weight: 300;
- color: #FFFFFF;
- text-transform: uppercase;
- margin-left: 1.5%;
- margin-bottom: 5%;
- width: 70%;
- }
- h2 {
- font-family: 'Open Sans', sans-serif;
- font-size: 700%;
- font-weight: 100;
- color: #1082ba;
- text-decoration: underline;
- }
- h3 {
- font-family: 'Open Sans', sans-serif;
- text-transform: uppercase;
- font-weight: 900;
- margin: 0;
- padding: 0;
- }
- h4 {
- font-family: 'Open Sans', sans-serif;
- font-size: 400%;
- font-weight: 100;
- color: #1082ba;
- }
- /* PRODUCTIONS COMPONENTS!!!!!!!!!!! */
- div.productioncontainer {
- width: 65%;
- position: relative;
- margin: 0 auto 10%;
- }
- img.videos {
- width: 100%;
- }
- h4.productiontitles {
- font-family: 'Helvetica Neue Light', 'Helvetica Neue', Arial, sans-serif;
- font-size: 200%;
- font-weight: 100;
- color: #1082ba;
- text-align: center;
- margin: 0;
- margin-bottom: 2%;
- }
- p.productionsbody {
- font-family: "Helvetica Neue", sans-serif;
- font-weight: 200;
- position: relative;
- margin: 0;
- }
- div.videoinfo a {
- text-decoration: none;
- }
- /*PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES
- PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES
- PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES
- PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES PRICES */
- div#weddingswrapper {
- float: left;
- margin-left: 1.5%;
- width: 45%;
- clear: both;
- margin-bottom: 5%;
- }
- div#businessswrapper {
- float: right;
- margin-right: 1.5%;
- width: 45%;
- margin-bottom: 5%;
- }
- div#otherwrapper {
- float: right;
- margin-right: 1.5%;
- width: 45%;
- }
- div#musicwrapper {
- float: left;
- width: 45%;
- margin-left: 1.5%;
- }
- div.pricewrapper {
- width: 100%;
- }
- p.pricesinfo {
- font-family: "Helvetica Neue", sans-serif;
- font-weight: 200;
- margin: 0;
- float: left;
- }
- h4.pricestitle {
- font-family: 'Helvetica Neue Light', 'Helvetica Neue', Arial, sans-serif;
- font-size: 250%;
- font-weight: 100;
- color: #1082ba;
- margin: 0;
- float: left;
- margin-bottom: 2%;
- margin-left: 1.5%;
- }
- h3.prices {
- margin: 0;
- margin-left: 2.5%;
- float: left;
- clear: both;
- }
- /* CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US
- CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US
- CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US
- CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US CONTACT US */
- #telephone {
- float: left;
- width: 46%;
- margin-bottom: 9%;
- }
- #email {
- float: right;
- width: 46%;
- margin-bottom: 12%;
- }
- #networks {
- float: left;
- width: 46%;
- margin-bottom: 10%;
- }
- #post {
- float: right;
- width: 46%;
- margin-bottom: 10%;
- }
- h4.contacttitles {
- font-size: 250%;
- position: relative;
- top: 0px;
- margin: 0;
- margin-bottom: 5px;
- }
- ul.contactinfo {
- margin: 0;
- position: relative;
- left: 5px;
- top: 10px;
- }
- li.contactitems {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 1em;
- font-weight: 200;
- }
- /* need to replace with images */
- img.contacticon {
- width: 30%;
- float: left;
- }
- li {
- font-family: 'Helvetica Neue Light', 'Helvetica Neue', Arial, sans-serif;
- font-size: 100%;
- text-decoration: none;
- display: block;
- margin-bottom: 5px;
- }
- /*ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US
- ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US
- ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US ABOUT US*/
- #abouttext {
- float: left;
- width: 50%;
- }
- #abouttext h2 {
- margin-top: 0;
- }
- #aboutimagewrapper {
- float: right;
- width: 45%;
- margin-top: 5%;
- }
- img.aboutimages {
- width: 100%;
- margin-bottom: 2%;
- }
- /* MEDI` QUERIES */
- @media screen and (max-width: 480px) {
- #container, #footer {
- width: 100%;
- }
- #homebannerwrapper h1 {
- font-size: 220%;
- }
- h1 {
- font-size: 220%;
- }
- li.navilinks {
- font-size: 65%;
- padding: 0.25% 0;
- margin: 0;
- }
- #finerollingimage {
- width: 97%;
- position: relative;
- margin-left: 1.5%;
- }
- h2.fronttitle {
- font-size: 400%;
- }
- #navigation {
- bottom: -40px;
- }
- /*INDEXINDEXINDEX*/
- div#rightimagewrapper {
- display: none;
- }
- #indextextbox {
- width: 90%;
- }
- }
- @media screen and (min-width: 480px) and (max-width: 600px) {
- #container, #footer {
- width: 100%;
- }
- #homebannerwrapper h1 {
- font-size: 2.75em;
- }
- h1 {
- font-size: 3.5em;
- }
- h2.fronttitle {
- font-size: 450%;
- }
- li.navilinks {
- font-size: 75%;
- padding: 0.25% 0;
- margin: 1%;
- }
- #navigation {
- bottom: -40px;
- }
- }
- @media screen and (min-width: 600px) and (max-width: 780px) {
- #container, #footer {
- width: 100%;
- }
- #homebannerwrapper h1 {
- font-size: 3.5em;
- }
- h1 {
- font-size: 3.5em;
- }
- }
- @media screen and (min-width: 780px) and (max-width: 850px) {
- #homebannerwrapper h1 {
- font-size: 4em;
- }
- h1 {
- font-size: 4em;
- }
- }
- @media screen and (min-width: 850px) and (max-width: 1000px) {
- #homebannerwrapper h1 {
- font-size: 5em;
- }
- h1 {
- font-size: 5em;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement