home *** CD-ROM | disk | FTP | other *** search
/ Neil's C++ Stuff / 2016-02-neilstuff-weebly.iso / files / main_style.css next >
Cascading Style Sheet File  |  2016-02-05  |  12KB  |  138 lines

  1.  h3 { font-size: 1.3em; margin: 0 0 10px 0; }
  2.  a { text-decoration: none; color: #3c769b; }
  3.  a:hover { color: #4e9ccd; }
  4.  a img { border: 0; }
  5.  body { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #878787; margin: 0; background: #f6f0e7 url(theme/container-bg-blue.png?1454685452) center top repeat-y; }
  6.  h2 { font-size: 1.4em; margin: 0; padding: .3em 0; line-height: 1.3; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; color: #376a8a; text-transform: uppercase; }
  7.  div.paragraph { font-size: 1em; line-height: 1.5; margin: 0; padding: .5em 0; }
  8.  p { font-size: 1em; line-height: 1.5; margin: 0; padding: .5em 0; }
  9.  blockquote { font-style:italic; border-left:4px solid #3c769b; margin:10px 0 10px 0; padding-left:20px; line-height:1.5; color:#888; }
  10.  #content div.paragraph { color: #878787; }
  11.  #content p { color: #878787; }
  12.  #container { margin: 0 auto; width: 956px; padding: 0 20px 0 26px; }
  13.  #sidebar { float: left; width: 222px; padding: 22px 9px 0 10px; }
  14.  #main-wrap { float: right; width: 710px; }
  15.  #header { clear: both; padding: 0 0 0 0; }
  16.  .wsite-logo, .wsite-logo a { color: #ffffff; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 36px; color: #ffffff; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; -webkit-text-stroke-width: 0.3px; padding-left: 7px; }
  17.  #header-right a { color: #bd5353; }
  18.  #header-right a:hover { color: #e67f7f; }
  19.  #header-right { height: 90px; }
  20.  #header-right, #header-right table { float: right; border-collapse: collapse; border-spacing: 0; }
  21.  #header-right td { padding: 0; vertical-align: middle; text-align: right; }
  22.  #header-right .phone-number .wsite-text { color: #878787; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 20px 0 0 15px; }
  23.  #header-right .wsite-social { vertical-align: middle; margin: 0 0 0 10px; }
  24.  .wsite-social-item { width: 23px; height: 23px; margin: 0 0 0 3px; background-image:url(theme/social-dark.png?1454685452); }
  25.  #footer .wsite-social-item { background-image:url(theme/social-lightgold.png?1454685452); }
  26.  .wsite-social-facebook {background-position:0 0;}
  27.  .wsite-social-facebook:hover {background-position:0 -23px;}
  28.  .wsite-social-facebook:active {background-position:0 -46px;}
  29.  .wsite-social-pinterest {background-position:-23px 0;}
  30.  .wsite-social-pinterest:hover {background-position:-23px -23px;}
  31.  .wsite-social-pinterest:active {background-position:-23px -46px;}
  32.  .wsite-social-twitter {background-position:-46px 0;}
  33.  .wsite-social-twitter:hover {background-position:-46px -23px;}
  34.  .wsite-social-twitter:active {background-position:-46px -46px;}
  35.  .wsite-social-linkedin {background-position:-69px 0;}
  36.  .wsite-social-linkedin:hover {background-position:-69px -23px;}
  37.  .wsite-social-linkedin:active {background-position:-69px -46px;}
  38.  .wsite-social-mail {background-position:-92px 0;}
  39.  .wsite-social-mail:hover {background-position:-92px -23px;}
  40.  .wsite-social-mail:active {background-position:-92px -46px;}
  41.  .wsite-social-rss {background-position:-115px 0;}
  42.  .wsite-social-rss:hover {background-position:-115px -23px;}
  43.  .wsite-social-rss:active {background-position:-115px -46px;}
  44.  .wsite-social-flickr {background-position:-138px 0;}
  45.  .wsite-social-flickr:hover {background-position:-138px -23px;}
  46.  .wsite-social-flickr:active {background-position:-138px -46px;}
  47.  .wsite-social-plus {background-position:-161px 0;}
  48.  .wsite-social-plus:hover {background-position:-161px -23px;}
  49.  .wsite-social-plus:active {background-position:-161px -46px;}
  50.  .wsite-social-vimeo {background-position:-184px 0;}
  51.  .wsite-social-vimeo:hover {background-position:-184px -23px;}
  52.  .wsite-social-vimeo:active {background-position:-184px -46px;}
  53.  .wsite-social-yahoo {background-position:-207px 0;}
  54.  .wsite-social-yahoo:hover {background-position:-207px -23px;}
  55.  .wsite-social-yahoo:active {background-position:-207px -46px;}
  56.  .wsite-social-youtube {background-position:-230px 0;}
  57.  .wsite-social-youtube:hover {background-position:-230px -23px;}
  58.  .wsite-social-youtube:active {background-position:-230px -46px;}
  59.  #header-right .search { }
  60.  #header-right .wsite-search { padding: 0 0 0 15px; vertical-align: middle; }
  61.  #header-right .wsite-search-input { width: 140px; height: 24px; border: none; padding: 11px 7px 9px 10px; color: #878787; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: url(theme/input-bg.png?1454685452) no-repeat; }
  62.  #header-right .wsite-search-button { width: 23px; height: 32px; border: none; margin: 0; padding: 0; background: url(theme/submit-bg.png?1454685452) no-repeat; }
  63.  #avmenu { clear: left; margin: 70px 0 0; padding: 0; }
  64.  #avmenu ul { list-style: none; margin: 0; padding: 0; }
  65.  #avmenu li { list-style: none; }
  66.  #avmenu li a { font-weight: 400; text-decoration: none; color: #fff; font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 15px; display: block; line-height: 1; margin: 0; padding: 10px 5px 10px 14px; border-bottom: 1px solid #24597a; }
  67.  #avmenu ul > li:last-child a, #avmenu ul > span:last-child li a { border-bottom: none; }
  68.  #avmenu li#active a, #avmenu a:hover { color: #fff; background: #24597a; }
  69.  #wsite-menus .wsite-menu { border-top: 1px solid #24597a; position: relative; top: -1px; }
  70.  #wsite-menus .wsite-menu li a { padding: 8px; background: #24597a; border: none; border-bottom: 1px solid #376a8a; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #fff; }
  71.  #wsite-menus .wsite-menu li a:hover { color: #fff; background: #124666; }
  72.  #main { margin: 0 7px 0 13px; }
  73.  #content { margin: 0; padding: 20px 0; min-height: 400px; overflow-x: visible !important; overflow-x: hidden; }
  74.  #banner { }
  75.  .tall-header-page .wsite-header { width: 710px; height: 324px; background: url(theme/banner-tall.jpg?1454685452) no-repeat; }
  76.  .short-header-page .wsite-header { width: 710px; height: 184px; background: url(theme/banner-short.jpg?1454685452) no-repeat; }
  77.  .landing-page #banner { background: #f1f4f3; }
  78.  #bannerleft { clear: left; float: left; width: 375px; }
  79.  .landing-page .wsite-header { width: 416px; height: 375px; background: url(theme/banner-landing.jpg?1454685452) no-repeat; }
  80.  .landing-banner-outer { display: table; #position: relative; overflow: hidden; }
  81.  .landing-banner-mid { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
  82.  .landing-banner-inner { #position: relative; #top: -50%; }
  83.  #bannerright { float: right; width: 245px; height: 375px; margin: 0 22px; }
  84.  #bannerright h2 { color: #376a8a; font-size: 26px; font-weight: normal; -webkit-text-stroke-width: 0.2px; padding: 0px; line-height: 26px; }
  85.  #bannerright div.paragraph { color: #414141; padding: 20px 0px; line-height: 140%; margin: 0; }
  86.  #bannerright p { color: #414141; padding: 20px 0px; line-height: 140%; margin: 0; }
  87.  #bannerright .wsite-button { margin: 0; }
  88.  .very-tall-header-page .wsite-header { width: 760px; height: 225px; background: url(theme/banner-tall.jpg?1454685452) no-repeat; }
  89.  .no-header-page #banner { height: auto; padding: 0; display: none; }
  90.  .no-header-page #content { border-top: 5px solid #ebe3d7; padding-top: 12px; }
  91.  .splash-page { margin: 0 auto; padding: 0; background: #f4f4f4 url(theme/splash-bodybg.jpg?1454685452) top center repeat-y; }
  92.  .splash-page #header { width: 570px; }
  93.  .splash-page #header-right { float: right; padding-right: 8px; }
  94.  .splash-page #banner { width: 560px; height: 115px; border: none; padding: 5px 0 0 0; }
  95.  .splash-page .wsite-header { width: 560px; height: 115px; border: none; background: url(theme/banner-splash.jpg?1454685452) no-repeat; }
  96.  .splash-page #wrap { width: 560px; padding: 0 10px 0 10px; }
  97.  .splash-page #content { width: 538px; }
  98.  .splash-page #footer { width: 560px; }
  99.  #footer { clear: both; padding: 45px 7px 50px 0; color: #878787; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-top: 5px solid #ebe3d7; text-align: right; }
  100.  #footer div.paragraph { color: #878787; font-size: 12px; }
  101.  #footer p { color: #878787; font-size: 12px; }
  102.  #footer blockquote {font-size:11px; color:#999;}
  103.  #footer a { color: #a59b8c; }
  104.  #footer a:hover { color: #cab99f; }
  105.  #footer span { vertical-align: middle; }
  106.  #footer h2 { font-size: 15px; margin: 0 0 2px; padding: .3em 0; line-height: 1.5; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; color: #376a8a; border-bottom:1px solid #EBE3D7; }
  107.  .wsite-footer { margin-bottom: 15px; }
  108.  .wsite-form-label { display: inline-block; color: #878787; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 12px 0 5px 0; }
  109.  .form-radio-container { color: #878787; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
  110.  .wsite-form-input, .wsite-search-element-input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #878787; background: #fff; border: 1px solid #ddd8d1; padding: 8px 4px 5px !important; line-height: 1; background: url#fff (field.png); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  111.  .form-select { color: #878787; border: 1px solid #ddd8d1; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 3px 4px; height: 27px; line-height: 27px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  112.  .wsite-form-container { margin-top:0px !important; text-align:left; }
  113.  .wsite-footer .wsite-form-label { font-size: 1em; padding: 5px 0 2px 0; }
  114.  .wsite-footer .form-radio-container { font-size:1em; }
  115.  .wsite-footer .wsite-form-input { font-size: 1em; width: 100% !important; }
  116.  .wsite-footer .form-select { width: 100%; }
  117.  .wsite-button { color: #fff !important; font-family: Arial, Helvetica, sans-serif; height: 34px; display: inline-block; font-size: 12px; border: none; font-weight: bold; font-size: 13px; text-decoration: none; padding: 0 15px 0 0; background: url(theme/button.png?1454685452) no-repeat 100% -105px; text-shadow:0 -1px 0 rgba(0,0,0,0.9); }
  118.  .wsite-button:hover { background-position: 100% -140px; }
  119.  .wsite-button:active { background-position: 100% -175px; }
  120.  .wsite-button-inner { height: 34px; line-height: 34px; display: block; font-size: 14px; font-weight: bold; border: none; text-decoration: none; padding: 0 10px 0 25px; background: url(theme/button.png?1454685452) no-repeat 0 0; }
  121.  .wsite-button:hover .wsite-button-inner { background-position: 0 -35px; }
  122.  .wsite-button:active .wsite-button-inner { background-position: 0 -70px; }
  123.  .wsite-button-large { height: 41px; background: url(theme/button_large.png?1454685452) no-repeat 100% -126px; padding: 0 15px 0 0; }
  124.  .wsite-button-large:hover { background-position: 100% -168px; }
  125.  .wsite-button-large:active { background-position: 100% -210px; }
  126.  .wsite-button-large .wsite-button-inner { height: 41px; line-height: 41px; padding: 0 10px 0 25px; background: url(theme/button_large.png?1454685452) no-repeat 0 0; }
  127.  .wsite-button-large:hover .wsite-button-inner { background-position: 0 -42px; }
  128.  .wsite-button-large:active .wsite-button-inner { background-position: 0 -84px; }
  129.  .wsite-button-large.wsite-button-highlight { background-image: url(theme/button_large_highlight_blue.png?1454685452); }
  130.  .wsite-button-large.wsite-button-highlight .wsite-button-inner { background-image: url(theme/button_large_highlight_blue.png?1454685452); }
  131.  .wsite-button-highlight { background-image: url(theme/button_highlight_blue.png?1454685452); }
  132.  .wsite-button-highlight .wsite-button-inner { background-image: url(theme/button_highlight_blue.png?1454685452); }
  133.  
  134. div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; overflow:hidden; }
  135. div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
  136. div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
  137. div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }
  138.