0

Hello all, I have recently copied a website from Weebly.com that I do own, so there is not copyright problems. It's just that I want to make the HTML simpler if I can. So here is what I have you can see the website live at weblup.net78.net. If there is anything you see that you think I should change or shorten please let me know. I also have 4 other pages that are using this css so that is why it's so big :/ I really don't like it. But that is how Weblup gave me the CSS to it. It basicly combined all the css into one "main-style". So it's kind of hard to find things. So if anyone wants to help with that, that would be great. I am using Adobe Dreamweaver, so if there is some tool or option you would like to reccomend to me I would love to hear about that too. Any input is greatly appreciated... now... here comes the code 0_0 I'm sorry it's so long XD. Also if the website does not work I'm sorry for that too, I know a few of my friends seem to have had problems before opening the webpage. I'm not quite sure why it doesn't work for them. Again ANY help or input is greatly appreciated. :D

index.html

<!DOCTYPE html>
<html>
<head>
<title>Weblup - Home</title>
<meta name='description' content='This is a website dedicated to bringing your business to life through the use of websites.' />
<meta name='keywords' content='web design, website, small business, business, jobs' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel='stylesheet' type='text/css' href='files/main_style.css?1413656266' title='wsite-theme-css' />
<link href='http://fonts.googleapis.com/css?family=Dosis:400,300,200,700&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
</head>
<body class='tall-header-page  wsite-theme-light wsite-page-index'>
<div class="bg-wrapper">
<div id="header-wrap" class="wsite-background wsite-custom-background">
  <div class="container">
    <table id="header" class="container">
      <tr>
        <td id="logo"><span class='wsite-logo'><a href='index.html'><span id="wsite-title">Weblup</span></a></span></td>
        <td id="nav"><ul class='wsite-menu-default'>
            <li id='active'><a href='index.html'>Home</a></li>
            <li id='pg795699127864007860'><a href='about-me.html'>About Me</a></li>
            <li id='pg223882341694985385'><a href='contact-me.html'>Contact Me</a></li>
            <li id='pg678103730359273510'><a href='need-a-website-built.html'>Need a Website Built?</a></li>
            <li id='pg461392837777438804'><a href='jobs.html'>Jobs</a></li>
          </ul></td>
      </tr>
      <tr>
        <td colspan="2" id="banner"><h2><span class='wsite-text wsite-headline'>Welcome To Weblup!</span></h2></td>
      </tr>
    </table>
  </div>
</div>
<!-- end Header-wrap -->

<div id="main-wrap">
  <div class="container">
    <div id='wsite-content' class='wsite-elements wsite-not-footer'>
      <div class="wsite-adsense">
        <h2 class="wsite-content-title" style="text-align:left;"><span style="line-height: 0; display: none;">&#65279;</span><font size="6" style="font-style: normal;"><u><font color="#5fa233">What is weblup?</font></u></font><span style="line-height: 0; display: none;">&#65279;</span></h2>
        <div class="paragraph" style="text-align:left;">Weblup, is a team of only 1 developer, for now, that helps bring your small business to life with the use of websites.&nbsp;</div>
      </div>
    </div>
    <!-- end container --> 
  </div>
  <!-- end main-wrap --> 
</div>
<div id="footer-wrap">
  <div class="container"> Weblup &copy; Copyright 2014 </div>
  <!-- end container --> 
</div>
<!-- end footer-wrap --> 

<!-- JavaScript --> 

</body>
</html>

main_style.css

@import url(http://fonts.googleapis.com/css?family=Dosis:500);
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
}
a img {
    border: 0;
}
a {
    text-decoration: none;
}
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
html {
    height: 100%;
}
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    background: url(theme/main-bg.jpg?1413656266) no-repeat center center fixed;
    background-size: cover;
}
.tall-header-page, .short-header-page, .no-header-page, .landing-page, .title-page {
    background-image: none;
    background: #333333;
}
.bg-wrapper {
    background: #fff;
}
.container {
    margin: 0 auto;
    width: 960px;
}
#header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap {
    width: 100%;
}
a {
    color: #669933;
}
a:hover {
    color: #ffffff;
}
.paragraph a:hover {
    background: #a2ba1e;
}
h2, .blog-header h2 a {
    font-size: 40px;
    padding: .5em 0 .2em 0;
    line-height: 1.2;
    font-family: 'Dosis', sans-serif;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-style: italic;
    color: #000;
}
.blog-header h2 a, .blog-header h2 a:hover {
    color: #333333;
    background: none;
}
.blog-sidebar h2 {
    font-size: 28px;
}
div.paragraph {
    padding: .5em 0;
}
p {
    padding: .5em 0;
}
blockquote {
    text-transform: uppercase;
    font-style: italic;
    font-size: 22px;
    line-height: 32px;
    color: #666;
    padding: 1.6em;
    margin: 2em 0;
    border-left: 0px !important;
}
hr {
    height: 1px;
    background: #d1d1d1;
}
div#content {
    min-height: 400px;
}
.wsite-com-category-product-link {
    display: block;
}
#header-wrap.wsite-background {
    background: url(theme/main-bg.jpg?1413656266) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
#header-wrap.wsite-background:before, .wsite-background #header-wrap:before {
    content: '';
    position: absolute;
    background: #000000;
    opacity: .6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    z-index: 2;
}
body, #header, #menu-wrap, #splash-wrap {
    position: relative;
    z-index: 3;
}
#logo, #logo a {
    color: #fff;
    font-family: 'Dosis', sans-serif;
    font-size: 30px;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
}
#logo a span, #logo a img {
    padding: 0 10px;
}
#logo a:hover {
    background: inherit;
}
#logo a span:hover {
    background: #fff;
    color: #669934;
    padding: 0 10px;
}
.no-header-page #logo a:hover {
    color: #669934;
}
.no-header-page #logo, .no-header-page #logo:hover, .no-header-page #nav ul li a {
    background: none;
}
#header {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 40px;
}
.splash-page #menu-wrap {
    overflow: hidden;
}
.title-page #header, .short-header-page #header {
    margin-top: 40px;
}
.no-header-page #header-wrap {
    background: #669934;
}
.no-header-page #header {
    margin-top: 0px;
}
#header td {
    vertical-align: middle;
    text-align: left;
}
.no-header-page #header td {
    height: 85px;
}
.splash-page #header-wrap {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}
.wsite-social-item, .wsite-social-item:hover {
    width: 56px;
    height: 56px;
    margin: 0 0 0 3px;
    background: url(theme/social-icons-green.png?1413656266) no-repeat;
}
.wsite-social-rss {
    background-position: -451px 0px;
}
.wsite-social-rss:hover {
    background-position: -451px -78px;
}
.wsite-social-linkedin {
    background-position: -119px 0px;
}
.wsite-social-linkedin:hover {
    background-position: -119px -78px;
}
.wsite-social-facebook {
    background-position: -3px 0px;
}
.wsite-social-facebook:hover {
    background-position: -3px -78px;
}
.wsite-social-twitter {
    background-position: -57px 0px;
}
.wsite-social-twitter:hover {
    background-position: -57px -78px;
}
.wsite-social-mail {
    background-position: -188px 0px;
}
.wsite-social-mail:hover {
    background-position: -188px -78px;
}
.wsite-social-pinterest {
    background-position: -335px 0px;
}
.wsite-social-pinterest:hover {
    background-position: -335px -78px;
}
.wsite-social-youtube {
    background-position: -648px 0px;
}
.wsite-social-youtube:hover {
    background-position: -648px -78px;
}
.wsite-social-plus {
    background-position: -391px 0px;
}
.wsite-social-plus:hover {
    background-position: -391px -78px;
}
.wsite-social-flickr {
    background-position: -265px 0px;
}
.wsite-social-flickr:hover {
    background-position: -265px -78px;
}
.wsite-social-vimeo {
    background-position: -510px 0px;
}
.wsite-social-vimeo:hover {
    background-position: -510px -78px;
}
.wsite-social-yahoo {
    background-position: -579px 0px;
}
.wsite-social-yahoo:hover {
    background-position: -579px -78px;
}
#nav-wrap .container {
    clear: both;
    overflow: hidden;
    position: relative;
}
#nav ul {
    list-style: none;
    float: right;
}
#nav ul li {
    list-style: none;
    float: left;
}
#nav ul span:last-child li, #nav ul > li:last-child {
    background: none;
}
#nav ul li a {
    display: block;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding: 5px 10px;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-size: 20px;
}
.no-header-page #nav ul li a {
    color: #fff;
}
#nav ul li a:hover, #nav ul li#active a {
    color: #669934;
    background: #fff;
    border: 0;
}
.no-header-page #nav ul li#active a {
    background: none;
}
.no-header-page #nav ul li#active a {
    color: #000;
}
.wsite-menu-label {
    text-align: right;
    text-transform: uppercase;
    float: right;
    padding: 5px 0;
    font-family: 'Dosis', sans-serif;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.wsite-menu-default {
    overflow: hidden;
    height: 2.25em;
}
#wsite-menus .wsite-menu li a {
    background: #fff;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding: 5px 10px;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-size: 18px;
}
#wsite-menus .wsite-menu li a:hover {
    color: #fff;
    background: #669934;
}
#wsite-menus .wsite-menu-arrow {
    width: 5px;
    height: 10px;
    background: url(theme/subnav-caret.png?1413656266) no-repeat center bottom;
    text-indent: -99999px;
    margin-top: -5px;
    right: 10px;
}
#wsite-menus a:hover .wsite-menu-arrow {
    background-position: center top;
}
#wsite-menus .wsite-menu li ul li a {
    color: #fff;
    background: #669934;
}
#wsite-menus .wsite-menu li ul li a:hover {
    color: #fff;
    background: #000;
}
#banner {
    text-align: center !important;
}
#banner h2 {
    color: #333333;
    font-size: 60px;
    background: #fff;
    box-shadow: 26px 0 0 #FFFFFF, -18px 0 0 #FFFFFF;
    display: inline;
    line-height: 60px;
    margin: 0;
    padding: 0;
}
.tall-header-page #header-wrap {
    height: 466px;
}
.tall-header-page #banner {
    height: 340px;
}
.title-page #header-wrap {
    height: 466px;
}
.title-page #banner {
    height: 340px;
}
.short-header-page #header-wrap {
    height: 226px;
}
.short-header-page #banner {
    height: 126px;
}
.title-page #banner h2, .short-header-page #banner h2 {
    font-size: 36px;
    line-height: 36px;
    color: #000;
    padding: 2px 18px 3px 10px;
    box-shadow: 2px 0 0 #FFFFFF, -2px 0 0 #FFFFFF !important;
}
.title-page #banner div.paragraph {
    font-size: 28px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    color: #333333;
}
.title-page #banner p {
    font-size: 28px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    color: #333333;
}
.title-page #banner div.paragraph span {
    display: inline-block;
    background: #fff;
    padding: 4px 15px 7px 5px;
}
.title-page #banner p span {
    display: inline-block;
    background: #fff;
    padding: 4px 15px 7px 5px;
}
.tall-header-page #header-wrap {
    height: 466px;
}
.tall-header-page #banner {
    height: 340px;
}
.no-header-page .wsite-header {
    display: none;
}
.landing-page #header-wrap {
    height: 626px;
}
.landing-page #banner {
    height: 500px;
}
.landing-page #banner h2 {
    box-shadow: 26px 0 0 #FFFFFF, -18px 0 0 #FFFFFF;
    display: inline;
    line-height: 60px;
    margin: 0;
    padding: 0;
}
.landing-page #banner h2 + div {
    margin-top: 50px;
}
.landing-page #banner div {
    text-align: center !important;
}
#splash-wrap {
    width: 100%;
    padding: 95px 0px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}
#splash-wrap .container {
    margin: 0 auto;
    text-align: center;
    margin-top: 0;
    vertical-align: middle;
    display: table-cell;
}
.splash-container {
    width: 694px;
    margin: 0 auto;
    background: rgba(255,255,255,0.9);
    text-align: center !important;
    padding: 40px 50px;
}
#splash-wrap h2 {
    font-size: 60px;
    line-height: 60px;
    color: #333333;
    text-align: center !important;
}
#splash-wrap div {
    text-align: center !important;
}
#splash-wrap div.paragraph {
    font-size: 36px;
    line-height: 40px;
    color: #000;
    font-family: 'Dosis', sans-serif;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    text-align: center !important;
}
#splash-wrap p {
    font-size: 36px;
    line-height: 40px;
    color: #000;
    font-family: 'Dosis', sans-serif;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    text-align: center !important;
}
#splash-wrap .wsite-social-item, #splash-wrap .wsite-social-item:hover {
    width: 56px;
    height: 56px;
    margin: 0 0 0 3px;
    background: url(theme/social-icons-green.png?1413656266) no-repeat;
    text-align: center !important;
}
#splash-wrap .wsite-social-rss {
    background-position: -451px 0px;
}
#splash-wrap .wsite-social-rss:hover {
    background-position: -451px -78px;
}
#splash-wrap .wsite-social-linkedin {
    background-position: -119px 0px;
}
#splash-wrap .wsite-social-linkedin:hover {
    background-position: -119px -78px;
}
#splash-wrap .wsite-social-facebook {
    background-position: -3px 0px;
}
#splash-wrap .wsite-social-facebook:hover {
    background-position: -3px -78px;
}
#splash-wrap .wsite-social-twitter {
    background-position: -57px 0px;
}
#splash-wrap .wsite-social-twitter:hover {
    background-position: -57px -78px;
}
#splash-wrap .wsite-social-mail {
    background-position: -188px 0px;
}
#splash-wrap .wsite-social-mail:hover {
    background-position: -188px -78px;
}
#splash-wrap .wsite-social-pinterest {
    background-position: -335px 0px;
}
#splash-wrap .wsite-social-pinterest:hover {
    background-position: -335px -78px;
}
#splash-wrap .wsite-social-youtube {
    background-position: -648px 0px;
}
#splash-wrap .wsite-social-youtube:hover {
    background-position: -648px -78px;
}
#splash-wrap .wsite-social-plus {
    background-position: -391px 0px;
}
#splash-wrap .wsite-social-plus:hover {
    background-position: -391px -78px;
}
#splash-wrap .wsite-social-flickr {
    background-position: -265px 0px;
}
#splash-wrap .wsite-social-flickr:hover {
    background-position: -265px -78px;
}
#splash-wrap .wsite-social-vimeo {
    background-position: -510px 0px;
}
#splash-wrap .wsite-social-vimeo:hover {
    background-position: -510px -78px;
}
#splash-wrap .wsite-social-yahoo {
    background-position: -579px 0px;
}
#splash-wrap .wsite-social-yahoo:hover {
    background-position: -579px -78px;
}
.splash-page #nav {
    position: relative;
}
#cross-button {
    background: url(theme/menu-cross-image.png?1413656266) no-repeat right top;
    position: absolute;
    right: 4px;
    top: 12px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.mmenu {
    position: relative;
    display: block;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 20px;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding: 5px 10px;
    width: 16px;
    height: 30px;
}
#mobile-menu {
    display: none;
    background: url(theme/menu-mobile-image.png?1413656266) no-repeat right top;
    position: absolute;
    width: 24px;
    height: 15px;
    right: 0px;
    top: 12px;
    cursor: pointer;
}
.splash-page #mobile-menu {
    display: block;
}
.splash-page #cross-button, .splash-page .wsite-menu-default {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#icontent.splash-page #cross-button, #icontent.splash-page .wsite-menu-default {
    opacity: 1;
    visibility: visible;
    position: relative;
}
#icontent .wsite-menu-label {
    display: none;
}
#main-wrap .container {
    min-height: 400px;
    padding: 30px 0px;
}
#main-wrap .container form .wsite-button {
    margin-top: 20px;
}
#main-wrap .container .paragraph li {
    margin: 10px 0 0 !important;
    line-height: 1.5;
}
.blog-feed-link img {
    margin: 7px 5px 0 0 !important;
}
.blog-post .blog-date {
    color: #AAAAAA;
    padding: 5px 0px 13px !important;
    margin-right: 8px !important;
}
.blog-post .blog-comments {
    float: left;
    padding: 5px 0px 10px !important;
}
.blog-post .blog-content {
    margin-top: 20px;
}
html body .galleryImageBorder, html body a .galleryImageBorder {
    border: none;
    padding: 0px;
}
.imageGallery .galleryCaptionInnerText div.paragraph, .imageGallery .galleryCaptionInnerText {
    color: #669934;
    font-family: 'Dosis', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block;
    background: #fff;
    padding: 5px 20px 5px 14px;
}
.imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText {
    color: #669934;
    font-family: 'Dosis', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block;
    background: #fff;
    padding: 5px 20px 5px 14px;
}
.galleryCaptionHolderInnerBg {
    background: #669934;
    opacity: 0.3;
}
.fullImageGalleryCaption .galleryCaptionInnerTextHolder {
    text-align: center;
}
.splash-page #footer-wrap {
    display: none;
}
#footer-wrap {
    text-align: right;
    color: #fff;
    padding: 30px 0px;
    font-size: 16px;
    line-height: 28px;
}
#footer-wrap a {
    color: #fff;
}
#footer-wrap a:hover {
    color: #a4bc1e;
    background: none;
}
#footer-wrap .wsite-form-container {
    text-align: left;
}
#footer-wrap .wsite-social-item, #footer-wrap .wsite-social-item:hover {
    width: 56px;
    height: 56px;
    margin: 0 0 0 3px;
    background: url(theme/social-icons-footer.png?1413656266) no-repeat;
}
#footer-wrap .wsite-social-rss {
    background-position: -451px 0px;
}
#footer-wrap .wsite-social-rss:hover {
    background-position: -451px -78px;
}
#footer-wrap .wsite-social-linkedin {
    background-position: -119px 0px;
}
#footer-wrap .wsite-social-linkedin:hover {
    background-position: -119px -78px;
}
#footer-wrap .wsite-social-facebook {
    background-position: -3px 0px;
}
#footer-wrap .wsite-social-facebook:hover {
    background-position: -3px -78px;
}
#footer-wrap .wsite-social-twitter {
    background-position: -57px 0px;
}
#footer-wrap .wsite-social-twitter:hover {
    background-position: -57px -78px;
}
#footer-wrap .wsite-social-mail {
    background-position: -188px 0px;
}
#footer-wrap .wsite-social-mail:hover {
    background-position: -188px -78px;
}
#footer-wrap .wsite-social-pinterest {
    background-position: -335px 0px;
}
#footer-wrap .wsite-social-pinterest:hover {
    background-position: -335px -78px;
}
#footer-wrap .wsite-social-youtube {
    background-position: -648px 0px;
}
#footer-wrap .wsite-social-youtube:hover {
    background-position: -648px -78px;
}
#footer-wrap .wsite-social-plus {
    background-position: -391px 0px;
}
#footer-wrap .wsite-social-plus:hover {
    background-position: -391px -78px;
}
#footer-wrap .wsite-social-flickr {
    background-position: -265px 0px;
}
#footer-wrap .wsite-social-flickr:hover {
    background-position: -265px -78px;
}
#footer-wrap .wsite-social-vimeo {
    background-position: -510px 0px;
}
#footer-wrap .wsite-social-vimeo:hover {
    background-position: -510px -78px;
}
#footer-wrap .wsite-social-yahoo {
    background-position: -579px 0px;
}
#footer-wrap .wsite-social-yahoo:hover {
    background-position: -579px -78px;
}
#wsite-com-product-social-sharing a, #wsite-com-product-social-sharing a:hover {
    width: 56px;
    height: 56px;
    margin: 0 0 0 3px;
    background: url(theme/social-icons-green.png?1413656266) no-repeat;
}
.wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap {
    border: none !important;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-rss {
    background-position: -451px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-rss:hover {
    background-position: -451px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-linkedin {
    background-position: -119px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-linkedin:hover {
    background-position: -119px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-facebook {
    background-position: -3px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-facebook:hover {
    background-position: -3px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-twitter {
    background-position: -57px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-twitter:hover {
    background-position: -57px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-mail {
    background-position: -188px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-mail:hover {
    background-position: -188px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-pinterest {
    background-position: -335px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-pinterest:hover {
    background-position: -335px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-youtube {
    background-position: -648px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-youtube:hover {
    background-position: -648px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-plus {
    background-position: -391px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-plus:hover {
    background-position: -391px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-flickr {
    background-position: -265px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-flickr:hover {
    background-position: -265px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-vimeo {
    background-position: -510px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-vimeo:hover {
    background-position: -510px -78px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-yahoo {
    background-position: -579px 0px;
}
#wsite-com-product-social-sharing a.wsite-com-product-social-yahoo:hover {
    background-position: -579px -78px;
}
.wsite-com-category-product-name {
    margin: 25px 0 8px !important;
    font-style: italic;
    font-size: 22px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}
.single-sale-price {
    font-size: 1em;
}
a.wsite-com-category-product-link {
    color: #000000;
}
a.wsite-com-category-product-link:hover {
    background: none;
    color: #333333;
}
#wsite-com-product-title {
    color: #333333;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 15px;
}
#wsite-com-product-price-area {
    font-size: 18px;
    border: none;
}
#wsite-com-product-images-strip a {
    background: none;
}
#wsite-com-product-images-strip .wsite-com-product-images-secondary-outer {
    margin: 3px 10.5px 3px 3px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
}
#wsite-com-product-images-strip .wsite-com-product-images-secondary-outer:hover {
    border-bottom: 4px solid #669934;
    border-radius: 0px;
    box-shadow: none;
}
#wsite-com-product-inventory .wsite-com-product-disabled {
    color: #333333;
    opacity: 0.4;
}
#wsite-com-product-add-to-cart.wsite-com-product-disabled {
    opacity: 0.2;
}
.wsite-form-label, .wsite-com-product-title {
    color: #333333;
    text-transform: uppercase;
    font-weight: normal !important;
}
.wsite-form-label {
    margin: 17px 0px 7px !important;
    display: block;
}
.wsite-form-input, .wsite-search-element-input {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    color: #888888;
    background: none;
    border: 1px solid #666;
    padding: 14px 10px !important;
}
.wsite-form-input:focus, .wsite-search-element-input:focus {
    -webkit-box-shadow: inset 0 0 10px rgba(102,153,51,.2);
    -moz-box-shadow: inset 0 0 10px rgba(102,153,51,.2);
    box-shadow: inset 0 0 10px rgba(102,153,51,.2);
    border: solid 1px #7c995f;
}
.form-select, .wsite-com-product-option-dropdown select {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    color: #888888;
    background: none;
    border: 1px solid #666;
    padding: 8px 10px !important;
    height: 37px !important;
    border-radius: 3px;
}
#wsite-com-product-quantity-input {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    color: #888888;
    background: none;
    border: 1px solid #666;
    padding: 8px 10px !important;
    height: 21px;
    border-radius: 3px;
}
.form-field-error .wsite-form-radio-container, .form-field-error .wsite-form-radio-container {
    border: none;
}
.form-field-error .jqTransformCheckbox, .form-field-error .jqTransformRadio {
    background-position: center bottom;
}
form a:hover {
    background-color: none !important;
}
.jqTransformRadioWrapper {
    float: left;
    display: block;
    margin: 4px 10px 0 0;
}
.jqTransformRadio {
    background: transparent url(theme/radio.png?1413656266) no-repeat center top;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    display: block;
    border-bottom: none;
}
span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin: 4px 10px 0px 0px;
}
.jqTransformCheckbox {
    background: transparent url(theme/checkbox.png?1413656266) no-repeat center top;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    display: block;
    border-bottom: none;
}
.form-field-error a.jqTransformChecked, a.jqTransformChecked {
    background-position: center -22px;
}
.jqTransformSelectWrapper {
    width: 395px !important;
    position: relative;
    height: 37px;
    background-color: #fff;
    border: 1px solid #666666;
    margin-bottom: 10px;
}
.jqTransformSelectWrapper div span {
    font-size: 15px;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 27px;
    line-height: 20px;
    padding: 10px 0 0 10px;
    overflow: hidden;
    cursor: pointer;
    color: #333333;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 1px;
    top: 0px;
    width: 43px;
    height: 37px;
    background: url(theme/select_right.png?1413656266) no-repeat center center;
    border-bottom: none;
}
.jqTransformSelectWrapper ul {
    position: absolute;
    width: 395px !important;
    top: 38px;
    left: -1px;
    list-style: none;
    background-color: #FFF;
    border: solid 1px #666666;
    display: none;
    margin: 0px;
    padding: 0px;
    height: 160px;
    overflow: auto;
    overflow-y: auto;
    z-index: 10;
}
.jqTransformSelectWrapper ul a {
    display: block;
    padding: 7px 15px 5px;
    margin: 0px;
    text-decoration: none;
    color: #333333;
    background-color: #FFF;
    font-size: 15px;
    border-bottom: none;
}
.jqTransformSelectWrapper ul a.selected {
    background: #333;
    color: #fff;
}
.jqTransformSelectWrapper ul a:active {
    background: #333;
    color: #fff;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
    background: #f1f2f4;
    color: #333333;
}
.jqTransformHidden {
    display: none;
}
.jqTransformButton {
    display: none;
}
.jqTransformTextarea {
    display: block;
    height: 105px;
}
.wsite-search-element input {
    -webkit-border-radius: 15px/15px 15px 14px 14px;
    -moz-border-radius: 15px/15px 15px 14px 14px;
    border-radius: 15px/15px 15px 14px 14px;
    background-color: #fff;
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 7px 30px 7px 11px !important;
}
.wsite-search-element-submit {
    background: url(theme/icon-search.png?1413656266) no-repeat;
    width: 18px;
    height: 16px;
    margin-top: -9px;
}
.wsite-button, .wsite-button-highlight {
    display: inline-block;
    padding: 0px;
    background: #669933 !important;
}
.wsite-button-inner {
    color: #fff;
    font-family: 'Dosis', sans-serif;
    display: block;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -1px;
    word-spacing: 4px;
    text-transform: uppercase;
    padding: 0px 30px;
    background: #669933 !important;
    height: 67px;
    line-height: 67px;
}
.wsite-button:hover .wsite-button-inner {
    background: #a2ba1e !important;
}
.wsite-button:active .wsite-button-inner {
    background: #b8cb52 !important;
    color: #000;
}
.wsite-button-large, .wsite-button-large.wsite-button-highlight {
    padding: 0px;
}
.wsite-button-large .wsite-button-inner {
    font-size: 35px;
    padding: 0px 45px;
    background: #669933 !important;
    height: 88px;
    line-height: 88px;
}
.wsite-button-large:hover .wsite-button-inner {
    background: #a2ba1e !important;
}
.wsite-button-large:active .wsite-button-inner {
    background: #b8cb52 !important;
}
.wsite-button-highlight .wsite-button-inner {
    background: #000 !important;
}
.wsite-button-highlight:hover .wsite-button-inner {
    background: #693 !important;
}
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
    background: #000 !important;
}
.wsite-button-large.wsite-button-highlight:hover .wsite-button-inner {
    background: #693 !important;
}
div.paragraph ul, div.paragraph ol {
    padding-left: 2.3em !important;
    margin: 5px 0 !important;
    overflow: hidden;
}
div.paragraph li {
    padding-left: 5px !important;
    margin: 3px 0 0 !important;
}
div.paragraph ul, div.paragraph ul li {
    list-style: disc outside !important;
}
div.paragraph ol, div.paragraph ol li {
    list-style: decimal outside !important;
}
.wsite-background {
    background-image: url('//cdn2.editmysite.com/images/editor/theme-background/stock/Graph.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-color: transparent !important;
    background: inherit;
}
body.wsite-background {
    background-attachment: fixed !important;
}
#footer-wrap{
    background-color:#555555;
    text-align: center;
    color: rgb(95, 162, 51);
    font-weight: bold;
}

Edited by pritaeas: Moved to HTML/CSS forum.

2
Contributors
1
Reply
17
Views
3 Years
Discussion Span
Last Post by pritaeas
0

If there is anything you see that you think I should change or shorten please let me know.

In your HTML, remove the <span style=""> and put the CSS where it belongs, in the CSS file. Uses class and or id. In some cases the span isn't needed at all, because it is inside another styled tag.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.