|
|
| Line 1: |
Line 1: |
| − | | + | {{ SDSZ_China/head }} |
| − | | + | <html> |
| − | <!DOCTYPE html>
| + | <head> |
| − | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
| + | |
| − | <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
| + | |
| − | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
| + | |
| − | <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
| + | |
| − | <head>
| + | |
| − | | + | |
| − | <!-- Basic Page Needs
| + | |
| − | ================================================== -->
| + | |
| − | <meta charset="utf-8">
| + | |
| − | <title>igem</title>
| + | |
| − | <meta name="description" content="">
| + | |
| − | <meta name="author" content="">
| + | |
| − | <!--[if lt IE 9]>
| + | |
| − | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
| + | |
| − | <![endif]-->
| + | |
| − | | + | |
| − | <!-- Mobile Specific Metas
| + | |
| − | ================================================== -->
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
| + | |
| − | | + | |
| − | <!-- CSS
| + | |
| − | ================================================== -->
| + | |
| − | <style type="text/css">
| + | |
| − | | + | |
| − | /* Table of Content
| + | |
| − | ==================================================
| + | |
| − | #Reset & Basics
| + | |
| − | #Basic Styles
| + | |
| − | #Site Styles
| + | |
| − | #Typography
| + | |
| − | #Links
| + | |
| − | #Lists
| + | |
| − | #Images
| + | |
| − | #Buttons
| + | |
| − | #Tabs
| + | |
| − | #Forms
| + | |
| − | #Misc */
| + | |
| − | | + | |
| − | | + | |
| − | /* #Reset & Basics (Inspired by E. Meyers)
| + | |
| − | ================================================== */
| + | |
| − | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | border: 0;
| + | |
| − | font-size: 100%;
| + | |
| − | font: inherit;
| + | |
| − | vertical-align: baseline; }
| + | |
| − | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
| + | |
| − | display: block; }
| + | |
| − | body {
| + | |
| − | line-height: 1;
| + | |
| − | }
| + | |
| − | ol, ul {
| + | |
| − | list-style: none; }
| + | |
| − | blockquote, q {
| + | |
| − | quotes: none; }
| + | |
| − | blockquote:before, blockquote:after,
| + | |
| − | q:before, q:after {
| + | |
| − | content: '';
| + | |
| − | content: none; }
| + | |
| − | table {
| + | |
| − | border-collapse: collapse;
| + | |
| − | border-spacing: 0; }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Basic Styles
| + | |
| − | ================================================== */
| + | |
| − | body {
| + | |
| − | background: #999;
| + | |
| − | font: 12px Helvetica, Arial, sans-serif;
| + | |
| − | line-height: 20px;
| + | |
| − | color: #555;
| + | |
| − | -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
| + | |
| − | -webkit-text-size-adjust: 100%;
| + | |
| − | overflow-x: hidden; }
| + | |
| − | html {
| + | |
| − | overflow-x: hidden; }
| + | |
| − | | + | |
| − | /* #Typography
| + | |
| − | ================================================== */
| + | |
| − | h1, h2, h3, h4, h5, h6 {
| + | |
| − | color: #000;
| + | |
| − | font-family: 'Open Sans', sans-serif;
| + | |
| − | font-weight: normal; }
| + | |
| − | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #34b489; }
| + | |
| − | h1 { font-size: 46px; line-height: 50px; margin-bottom: 20px;}
| + | |
| − | h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
| + | |
| − | h3 { font-size: 25px; line-height: 34px; margin-bottom: 20px; }
| + | |
| − | h4 { font-size: 21px; line-height: 30px; margin-bottom: 10px; }
| + | |
| − | h5 { font-size: 18px; line-height: 24px; margin-bottom: 10px; }
| + | |
| − | h6 { font-size: 14px; line-height: 21px; margin-bottom: 10px; }
| + | |
| − | .subheader { color: #777; }
| + | |
| − | h5.teaserheadline { border-bottom: 1px solid #ddd; padding-bottom: 9px; color: #000; font-size: 13px; line-height: 13px; font-weight: bold; font-style: normal; margin-bottom: 13px; text-transform: uppercase; }
| + | |
| − | h5.teaserheadline img { float: left; margin-right: 10px; }
| + | |
| − |
| + | |
| − | .teamtopline { text-align: center; font-size: 12px; font-weight: bold; color: #000; line-height: 12px; width: 100%; margin-top: 10px; margin-bottom: 5px; }
| + | |
| − | .teamsubline { text-align: center; font-size: 11px; line-height: 16px; margin-bottom: 10px; color: #777; font-style: italic; width: 100%; }
| + | |
| − |
| + | |
| − | .highl { font-size: 12px; text-decoration: none; color: #fff; background-color: #34b489; padding-bottom: 2px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
| + | |
| − | .highl_yellow { font-size: 12px; text-decoration: none; color: #fff; background-color: #faaa0a; padding-bottom: 2px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
| + | |
| − | .highl_red { font-size: 12px; text-decoration: none; color: #fff; background-color: #d93b21; padding-bottom: 2px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
| + | |
| − | .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
| + | |
| − | p { margin: 0 0 20px 0; }
| + | |
| − | p img { margin: 0; }
| + | |
| − | img.left { float: left; margin-bottom: 15px; margin-right: 15px;}
| + | |
| − | img.right { float: right; margin-bottom: 15px; margin-left: 15px;}
| + | |
| − | p.lead { font-size: 21px; line-height: 27px; color: #777; }
| + | |
| − | | + | |
| − | em { font-style: italic; }
| + | |
| − | strong { font-weight: bold; }
| + | |
| − | small { font-size: 80%; }
| + | |
| − | | + | |
| − | /* Blockquotes */
| + | |
| − | blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #999; font-style: italic; }
| + | |
| − | blockquote { margin: 0 0 20px; padding: 0 0 0 19px; border-left: 1px solid #ddd; }
| + | |
| − | blockquote cite { display: block; font-size: 12px; color: #555; margin-top: 5px; }
| + | |
| − | blockquote cite:before { content: "\2014 \0020"; }
| + | |
| − | blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
| + | |
| − | | + | |
| − | hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
| + | |
| − |
| + | |
| − | /* Text Selection */
| + | |
| − | | + | |
| − | ::selection { background: #34b489; color: #fff; /* Safari */ }
| + | |
| − | ::-moz-selection { background: #34b489; color: #fff; /* Firefox */ }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Links
| + | |
| − | ================================================== */
| + | |
| − | a, a:visited { color: #34b489; text-decoration: none; outline: 0; }
| + | |
| − | a:hover, a:focus { /*color: #000;*/ }
| + | |
| − | p a, p a:visited { line-height: inherit; }
| + | |
| − | a.link, .lighti { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; }
| + | |
| − | a.linkbg { font-size: 12px; text-decoration: none; color: #fff; background-color: #34b489; padding-bottom: 2px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
| + | |
| − | a.titlelink { font-size: 11px; font-weight: normal; text-decoration: none; color: #999; font-style: normal; }
| + | |
| − | a.link span, a.link:visited span { font-size:13px; line-height:12px; }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Lists
| + | |
| − | ================================================== */
| + | |
| − | ul, ol { margin-bottom: 20px; }
| + | |
| − | ul { list-style: none outside; }
| + | |
| − | ol { list-style: decimal; }
| + | |
| − | ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
| + | |
| − | ul.square { list-style: square outside; color: #555; }
| + | |
| − | ul.circle { list-style: circle outside; color: #555; }
| + | |
| − | ul.disc { list-style: disc outside; color: #555; }
| + | |
| − | ul.check { list-style: none; }
| + | |
| − | ul.check li { background: url('../images/tiles/check.png') no-repeat; padding-left: 25px; }
| + | |
| − | ul ul, ul ol,
| + | |
| − | ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 100%; }
| + | |
| − | ul ul li, ul ol li,
| + | |
| − | ol ol li, ol ul li { margin-bottom: 6px; }
| + | |
| − | li { line-height: 18px; margin-bottom: 12px; }
| + | |
| − | ul.large li { line-height: 21px; }
| + | |
| − | li p { line-height: 21px; }
| + | |
| − | | + | |
| − | /* #Images
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | img.scale-with-grid {
| + | |
| − | max-width: 100%;
| + | |
| − | height: auto; }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Buttons
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | a.button,
| + | |
| − | button,
| + | |
| − | input[type="submit"],
| + | |
| − | input[type="reset"],
| + | |
| − | input[type="button"] {
| + | |
| − | -moz-border-radius: 3px;
| + | |
| − | -webkit-border-radius: 3px;
| + | |
| − | border-radius: 3px;
| + | |
| − | background: #777;
| + | |
| − | border: 0;
| + | |
| − | border-bottom: 1px solid #444;
| + | |
| − | text-shadow: 0px 1px 0px #444;
| + | |
| − | padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px;
| + | |
| − | color: #fff;
| + | |
| − | display: inline-block;
| + | |
| − | font-size: 11px;
| + | |
| − | font-weight: normal;
| + | |
| − | font-style: italic;
| + | |
| − | text-decoration: none;
| + | |
| − | cursor: pointer;
| + | |
| − | line-height: 20px;
| + | |
| − | font-family: Helvetica, Arial, sans-serif; }
| + | |
| − |
| + | |
| − | a.button:hover,
| + | |
| − | button:hover,
| + | |
| − | input[type="submit"]:hover,
| + | |
| − | input[type="reset"]:hover,
| + | |
| − | input[type="button"]:hover {
| + | |
| − | color: #fff;
| + | |
| − | /*background: #34b489;*/ }
| + | |
| − | | + | |
| − | a.button:active,
| + | |
| − | button:active,
| + | |
| − | input[type="submit"]:active,
| + | |
| − | input[type="reset"]:active,
| + | |
| − | input[type="button"]:active {
| + | |
| − | color: #fff;
| + | |
| − | background: #34b489;
| + | |
| − | /*-moz-box-shadow: inset 0px 0px 0px 1px #fff;
| + | |
| − | -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
| + | |
| − | -box-shadow: inset 0px 0px 0px 1px #fff;*/}
| + | |
| − | | + | |
| − | .button.full-width,
| + | |
| − | button.full-width,
| + | |
| − | input[type="submit"].full-width,
| + | |
| − | input[type="reset"].full-width,
| + | |
| − | input[type="button"].full-width {
| + | |
| − | width: 100%;
| + | |
| − | padding-left: 0 !important;
| + | |
| − | padding-right: 0 !important;
| + | |
| − | text-align: center; }
| + | |
| − | a.button span {
| + | |
| − | font-size:13px;
| + | |
| − | line-height:11px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* #Tabs (activate in tabs.js)
| + | |
| − | ================================================== */
| + | |
| − | ul.tabs {
| + | |
| − | display: block;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | border-bottom: solid 1px #ddd; }
| + | |
| − | ul.tabs li {
| + | |
| − | display: block;
| + | |
| − | width: auto;
| + | |
| − | height: 30px;
| + | |
| − | padding: 0;
| + | |
| − | float: left;
| + | |
| − | margin-bottom: 0; }
| + | |
| − | ul.tabs li a {
| + | |
| − | display: block;
| + | |
| − | text-decoration: none;
| + | |
| − | width: auto;
| + | |
| − | height: 29px;
| + | |
| − | padding: 0px 20px;
| + | |
| − | line-height: 30px;
| + | |
| − | border: solid 1px #ddd;
| + | |
| − | border-width: 1px 1px 0 0;
| + | |
| − | margin: 0;
| + | |
| − | background: #eee;
| + | |
| − | font-size: 12px;
| + | |
| − | color: #777; }
| + | |
| − | ul.tabs li a.active {
| + | |
| − | background: #fff;
| + | |
| − | height: 30px;
| + | |
| − | position: relative;
| + | |
| − | top: 0px;
| + | |
| − | padding-top: 0px;
| + | |
| − | border-left-width: 1px;
| + | |
| − | margin: 0 0 0 -1px;
| + | |
| − | color: #333;
| + | |
| − | font-weight: bold;}
| + | |
| − | ul.tabs li:first-child a.active {
| + | |
| − | margin-left: 0;
| + | |
| − | -moz-border-radius-topleft: 3px;
| + | |
| − | -webkit-border-top-left-radius: 3px;
| + | |
| − | border-top-left-radius: 3px;
| + | |
| − | }
| + | |
| − | ul.tabs li:first-child a {
| + | |
| − | border-width: 1px 1px 0 1px;
| + | |
| − | -moz-border-radius-topleft: 3px;
| + | |
| − | -webkit-border-top-left-radius: 3px;
| + | |
| − | border-top-left-radius: 3px; }
| + | |
| − | ul.tabs li:last-child a {
| + | |
| − | -moz-border-radius-topright: 3px;
| + | |
| − | -webkit-border-top-right-radius: 3px;
| + | |
| − | border-top-right-radius: 3px; }
| + | |
| − | | + | |
| − | ul.tabs-content { margin: 0; display: block; border: solid 1px #ddd; border-top: 0; background: #fff; padding: 20px; padding-top: 30px; padding-bottom: 0; margin-bottom: 30px; }
| + | |
| − | ul.tabs-content > li { display:none; }
| + | |
| − | ul.tabs-content > li.active { display: block; } | + | |
| − | | + | |
| − | /* Clearfixing tabs for beautiful stacking */
| + | |
| − | ul.tabs:before,
| + | |
| − | ul.tabs:after {
| + | |
| − | content: '\0020';
| + | |
| − | display: block;
| + | |
| − | overflow: hidden;
| + | |
| − | visibility: hidden;
| + | |
| − | width: 0;
| + | |
| − | height: 0; }
| + | |
| − | ul.tabs:after {
| + | |
| − | clear: both; }
| + | |
| − | ul.tabs {
| + | |
| − | zoom: 1; }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Forms
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | /* General Forms */
| + | |
| − | | + | |
| − | form {
| + | |
| − | margin-bottom: 0px; }
| + | |
| − | fieldset {
| + | |
| − | margin-bottom: 20px; }
| + | |
| − | label,
| + | |
| − | legend {
| + | |
| − | display: block;
| + | |
| − | font-weight: bold;
| + | |
| − | font-size: 13px; }
| + | |
| − | input[type="checkbox"] {
| + | |
| − | display: inline; }
| + | |
| − | label span,
| + | |
| − | legend span {
| + | |
| − | font-weight: normal;
| + | |
| − | font-size: 13px;
| + | |
| − | color: #444; }
| + | |
| − | input[type="text"],
| + | |
| − | input[type="password"],
| + | |
| − | input[type="email"],
| + | |
| − | textarea,
| + | |
| − | select {
| + | |
| − | border: 1px solid #ddd;
| + | |
| − | padding: 10px 10px;
| + | |
| − | outline: none;
| + | |
| − | overflow: hidden;
| + | |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| + | |
| − | color: #777;
| + | |
| − | margin: 0;
| + | |
| − | width: 198px;
| + | |
| − | max-width: 100%;
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | background: #eee; }
| + | |
| − | select {
| + | |
| − | padding: 0; }
| + | |
| − | input[type="text"]:focus,
| + | |
| − | input[type="password"]:focus,
| + | |
| − | input[type="email"]:focus,
| + | |
| − | textarea:focus {
| + | |
| − | border: 1px solid #bbb;
| + | |
| − | color: #555;
| + | |
| − | }
| + | |
| − | textarea {
| + | |
| − | min-height: 100px; }
| + | |
| − | select {
| + | |
| − | width: 220px; }
| + | |
| − |
| + | |
| − | /* Sidebar Forms */
| + | |
| | | | |
| − | .sidebar input[type="text"],
| + | <title>iGem SDSZ_China 2018</title> |
| − | .sidebar input[type="password"],
| + | <meta charset="utf-8" /> |
| − | .sidebar input[type="email"],
| + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| − | .sidebar textarea,
| + | |
| − | .sidebar select {
| + | |
| − | border: 1px solid #ddd;
| + | |
| − | padding: 10px 10px;
| + | |
| − | outline: none;
| + | |
| − | overflow: hidden;
| + | |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| + | |
| − | color: #777;
| + | |
| − | margin: 0;
| + | |
| − | width: 198px;
| + | |
| − | max-width: 100%;
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | background: #eee; }
| + | |
| − | .sidebar select {
| + | |
| − | padding: 0; }
| + | |
| − | .sidebar input[type="text"]:focus,
| + | |
| − | .sidebar input[type="password"]:focus,
| + | |
| − | .sidebar input[type="email"]:focus,
| + | |
| − | .sidebar textarea:focus {
| + | |
| − | border: 1px solid #bbb;
| + | |
| − | color: #555;
| + | |
| − | }
| + | |
| − | .sidebar textarea {
| + | |
| − | min-height: 100px; }
| + | |
| − | .sidebar select {
| + | |
| − | width: 220px; }
| + | |
| | | | |
| − | /* Footer Forms */
| + | <link rel="stylesheet" type="text/css" |
| | + | href="https://2018.igem.org/wiki/index.php?title=Team:SDSZ_China/Bootstrap.min.css&action=raw&ctype=text/css"/> |
| | + | <link rel="stylesheet" type="text/css" |
| | + | href="https://2018.igem.org/wiki/index.php?title=Team:SDSZ_China/fontawesome.css&action=raw&ctype=text/css"/> |
| | + | <link rel="stylesheet" type="text/css" |
| | + | href="https://2018.igem.org/wiki/index.php?title=Template:SDSZ_China/main.css&action=raw&ctype=text/css"/> |
| | | | |
| − | .footer input[type="text"],
| |
| − | .footer input[type="password"],
| |
| − | .footer input[type="email"],
| |
| − | .footer textarea,
| |
| − | .footer select {
| |
| − | border: 1px solid #4e4e4e;
| |
| − | padding: 10px 10px;
| |
| − | outline: none;
| |
| − | overflow: hidden;
| |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| − | color: #999999;
| |
| − | margin: 0;
| |
| − | width: 198px;
| |
| − | max-width: 100%;
| |
| − | display: block;
| |
| − | margin-bottom: 10px;
| |
| − | background: #3e3e3e; }
| |
| − | .footer select {
| |
| − | padding: 0; }
| |
| − | .footer input[type="text"]:focus,
| |
| − | .footer input[type="password"]:focus,
| |
| − | .footer input[type="email"]:focus,
| |
| − | .footer textarea:focus {
| |
| − | border: 1px solid #ccc;
| |
| − | color: #ccc;
| |
| − | }
| |
| − | .footer textarea {
| |
| − | min-height: 100px; }
| |
| − | .footer select {
| |
| − | width: 220px; }
| |
| − |
| |
| − | /* Header Responsive Menu Form Style */
| |
| − |
| |
| − | .header form {
| |
| − | float: left;
| |
| − | height: 100%;
| |
| − | position: relative;
| |
| − | margin-bottom: 21px; }
| |
| − |
| |
| − | .header select {
| |
| − | -webkit-appearance: none;
| |
| − | border: 1px solid #ddd;
| |
| − | padding: 10px;
| |
| − | outline: none;
| |
| − | overflow: hidden;
| |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| − | color: #555;
| |
| − | margin: 0;
| |
| − | width: 100%;
| |
| − | max-width: 100%;
| |
| − | display: block;
| |
| − | background: #fff url('../images/tiles/navselect.gif') no-repeat right center;
| |
| − | }
| |
| − |
| |
| − | .header option {
| |
| − | outline: none;
| |
| − | border: 0;
| |
| − | overflow: hidden;
| |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| − | color: #555;
| |
| − | margin: 0;
| |
| − | width: 100%;
| |
| − | max-width: 100%;
| |
| − | display: block;
| |
| − | padding-left: 15px;
| |
| − | }
| |
| − |
| |
| | | | |
| − | /* #Misc | + | </head> |
| − | ================================================== */ | + | <body style="background-color:black"> |
| − | .remove-bottom { margin-bottom: 0 !important; }
| + | <html> |
| − | .half-bottom { margin-bottom: 10px !important; } | + | <head> |
| − | .add-bottom { margin-bottom: 20px !important; }
| + | |
| − | .left { float: left; } | + | <meta charset="utf-8" /> |
| − | .right { float: right; } | + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| | + | </head> |
| | + | <body> |
| | | | |
| | + | <!-- One --> |
| | + | <section id="One" class="wrapper style3" background=""> |
| | + | <div class="inner"> |
| | + | <header class="align-center"> |
| | | | |
| | + | <img src="https://static.igem.org/mediawiki/2018/9/9f/T--SDSZ_China--chitin.jpg" class="rounded mx-auto d-block" alt="..." width="100%" height="100%" style="Padding:0px"> |
| | + | <!--<h2>MODULES</h2>--> |
| | + | </header> |
| | + | </div> |
| | + | </section> |
| | | | |
| − | </style>
| |
| − | <style type="text/css">
| |
| | | | |
| − | /* Table of Contents | + | <blockquote></blockquote> |
| − | ==================================================
| + | |
| − | #Base 960 Grid
| + | |
| − | #Tablet (Portrait)
| + | |
| − | #Mobile (Portrait)
| + | |
| − | #Mobile (Landscape)
| + | |
| − | #Clearing */
| + | |
| | | | |
| | | | |
| | | | |
| − | /* #Base 960 Grid
| + | <!-- Two --> |
| − | ================================================== */ | + | <section id="two" class="wrapper style2"> |
| | + | <div class="inner"> |
| | + | <div> |
| | + | <div> |
| | + | <header class="align-center"> |
| | + | |
| | + | <h2>WHAT IS CHITIN</h2> |
| | + | </header> |
| | + | <p style="color:black;font-size:35px;"> |
| | + | Sea food is almost a common delicacy to everyone. Boston is famous for lobster; Japan is famous for all kinds of sashimi. Few people have paid attention to the huge amount of shells being tossed away annually, but, in fact, there is a special kind of chemical component forming the crustaceans’ outer bones. This is CHITIN（(C8H13O5N)n), an abundant natural macromolecular substances that is rich in common crustaceans such as insects or crabs. In most crustaceans, chitin is combined with calcium carbonate and produces a much stronger composite. This composite material is much harder and stiffer than pure chitin, and is tougher and less brittle than pure calcium carbonate. Chitin is insoluble and lack of bioactivity, therefore not widely used in industry. |
| | | | |
| − | .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
| + | </p> |
| − | .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
| + | <header class="align-center"> |
| − | .row { margin-bottom: 20px; }
| + | |
| | + | <h2>WHAT IS CHITOSAN</h2> |
| | + | </header> |
| | + | <p style="color:black;font-size:35px;"> |
| | + | Because of chitin’s insolubility and bioactivity, it is usually converted by deacetylation to soluble and bioactive CHITOSAN ((C8H13NO5)n (203.19)n). It is white powder and has relatively more industrious usages: |
| | + | Agriculture: used in seed treatment and biopesticide, helping plants to fight off fungal infections. |
| | + | Winemaking: used as fining agent, helping to prevent spoilage. |
| | + | Industry: used in a self-healing polyurethane paint coating. |
| | + | Medicine: used in bandages, helping to reduce bleeding and serving as an antibacterial agent; used to help deliver drugs through the skin. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | | | |
| − | /* Nested Column Classes */
| + | <blockquote></blockquote> |
| − | .column.alpha, .columns.alpha { margin-left: 0; }
| + | |
| − | .column.omega, .columns.omega { margin-right: 0; }
| + | |
| | | | |
| − | /* Base Grid */
| |
| − | .container .one.column { width: 40px; }
| |
| − | .container .two.columns { width: 100px; }
| |
| − | .container .three.columns { width: 160px; }
| |
| − | .container .four.columns { width: 220px; }
| |
| − | .container .five.columns { width: 280px; }
| |
| − | .container .six.columns { width: 340px; }
| |
| − | .container .seven.columns { width: 400px; }
| |
| − | .container .eight.columns { width: 460px; }
| |
| − | .container .nine.columns { width: 520px; }
| |
| − | .container .ten.columns { width: 580px; }
| |
| − | .container .eleven.columns { width: 640px; }
| |
| − | .container .twelve.columns { width: 700px; }
| |
| − | .container .thirteen.columns { width: 760px; }
| |
| − | .container .fourteen.columns { width: 820px; }
| |
| − | .container .fifteen.columns { width: 880px; }
| |
| − | .container .sixteen.columns { width: 940px; }
| |
| | | | |
| − | .container .one-third.column { width: 300px; }
| + | <!-- Two --> |
| − | .container .two-thirds.column { width: 620px; }
| + | <section id="two" class="wrapper style2"> |
| | | | |
| − | /* Offsets */
| + | <div class="inner"> |
| − | .container .offset-by-one { padding-left: 60px; }
| + | <div> |
| − | .container .offset-by-two { padding-left: 120px; }
| + | <div> |
| − | .container .offset-by-three { padding-left: 180px; }
| + | <header class="align-center"> |
| − | .container .offset-by-four { padding-left: 240px; }
| + | |
| − | .container .offset-by-five { padding-left: 300px; }
| + | <h2>CURRENT CHITOSAN PRODUCTION</h2> |
| − | .container .offset-by-six { padding-left: 360px; }
| + | </header> |
| − | .container .offset-by-seven { padding-left: 420px; }
| + | <p style="color:black;font-size:35px;"> |
| − | .container .offset-by-eight { padding-left: 480px; }
| + | The current technology of chitosan production is the treatment with concentrated alkali. |
| − | .container .offset-by-nine { padding-left: 540px; }
| + | The chitin/chitosan process involves the crushing and drying of crab shell or other suitable species of crustaceans such as shrimp shell waste. The product is processed with acid and alkaline in order to remove protein and calcium. The product is then further dried, grinded, and packaged as a finished or semi-finished product. |
| − | .container .offset-by-ten { padding-left: 600px; }
| + | A plant set-up would involve a number of pieces of equipment for grinding or particuli- zation, drying, acid and alkaline treatment, packaging and effluent treatment. |
| − | .container .offset-by-eleven { padding-left: 660px; }
| + | |
| − | .container .offset-by-twelve { padding-left: 720px; }
| + | |
| − | .container .offset-by-thirteen { padding-left: 780px; }
| + | |
| − | .container .offset-by-fourteen { padding-left: 840px; }
| + | |
| − | .container .offset-by-fifteen { padding-left: 900px; }
| + | |
| | | | |
| | + | Crushed shrimp waste was kept in a polyethylene bags at ambient temperature (28±2oC) for 24 hours for partial autolysis to facilitate chemical extraction of chitosan and to improve the quality of chitosan. |
| | | | |
| | + | 3steps: Demineralization, Deproteinization and Deacetylation |
| | | | |
| − | /* #Tablet (Portrait)
| + | Demineralization: Demineralization of shrimp shell has been carried out with three different concentration of HCI (4%, 3%, 2%) at ambient temperature (28±2oC) with a solid to solvent ratio 1:5 (w/v) for 16 hours (Toan, 2009). The residue was washed and soaked in tap water until neutral pH. |
| − | ================================================== */
| + | |
| | | | |
| − | /* Note: Design for a width of 768px */
| + | Deproteinization: Deproteinization of shrimp shell was done with 4% NaOH at ambient temperature (28±2oC) with a solid to solvent ratio 1:5 (w/v) for 20 hours (Toan, 2009). The residue was washed and soaked in tap water until neutral pH. Then purified chitin was dried until it was become crispy. Chitin flakes was grounded to small particle to facilitate deacetylation. |
| | | | |
| − | @media only screen and (min-width: 768px) and (max-width: 959px) {
| + | Deacetylation: Removal of acetyl groups from chitin was experimented using four different concentration of NaOH (30%, 40%, 50%, 60%) at 650C temperature with a solid to solvent ratio 1:10 (w/v) for 20 hours. (Toan, 2009).The residue was washed until neutral pH with tap water. The resulting chitosan was then dried at cabinet dryer for 4 hours at 65±50 C and prepared for characterization. |
| − | .container { width: 768px; }
| + | |
| − | .container .column,
| + | |
| − | .container .columns { margin-left: 10px; margin-right: 10px; }
| + | |
| − | .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
| + | |
| − | .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
| + | |
| | | | |
| − | .container .one.column { width: 28px; }
| + | However, current chitosan production has exposed many drawbacks: deficiency over time and reactant, huge energy cost during the process, instability of product quality, unsafe condition for employees, and, especially, the destructive pollution of basic waste water. Acid and alkali wasted water can easily polluted waterbody and farmland. |
| − | .container .two.columns { width: 76px; }
| + | </p> |
| − | .container .three.columns { width: 124px; }
| + | </div> |
| − | .container .four.columns { width: 172px; }
| + | </div> |
| − | .container .five.columns { width: 220px; }
| + | </div> |
| − | .container .six.columns { width: 268px; }
| + | </section> |
| − | .container .seven.columns { width: 316px; }
| + | |
| − | .container .eight.columns { width: 364px; }
| + | |
| − | .container .nine.columns { width: 412px; }
| + | |
| − | .container .ten.columns { width: 460px; }
| + | |
| − | .container .eleven.columns { width: 508px; }
| + | |
| − | .container .twelve.columns { width: 556px; }
| + | |
| − | .container .thirteen.columns { width: 604px; }
| + | |
| − | .container .fourteen.columns { width: 652px; }
| + | |
| − | .container .fifteen.columns { width: 700px; }
| + | |
| − | .container .sixteen.columns { width: 748px; }
| + | |
| − | | + | |
| − | .container .one-third.column { width: 236px; }
| + | |
| − | .container .two-thirds.column { width: 492px; }
| + | |
| − | | + | |
| − | /* Offsets */
| + | |
| − | .container .offset-by-one { padding-left: 48px; }
| + | |
| − | .container .offset-by-two { padding-left: 96px; }
| + | |
| − | .container .offset-by-three { padding-left: 144px; }
| + | |
| − | .container .offset-by-four { padding-left: 192px; }
| + | |
| − | .container .offset-by-five { padding-left: 240px; }
| + | |
| − | .container .offset-by-six { padding-left: 288px; }
| + | |
| − | .container .offset-by-seven { padding-left: 336px; }
| + | |
| − | .container .offset-by-eight { padding-left: 348px; }
| + | |
| − | .container .offset-by-nine { padding-left: 432px; }
| + | |
| − | .container .offset-by-ten { padding-left: 480px; }
| + | |
| − | .container .offset-by-eleven { padding-left: 528px; }
| + | |
| − | .container .offset-by-twelve { padding-left: 576px; }
| + | |
| − | .container .offset-by-thirteen { padding-left: 624px; }
| + | |
| − | .container .offset-by-fourteen { padding-left: 672px; }
| + | |
| − | .container .offset-by-fifteen { padding-left: 720px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Mobile (Portrait)
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | /* Note: Design for a width of 320px */
| + | |
| − | | + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | .container { width: 300px; }
| + | |
| − | .columns, .column { margin: 0; }
| + | |
| − | | + | |
| − | .container .one.column,
| + | |
| − | .container .two.columns,
| + | |
| − | .container .three.columns,
| + | |
| − | .container .four.columns,
| + | |
| − | .container .five.columns,
| + | |
| − | .container .six.columns,
| + | |
| − | .container .seven.columns,
| + | |
| − | .container .eight.columns,
| + | |
| − | .container .nine.columns,
| + | |
| − | .container .ten.columns,
| + | |
| − | .container .eleven.columns,
| + | |
| − | .container .twelve.columns,
| + | |
| − | .container .thirteen.columns,
| + | |
| − | .container .fourteen.columns,
| + | |
| − | .container .fifteen.columns,
| + | |
| − | .container .sixteen.columns,
| + | |
| − | .container .one-third.column,
| + | |
| − | .container .two-thirds.column { width: 300px; }
| + | |
| − | | + | |
| − | /* Offsets */
| + | |
| − | .container .offset-by-one,
| + | |
| − | .container .offset-by-two,
| + | |
| − | .container .offset-by-three,
| + | |
| − | .container .offset-by-four,
| + | |
| − | .container .offset-by-five,
| + | |
| − | .container .offset-by-six,
| + | |
| − | .container .offset-by-seven,
| + | |
| − | .container .offset-by-eight,
| + | |
| − | .container .offset-by-nine,
| + | |
| − | .container .offset-by-ten,
| + | |
| − | .container .offset-by-eleven,
| + | |
| − | .container .offset-by-twelve,
| + | |
| − | .container .offset-by-thirteen,
| + | |
| − | .container .offset-by-fourteen,
| + | |
| − | .container .offset-by-fifteen { padding-left: 0; }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Mobile (Landscape)
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | /* Note: Design for a width of 480px */
| + | |
| − | | + | |
| − | @media only screen and (min-width: 480px) and (max-width: 767px) {
| + | |
| − | .container { width: 420px; }
| + | |
| − | .columns, .column { margin: 0; }
| + | |
| − | | + | |
| − | .container .one.column,
| + | |
| − | .container .two.columns,
| + | |
| − | .container .three.columns,
| + | |
| − | .container .four.columns,
| + | |
| − | .container .five.columns,
| + | |
| − | .container .six.columns,
| + | |
| − | .container .seven.columns,
| + | |
| − | .container .eight.columns,
| + | |
| − | .container .nine.columns,
| + | |
| − | .container .ten.columns,
| + | |
| − | .container .eleven.columns,
| + | |
| − | .container .twelve.columns,
| + | |
| − | .container .thirteen.columns,
| + | |
| − | .container .fourteen.columns,
| + | |
| − | .container .fifteen.columns,
| + | |
| − | .container .sixteen.columns,
| + | |
| − | .container .one-third.column,
| + | |
| − | .container .two-thirds.column { width: 420px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* #Clearing
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | /* Self Clearing Goodness */
| + | |
| − | .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
| + | |
| − | | + | |
| − | /* Use clearfix class on parent to clear nested columns,
| + | |
| − | or wrap each row of columns in a <div class="row"> */
| + | |
| − | .clearfix:before,
| + | |
| − | .clearfix:after,
| + | |
| − | .row:before,
| + | |
| − | .row:after {
| + | |
| − | content: '\0020';
| + | |
| − | display: block;
| + | |
| − | overflow: hidden;
| + | |
| − | visibility: hidden;
| + | |
| − | width: 0;
| + | |
| − | height: 0; }
| + | |
| − | .row:after,
| + | |
| − | .clearfix:after {
| + | |
| − | clear: both; }
| + | |
| − | .row,
| + | |
| − | .clearfix {
| + | |
| − | zoom: 1; }
| + | |
| − | | + | |
| − | /* You can also use a <br class="clear" /> to clear columns */
| + | |
| − | .clear {
| + | |
| − | clear: both;
| + | |
| − | display: block;
| + | |
| − | overflow: hidden;
| + | |
| − | visibility: hidden;
| + | |
| − | width: 0;
| + | |
| − | height: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | <style>
| + | |
| − | | + | |
| − | | + | |
| − | /* #Google Font
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic);
| + | |
| − | | + | |
| − | /* #Site Styles
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | /* Main Container */
| + | |
| − | | + | |
| − | .main { padding-bottom: 0px; }
| + | |
| − | .fullBg { position: fixed; top: 0; left: 0; overflow: hidden; }
| + | |
| − | #background { position: fixed; z-index: -1; top: 0; left: 0; overflow: hidden; display: none; }
| + | |
| − | | + | |
| − | /* Background */
| + | |
| − |
| + | |
| − | .poswrapper { width: 0; margin: 0 auto; height: 100%; overflow: visible; }
| + | |
| − | .poswrapper.wide { width: 100%; margin-left: 0; margin-right: 0; height: 100%; overflow: visible; }
| + | |
| − | .whitebackground { position: fixed; top: 0; left: 50%; z-index: -1; width: 1040px; height: 100%; margin-left: -520px; background: #f5f5f5; -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); }
| + | |
| − | .whitebackground.full { position: fixed; top: 0; z-index: -1; width: 100%; height: 100%; left: 0; margin-left: 0px; background: #f5f5f5; }
| + | |
| − | .tiledbackground { position: fixed; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: url('http://damojo.net/themeforest/bravewp/wp-content/themes/brave/images/tiles/wood2.jpg') repeat; }
| + | |
| − |
| + | |
| − | /* Header */
| + | |
| − | | + | |
| − | .poswrapheaderline { z-index: 0; width: 0px; margin-left: auto; margin-right: auto; height: 100%; overflow: visible; position: relative; }
| + | |
| − | .poswrapheaderline.wide { z-index: 0; width: 100%; margin-left: 0; margin-right: 0; height: 100%; overflow: visible; position: relative; }
| + | |
| − | .headerline { position: absolute; z-index: 2; width: 1040px; height: 90px; margin-left: -520px; top: 0; background: #111; }
| + | |
| − | .headerline.full { position: absolute; z-index: 2; width: 100%; height: 90px; left: 0; margin-left: 0; top: 0; background: #111; }
| + | |
| − | .header { padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
| + | |
| − | .logo { background: url('../images/logo.png') no-repeat left center; float: left; height: 90px; width: 150px; position: relative; z-index: 15; }
| + | |
| − | .mainmenu { float: right; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #999; height: 90px;}
| + | |
| − | .toptextline { text-align: left; position: absolute; z-index: 2; top: 91px; }
| + | |
| − | .pagetitle { position: relative; z-index: 1; float: left; margin-top: 0px; margin-bottom: 0px; background: #e5e5e5; border-bottom: 1px solid #ddd; width: 1040px; margin-left: -40px; padding-top: 25px; padding-bottom: 9px; border-top: 3px solid #ccc; }
| + | |
| − | .pagetitleholder { float: left; display: inline; width: 640px; padding-left: 50px; padding-right: 20px; }
| + | |
| − | .socialholder { float: right; width: 274px; text-align:center; padding-right: 50px; margin-top: 5px; }
| + | |
| − | .pagetitle h1 { float: left; font-size: 22px; line-height: 30px; color: #666; font-weight: 100; font-style: italic; margin-top: 2px; width: 100%; position: relative; z-index: 1; }
| + | |
| − | .socialicons { float: right; margin: 0; padding: 0; }
| + | |
| − | .socialicons li { float: left; display: inline; margin: 0; padding: 0; margin-right: 5px; }
| + | |
| − | .socialicons li:last-child { margin-right: 0; }
| + | |
| − | .socialicons div { display: none; float: left; text-align: center; width: 120px; position: absolute; margin-top: -15px; margin-left: -47px; font-size: 11px; line-height: 11px; color: #777; text-shadow: 1px 1px 0px #f5f5f5; font-style: italic; }
| + | |
| − | .socialicons li a { float: left; width: 26px; height: 26px; background-position:top; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
| + | |
| − | .socialicons li a:hover { background-position:bottom; }
| + | |
| − | .social_facebook {background: url('../images/social/social_facebook.png') no-repeat; }
| + | |
| − | .social_twitter { background: url('../images/social/social_twitter.png') no-repeat; }
| + | |
| − | .social_rss { background: url('../images/social/social_rss.png') no-repeat; }
| + | |
| − | .social_vimeo { background: url('../images/social/social_vimeo.png') no-repeat; }
| + | |
| − | .social_googleplus { background: url('../images/social/social_googleplus.png') no-repeat; }
| + | |
| − | .social_linkedin { background: url('../images/social/social_linkedin.png') no-repeat; }
| + | |
| − | .social_pinterest { background: url('../images/social/social_pinterest.png') no-repeat; }
| + | |
| − | .social_flickr { background: url('../images/social/social_flickr.png') no-repeat; }
| + | |
| − | .social_youtube { background: url('../images/social/social_youtube.png') no-repeat; }
| + | |
| − | | + | |
| − | /* Dividers */
| + | |
| − | | + | |
| − | .divide { height: 30px; margin-bottom: 23px; margin-top: 27px; }
| + | |
| − | .divide.notop { margin-top: -8px; }
| + | |
| − | .dividerline { position: absolute; z-index: 0; width: 940px; height: 0px; border-bottom: 1px solid #ddd; margin-top: 32px; }
| + | |
| − | .titledivider { position: absolute; z-index: 1; }
| + | |
| − | .divide h3 { font-size: 13px; font-weight: bold; width: 100%; text-transform: uppercase; }
| + | |
| − | .noheadline { height: 20px; }
| + | |
| − | .bottomadjust { padding-bottom: 40px; }
| + | |
| − | .divide .rightlink{ position: relative; float: right; padding-left: 10px; margin-top: 7px; z-index: 1; }
| + | |
| − |
| + | |
| − | /* Slider */
| + | |
| − | | + | |
| − | .homeslider { float: left; display: inline; width: 1040px; margin-left: -40px; border-bottom: 3px solid #34b489; }
| + | |
| − | .sliderspacefix { float: left; margin-bottom: 12px; }
| + | |
| − | .nosliderspacer { float: left; height: 20px; }
| + | |
| − | .slidertext h6, .slidertext h5, .slidertext h4, .slidertext h3, .slidertext h2, .slidertext h1 { margin-top: -7px; }
| + | |
| − | /*
| + | |
| − | * jQuery FlexSlider v1.8
| + | |
| − | * http://flex.madebymufffin.com
| + | |
| − | *
| + | |
| − | * Copyright 2011, Tyler Smith
| + | |
| − | * Free to use under the MIT license.
| + | |
| − | * http://www.opensource.org/licenses/mit-license.php
| + | |
| − | */
| + | |
| − |
| + | |
| − | /* Browser Resets */
| + | |
| − | .flex-container a:active,
| + | |
| − | .flexslider a:active {outline: none;}
| + | |
| − | .slides,
| + | |
| − | .flex-control-nav,
| + | |
| − | .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
| + | |
| − | /* FlexSlider Necessary Styles
| + | |
| − | *********************************/
| + | |
| − | .flexslider {width: 100%; margin: 0; padding: 0; }
| + | |
| − | .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
| + | |
| − | .flexslider .slides img {max-width: 100%; display: block; margin-bottom: -24px; }
| + | |
| − | .flexslider.postslider .slides img { margin: 0; padding: 0; }
| + | |
| − | .flexslider.postslider .slides img { margin-bottom: -23px; }
| + | |
| − | .flex-pauseplay span {text-transform: capitalize;}
| + | |
| − | /* Clearfix for the .slides element */
| + | |
| − | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
| + | |
| − | html[xmlns] .slides {display: block;}
| + | |
| − | * html .slides {height: 1%;}
| + | |
| − | /* No JavaScript Fallback */
| + | |
| − | /* If you are not using another script, such as Modernizr, make sure you
| + | |
| − | * include js that eliminates this class on page load */
| + | |
| − | .no-js .slides > li:first-child {display: block;}
| + | |
| − | /* FlexSlider Default Theme
| + | |
| − | *********************************/
| + | |
| − | .flexslider {background: transparent; border: 0; position: relative; zoom: 1; }
| + | |
| − | .flexslider .slides {zoom: 1;}
| + | |
| − | .flexslider .slides > li {position: relative;}
| + | |
| − | /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
| + | |
| − | .flex-container {zoom: 1; position: relative;}
| + | |
| − | /* Caption style */
| + | |
| − | /* IE rgba() hack */
| + | |
| − | .flex-caption {background: url(../images/tiles/captionbg.png) repeat 0 0; zoom: 1;}
| + | |
| − | .flex-caption {width: 100%; max-width: 90.4%; padding: 15px; padding-left: 50px; padding-right: 50px; position: absolute; left: 0px; bottom: 0px; color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.9);*/ font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; line-height: 20px; margin-bottom: -24px; }
| + | |
| − | .flex-caption a{ font-size: 14px; font-style: italic; text-decoration:underline; line-height: 20px; color: #fff;}
| + | |
| − | .flex-caption h5 { color: #fff; font-weight: bold; margin-bottom: 2px;}
| + | |
| − | /* Direction Nav */
| + | |
| − | ul.flex-direction-nav { position: absolute; top: 50%; margin-top: -40px; width: 100%; display: none; }
| + | |
| − | .flex-direction-nav li a {width: 80px; height: 80px; display: block; cursor: pointer; position: absolute; text-indent: -9999px;}
| + | |
| − | .flex-direction-nav li .next {left: 100%; top: 50%; margin-left: -80px; background: url('../images/tiles/arrow_right_large.png') no-repeat 0 0; }
| + | |
| − | .flex-direction-nav li .prev {left: 0; top: 50%; background: url('../images/tiles/arrow_left_large.png') no-repeat 0 0; }
| + | |
| − | .flexslider.postslider .flex-direction-nav li a {width: 40px; height: 80px; display: block; cursor: pointer; position: absolute; text-indent: -9999px;}
| + | |
| − | .flexslider.postslider .flex-direction-nav li .next {left: 100%; top: 50%; margin-left: -40px; background: url('../images/tiles/arrow_right_small.png') no-repeat 0 0; }
| + | |
| − | .flexslider.postslider .flex-direction-nav li .prev {left: 0; top: 50%; background: url('../images/tiles/arrow_left_small.png') no-repeat 0 0; }
| + | |
| − | .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
| + | |
| − | /*.flex-direction-nav li a.next:hover { background-color: #34b489; }
| + | |
| − | .flex-direction-nav li a.prev:hover { background-color: #34b489; }*/
| + | |
| − | /* Control Nav */
| + | |
| − | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
| + | |
| − | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
| + | |
| − | .flex-control-nav li:first-child {margin: 0;}
| + | |
| − | .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
| + | |
| − | .flex-control-nav li a:hover {background-position: 0 -13px;}
| + | |
| − | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
| + | |
| − | | + | |
| − | /* Teasers / Portfolio */
| + | |
| − | | + | |
| − | h3.info { margin-bottom: 5px; margin-top: -5px; }
| + | |
| − | .lightlabel { float: left; color: #ccc; width: 50px; }
| + | |
| − | .infofield { float: left; }
| + | |
| − | .teaser { margin-bottom: 20px; padding-bottom: 16px; background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
| + | |
| − | .portfolio .nopadding { margin-bottom: 0px; }
| + | |
| − | a.portfolio_selector { float: left; font-size: 11px; line-height: 20px; font-weight: normal; font-style: italic; color: #fff; background-color: #777; padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px; color: #fff; display: inline-block; border-bottom: 1px solid #444; text-shadow: 0px 1px 0px #444; }
| + | |
| − | .portfolio_filter ul { float: left; margin: 0; padding: 0; margin-bottom: 10px; }
| + | |
| − | .portfolio_filter ul li { margin: 0; padding: 0; float: left; list-style-type: none; display: inline-block; margin-right: 1px; margin-bottom: 1px; }
| + | |
| − | .portfolio_filter ul li:first-child a.portfolio_selector { -moz-border-radius:3px 0 0 3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
| + | |
| − | .portfolio_filter ul li:last-child a.portfolio_selector { -moz-border-radius:0 3px 3px 0; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; }
| + | |
| − | .teasers img, .teasers_large img { float: left; }
| + | |
| − | .teasers .topline, .teasers .subline { float: left; text-align: center; width:180px; padding-left: 20px; padding-right: 20px; }
| + | |
| − | .teasers .topline { padding-top: 19px; border-top: 3px solid #ddd; }
| + | |
| − | .teasers_large .topline, .teasers_large .subline { float: left; }
| + | |
| − | .teaser .flexslider { margin-bottom: 12px; }
| + | |
| − | .teaser .scalevid { margin-bottom: 1px; }
| + | |
| − | .teaser .mediaitem { margin-bottom: 1px; }
| + | |
| − | a .overlay { background: #34b489 url(../images/tiles/linegrid.png) repeat 0 0; }
| + | |
| − | a .overlaytext{ background: url(../images/tiles/cross.png) no-repeat; width: 51px; height: 51px; }
| + | |
| − | /*a .overlaytext{ color: #fff; background-color:#000; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 4px; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 21px; }*/
| + | |
| − |
| + | |
| − | /* Text Content */
| + | |
| − | | + | |
| − | .textblock { float: left; margin-bottom: -10px; margin-top: 36px; }
| + | |
| − | .textblock.right { float: right; }
| + | |
| − | .textblocksidebar { margin-bottom: -10px; margin-top: 36px; }
| + | |
| − | .textblocksidebar.right { float: right; }
| + | |
| − |
| + | |
| − | /* From Blog */
| + | |
| − | | + | |
| − | .fromblog { float: left; margin-bottom: 0px; }
| + | |
| − | .topline { float: left; font-size: 12px; font-weight: bold; color: #000; line-height: 12px; width: 180px; margin-top: -1px; }
| + | |
| − | .topline a { color: #000; }
| + | |
| − | .fromblog .topline { }
| + | |
| − | .subline { float: left; font-size: 11px; line-height: 16px; margin-top: 5px; color: #777; font-style: italic; width: 100%; }
| + | |
| − | .subline a { color: #777; background-color: transparent; padding-bottom: 2px; padding-top: 2px; padding-left: 4px; padding-right: 4px; }
| + | |
| − | .teasertext { float: left; margin-top: 10px; padding-left: 20px; padding-right: 20px; }
| + | |
| − | .readmore { float: left; text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 17px; }
| + | |
| − |
| + | |
| − | /* Media Item */
| + | |
| − | | + | |
| − | .mediaitem { float: left; width: 220px; }
| + | |
| − |
| + | |
| − | /* Clients */
| + | |
| − |
| + | |
| − | ul.clients { float: left; width: 100%; margin: 0; padding: 0; margin-top: 1px; }
| + | |
| − | ul.clients li { display: inline; }
| + | |
| − | ul.clients li img { width: 19.8%; float: left; border: 1px solid #ddd; margin-right:-1px; margin-top: -1px; }
| + | |
| − | .listovereffect { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
| + | |
| − |
| + | |
| − | /* Accordion */
| + | |
| − | | + | |
| − | ul.accordion { display: inline; float: left; width: 100%; margin: 0; padding: 0; margin-bottom: 30px; }
| + | |
| − | ul.accordion li.accordion-item { float: left; width: 100%; margin: 0; padding: 0; background: #eee; border: 1px solid #ddd; margin-top: -1px; }
| + | |
| − | ul.accordion li.accordion-item.selected { background: #fff; }
| + | |
| − | ul.accordion li.accordion-item.selected .toggleswitch { color: #333; font-weight: bold; }
| + | |
| − | ul.accordion li.accordion-item .toggleswitch { cursor: pointer; margin: 0; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 18px; }
| + | |
| − | ul.accordion li.accordion-item .togglegfx { float: left; height: 15px; width: 15px; background: url('../images/tiles/expand.png') no-repeat left top; padding-right: 15px; margin-bottom: 11px; margin-top: 1px; }
| + | |
| − | ul.accordion li.accordion-item.selected .toggleswitch .togglegfx { background-position: left bottom; }
| + | |
| − | ul.accordion li.accordion-item .togglecontent { margin: 0; padding-left: 20px; padding-right: 20px; }
| + | |
| − | | + | |
| − | | + | |
| − | /* Sidebar */
| + | |
| − | | + | |
| − | .sidebar .widget { float: left; margin-bottom: 60px; width: 100%; }
| + | |
| − | .sidebar { margin-bottom: -40px; }
| + | |
| − | .sidebar .widget h5 { width: 100%; color: #777; font-size: 13px; line-height: 13px; font-weight: bold; margin-bottom: 29px; text-transform: uppercase; }
| + | |
| − | .sidebar .widget ul li { margin-bottom: 2px; }
| + | |
| − | .sidebar .widget ul { margin-bottom: 0; }
| + | |
| − |
| + | |
| − | /* Footer */
| + | |
| − | | + | |
| − | .footerwrap { width: 1040px; left: 50%; margin-left: -520px; background: #222222; padding: 0; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0; }
| + | |
| − | .footerwrap.full { width: 100%; left: 0; background: #222222; margin: 0; padding: 0; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0; }
| + | |
| − | .subfooterwrap { width: 1040px; left: 50%; margin-left: -520px; background: #111; padding: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
| + | |
| − | .subfooterwrap.full { width: 100%; left: 0; background: #111; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
| + | |
| − | .footer { width: 960px; margin: 0 auto; color: #888; }
| + | |
| − | .subfooter { width: 960px; margin: 0 auto; color: #494949; font-size: 11px; line-height: 30px; }
| + | |
| − | .footer .subline { float: left; font-size: 11px; line-height: 11px; margin-top: 5px; color: #595959; }
| + | |
| − | .footer .widget { padding-top: 60px; padding-bottom: 60px; }
| + | |
| − | .footer .widget h5 { float: left; color: #fff; font-size: 13px; font-weight: bold; line-height: 13px; margin-bottom: 29px; border-top: 1px solid #444; padding-top: 7px; text-transform: uppercase; }
| + | |
| − | .footer strong { color: #ccc; }
| + | |
| − | .footer .widget ul li { margin-bottom: 2px; }
| + | |
| − | .footer a, .footer a:visited { color: #ccc; }
| + | |
| − | .subfooter a, .subfooter a:visited { color: #777; }
| + | |
| − | .sitenav { text-align: right; float: right; }
| + | |
| − | .footerclose { position: absolute; z-index: 1; width: 41px; height: 21px; left: 50%; margin-left: -20px; background: transparent url('../images/tiles/footerclose.png') no-repeat; cursor: pointer; }
| + | |
| − | .footeropen { position: absolute; z-index: 1; width: 41px; height: 21px; left: 50%; margin-left: -20px; background: transparent url('../images/tiles/footeropen.png') no-repeat; margin-top: -31px; cursor: pointer; display: none; }
| + | |
| − |
| + | |
| − | /* Widgets */
| + | |
| − | | + | |
| − | .widgetclass { float: left; width: 100%; }
| + | |
| − |
| + | |
| − | .widget_tweets ul { float: left; margin-bottom: 0px; width: 100%; }
| + | |
| − | .widget_tweets ul li { float: left; vertical-align:top; list-style: none; margin-top: 20px; }
| + | |
| − | .widget_tweets ul li:first-child { margin-top: 0px; }
| + | |
| − | .widget_tweets .quot { float: left; font-size: 25px; font-weight: bold; margin-right: 5px; color: #333; margin-top: 4px; margin-bottom: -4px; }
| + | |
| − | .sidebar .widget_tweets .quot { color: #ddd; }
| + | |
| − |
| + | |
| − | .footer .widget_blogposts img { float: left; border: 3px solid #3e3e3e; margin-right: 10px; }
| + | |
| − | .sidebar .widget_blogposts img { float: left; border: 3px solid #ddd; margin-right: 10px; }
| + | |
| − | .widget_blogposts .postlink { float: left; width: 160px; }
| + | |
| − | .widget_blogposts .subline { width: 160px; }
| + | |
| − | .widget_blogposts ul { float: left; list-style: none; }
| + | |
| − | .widget_blogposts ul li { float: left; margin-top: 13px; }
| + | |
| − | .widget_blogposts ul li:first-child { margin-top: 0px; }
| + | |
| − | .footer .widget_blogposts ul{ margin-bottom: -2px; }
| + | |
| − | | + | |
| − | .sidebar .widget_portfolio ul { margin-bottom: -8px; }
| + | |
| − | .footer .widget_portfolio img { float: left; border: 3px solid #3e3e3e; width: 54px; height: 54px; }
| + | |
| − | .sidebar .widget_portfolio img { float: left; border: 3px solid #ddd; width: 54px; height: 54px; }
| + | |
| − | .widget_portfolio ul { float: left; list-style: none; }
| + | |
| − | .widget_portfolio ul li { float: left; padding-bottom: 8px; padding-right: 10px; }
| + | |
| − | .widget_portfolio ul li.last { padding-right: 0; }
| + | |
| − | .footer .widget_portfolio ul { margin-bottom: -10px; }
| + | |
| − |
| + | |
| − | #search .searchform input { margin-bottom: 0;}
| + | |
| − |
| + | |
| − | .widget_comments span { font-size: 13px; color: #555; }
| + | |
| − | .widget_comments ul li { float: left; padding-bottom: 10px; width: 100%; }
| + | |
| − | .widget_comments ul li:last-child { padding-bottom: 0px; }
| + | |
| − |
| + | |
| − | ul#recentcomments li { float: left; padding-bottom: 10px; width: 100%; }
| + | |
| − | ul#recentcomments li:last-child { padding-bottom: 0px; }
| + | |
| − | ul#recentcomments li:before { font-size:13px; line-height:12px; color: #555; content: "\2192 \0020"; }
| + | |
| − |
| + | |
| − | .widget_categories { float: left; margin-top: -8px; }
| + | |
| − | .widget_categories ul li { float: left; padding-bottom: 5px; padding-top: 4px; width: 100%; border-bottom: 1px solid #ddd; }
| + | |
| − | .widget_categories ul li:last-child { padding-bottom: 0px; border-bottom: 0; }
| + | |
| − | .widget_categories ul li a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; }
| + | |
| − | .footer .widget_categories ul li a { color: #ccc; font-style: normal; }
| + | |
| − | .footer .widget_categories ul li { border-bottom: 1px solid #292929; }
| + | |
| − | .footer .widget_categories ul li:last-child { padding-bottom: 0px; border-bottom: 0; }
| + | |
| − |
| + | |
| − | .widget_archives { float: left; margin-top: -8px; width: 100%; }
| + | |
| − | .widget_archives ul li { float: left; padding-bottom: 5px; padding-top: 4px; width: 100%; border-bottom: 1px solid #ddd; }
| + | |
| − | .widget_archives ul li:last-child { padding-bottom: 0px; border-bottom: 0; }
| + | |
| − | .widget_archives ul li a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; }
| + | |
| − | .footer .widget_archives ul li a { color: #ccc; font-style: normal; }
| + | |
| − | .footer .widget_archives ul li { border-bottom: 1px solid #292929; }
| + | |
| − | .footer .widget_archives ul li:last-child { padding-bottom: 0px; border-bottom: 0; }
| + | |
| − |
| + | |
| − | .widget_quickcontact { float: left; width: 100%; }
| + | |
| − |
| + | |
| − | .widget_text { float: left; width: 100%; }
| + | |
| − | | + | |
| − | /* Mainmenu */
| + | |
| − |
| + | |
| − | .ddsmoothmenu{ position: relative; float: right; margin: 0; z-index: 99; }
| + | |
| − | .ddsmoothmenu ul{ z-index: 100; margin: 0; padding: 0; list-style-type: none; }
| + | |
| − | .ddsmoothmenu ul ul{ padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
| + | |
| − | /*Top level list items*/
| + | |
| − | .ddsmoothmenu ul li{ position: relative; display: inline; float: left; line-height: 12px; background: transparent; }
| + | |
| − | .ddsmoothmenu ul li ul li{ padding: 0; margin: 0; }
| + | |
| − | .ddsmoothmenu ul ul ul{ border-bottom: 0; }
| + | |
| − | /*Top level menu link items style*/
| + | |
| − | .ddsmoothmenu ul li a{ display: block; text-decoration: none; padding-left: 28px; padding-right: 28px; padding-top: 28px; padding-bottom: 49px; }
| + | |
| − | * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
| + | |
| − | .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ background: #111; color: #fff; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 13px; }
| + | |
| − | .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li.current-menu-item a, .ddsmoothmenu ul li.current-menu-ancestor a { background: #353535; -webkit-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); border-bottom: 3px solid #34b489; }
| + | |
| − | .ddsmoothmenu ul li a.selected { background: #353535; -webkit-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); border-bottom: 3px solid #34b489; }
| + | |
| − | .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{ background: #222; color: #fff; padding-left: 30px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #111; }
| + | |
| − | .ddsmoothmenu ul li ul li a:hover{ }
| + | |
| − | .ddsmoothmenu ul li span { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; font-weight: normal; font-style: italic; color: #999; margin-top: 9px; }
| + | |
| − | /*1st sub level menu*/
| + | |
| − | .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
| + | |
| − | .ddsmoothmenu ul li.current-menu-item ul, .ddsmoothmenu ul li.current-menu-ancestor ul { margin-top: -3px; }
| + | |
| − | /*Sub level menu list items (undo style from Top level List Items)*/
| + | |
| − | .ddsmoothmenu ul li ul li{ display: list-item; float: none; padding-bottom: 0px; }
| + | |
| − | /*All subsequent sub menu levels vertical offset after 1st level sub menu */
| + | |
| − | .ddsmoothmenu ul li ul li ul { padding: 0; margin-left: 0px; margin-top: 1px; }
| + | |
| − | .ddsmoothmenu ul li.current-menu-item ul li ul, .ddsmoothmenu ul li.current-menu-ancestor ul li ul { margin-top: 0px; }
| + | |
| − | /* Sub level menu links style */
| + | |
| − | .ddsmoothmenu ul li ul li a{ width: 170px; /*width of sub menus*/ padding: 12px; padding-bottom: 13px; margin: 0; border-top-width: 0; margin-right: 0px; height: auto; border-bottom: 1px solid #111; border-top: 1px solid #333; }
| + | |
| − | .ddsmoothmenu > ul > li > ul > li:last-child a { border-bottom: 0; }
| + | |
| − | .ddsmoothmenu > ul > li > ul > li > ul li a { border-bottom: 1px solid #111 !important; }
| + | |
| − | .ddsmoothmenu > ul > li > ul > li > ul > li:last-child a { border-bottom: 0 !important; }
| + | |
| − | .ddsmoothmenu ul li ul li:first-child a { border-top: 0; }
| + | |
| − | .ddsmoothmenu li li ul,
| + | |
| − | .ddsmoothmenu li li li ul { margin: 0 0 0 0; }
| + | |
| − | /* Holly Hack for IE \*/
| + | |
| − | * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
| + | |
| − | /* CSS classes applied to down and right arrow images */
| + | |
| − | .downarrowclass{ visibility: hidden; }
| + | |
| − | .rightarrowclass{ visibility: hidden;}
| + | |
| − | | + | |
| − | /* Blog */
| + | |
| − | | + | |
| − | .blogpost { float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
| + | |
| − | .textblock .blogpost:last-child { border-bottom: 0; }
| + | |
| − | .blogsingle .blogpost { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0; }
| + | |
| − | .blogpost.noborderbottom { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
| + | |
| − | .postholder { float: left; width: 550px; }
| + | |
| − | .fullblog .postholder { float: left; width: 850px; }
| + | |
| − | .nodate .postholder { float: left; width: 640px; }
| + | |
| − | .nodate.fullblog .postholder { float: left; width: 940px; }
| + | |
| − | .blogimage { float: left; margin-bottom: 14px; width: 100%; }
| + | |
| − | .sideview .blogimage { float: left; margin-bottom: -6px; width: 100%; }
| + | |
| − | .blogimage .flexslider { margin-bottom: 18px; }
| + | |
| − | .blogimage .scalevid { margin-bottom: 6px;}
| + | |
| − | .blogimage .mediaitem { float: left; width: 550px; margin-bottom: 6px; }
| + | |
| − | .fullblog .blogimage .mediaitem { width: 850px; }
| + | |
| − | .nodate .blogimage .mediaitem { float: left; width: 640px; margin-bottom: 6px; }
| + | |
| − | .nodate.fullblog .blogimage .mediaitem { width: 940px; }
| + | |
| − | .sideview.fullblog .blogimage { float: left; width: 405px; }
| + | |
| − | .sideview.fullblog .postbody { float: right; width: 405px; }
| + | |
| − | .sideview.fullblog.nodate .blogimage { float: left; width: 450px; }
| + | |
| − | .sideview.fullblog.nodate .postbody { float: right; width: 450px; }
| + | |
| − | .sideview.fullblog .mediaitem { float: left; width: 405px; height: 100px; }
| + | |
| − | .sideview.fullblog.nodate .mediaitem { float: left; width: 450px; height: 100px; }
| + | |
| − | .moreprojects { float: left; width: 100%; padding-top: 20px; border-top: 1px solid #ddd; }
| + | |
| − | .postbody { float: left; border-left: 0; padding-left: 0px; }
| + | |
| − | .blogdate { float: left; width: 60px; margin-right: 30px; background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
| + | |
| − | .blogdate .month { font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 4px; font-weight: bold; color: #fff; background: #34b489; width: 100%; float: left; text-align: center; }
| + | |
| − | .blogdate .day { font-weight: bold; font-size: 30px; line-height: 30px; padding-top: 1px; padding-bottom: 0px; width: 100%; float: left; text-align: center; }
| + | |
| − | .blogdate .year { font-size: 12px; line-height: 12px; padding-bottom: 4px; width: 100%; float: left; text-align: center; }
| + | |
| − | .blogdate span { float: left; font-size: 12px; line-height: 12px; font-weight: bold; color: #777; margin-top: -3px; padding-bottom: 8px; }
| + | |
| − | .blogtitle { float: left; width: 100%; }
| + | |
| − | .blogtitle h4 { margin-top: -3px; color: #000; font-size: 19px; line-height: 19px; font-weight: bold; margin-bottom: 18px; text-transform: none; }
| + | |
| − | .blogtitle h4 a { color: #000; }
| + | |
| − | .postinfo { float: left; font-size: 11px; line-height: 20px; font-style: italic; margin-bottom: 14px; margin-top: -11px; color: #999; width: 100%; }
| + | |
| − | .postinfo a { color: #999; }
| + | |
| − | .dateinfo { display: none; }
| + | |
| − | .sideview.fullblog .blogtitle { float: right; width: 405px; }
| + | |
| − | .sideview.fullblog .postinfo { float: right; width: 405px; }
| + | |
| − | .sideview.fullblog.nodate .blogtitle { float: right; width: 450px; }
| + | |
| − | .sideview.fullblog.nodate .postinfo { float: right; width: 450px; }
| + | |
| − | .postcontent { float: left; width: 100%; }
| + | |
| − | .postnav { float: left; width: 100%; border-top: 1px solid #ddd; padding-top: 28px; margin-top: -7px; margin-bottom: 30px; }
| + | |
| − | | + | |
| − | /* Comments */
| + | |
| − | | + | |
| − | #comments { width: 100%; float: left; margin-bottom: 35px; margin-top: 2px; }
| + | |
| − | #comments ol, #comments ul { position: relative; list-style: none; margin:0; padding:0; zoom: 1.0; }
| + | |
| − | #comments .commentwrap { float: left; width: 100%; background: #fff; margin-bottom: 20px; margin-left: 0; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); padding: 30px; padding-left: 0; padding-bottom: 10px; border-top: 3px solid #ddd; }
| + | |
| − | #comments .commentwrap .posterpic{ float: left; width: 40px; height: 40px; border: 5px solid #ddd; margin-right: 10px; margin-left: 30px; }
| + | |
| − | #comments .commentwrap .author { font-family: 'Open Sans', sans-serif; color: #000; margin-left: 30px; font-size: 13px; font-weight: normal; font-style: normal; line-height: 13px; text-transform: capitalize; margin-top: -1px; }
| + | |
| − | #comments .commentwrap .author a { color: #000; }
| + | |
| − | .timestamp { margin-left: 30px; font-size: 11px; line-height: 16px; margin-top: 5px; color: #777; font-style: italic; border-bottom: 1px solid #eee; padding-bottom: 6px; }
| + | |
| − | #comments .commentwrap .postertext{ font-size: 12px; display: inline-block; margin-left: 30px; margin-top: 12px; }
| + | |
| − | #comments .replylink { position: absolute; right: 30px; margin-top: 15px; }
| + | |
| − | #comments .replylink a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; }
| + | |
| − | #comments .depth-1 { padding-left: 0px; }
| + | |
| − | #comments .depth-2 { padding-left: 20px; }
| + | |
| − | #comments .depth-3 { padding-left: 40px; }
| + | |
| − | #comments .depth-4 { padding-left: 60px; }
| + | |
| − | #comments .depth-5 { padding-left: 80px; }
| + | |
| − | #comments .depth-1 .commentwrap { width: 608px; }
| + | |
| − | #comments .depth-2 .commentwrap { width: 588px; }
| + | |
| − | #comments .depth-3 .commentwrap { width: 568px; }
| + | |
| − | #comments .depth-4 .commentwrap { width: 548px; }
| + | |
| − | #comments .depth-5 .commentwrap { width: 528px; }
| + | |
| − | .fullblog #comments .depth-1 .commentwrap { width: 910px; }
| + | |
| − | .fullblog #comments .depth-2 .commentwrap { width: 890px; }
| + | |
| − | .fullblog #comments .depth-3 .commentwrap { width: 870px; }
| + | |
| − | .fullblog #comments .depth-4 .commentwrap { width: 850px; }
| + | |
| − | .fullblog #comments .depth-5 .commentwrap { width: 830px; }
| + | |
| − | | + | |
| − | /* Comments Reply */
| + | |
| − |
| + | |
| − | #respond { float: left; margin-top: 2px; margin-bottom: 28px; }
| + | |
| − | #respond textarea { width: 618px; max-width: 618px; float: left; }
| + | |
| − | #respond input { float: left; width: 184px; margin-right: 10px; }
| + | |
| − | #respond input.last { margin-right: 0px; width: 186px; }
| + | |
| − | .fullblog #respond textarea { width: 920px; max-width: 920px; float: left; }
| + | |
| − | .fullblog #respond input { float: left; width: 285px; margin-right: 10px; }
| + | |
| − | .fullblog #respond input.last { margin-right: 0px; width: 286px; }
| + | |
| − |
| + | |
| − | /* Pagination */
| + | |
| − |
| + | |
| − | .blogpages { float:left; }
| + | |
| − | .blogpages ul{ float: left; }
| + | |
| − | .blogpages li { display: inline; float: left; padding-right: 5px; }
| + | |
| − | .blogpages li a{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #777; border: 0; padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px; color: #fff; display: inline-block; font-size: 11px; font-weight: normal; text-decoration: none; font-style: italic; cursor: pointer; line-height: 21px; font-family: Helvetica, Arial, sans-serif; }
| + | |
| − | .blogpages li .selected{ color: #fff; background: #34b489; cursor: default; }
| + | |
| − |
| + | |
| − | /* Contact */
| + | |
| − | | + | |
| − | .mapsholder { float: left; display: inline; width: 1040px; margin-left: -40px; border-bottom: 3px solid #ddd; margin-bottom: 20px; }
| + | |
| − | #googlemap { width: 100%; height: 300px; float: left; }
| + | |
| − | #contactform input { float: left; width: 203px; margin-right: 10px; }
| + | |
| − | #contactform input.last { margin-right: 0px; }
| + | |
| − | #contactform textarea { float: left; width: 438px; max-width: 438px; height: 200px; }
| + | |
| − | .errormessage, .sendingmessage, .successmessage { float: left; color: #777; font-size: 12px; line-height: 30px; text-decoration: none; display: none; width: 100%; }
| + | |
| − | .errormessage { color: #34b489; }
| + | |
| − | input[type="text"].formerror, textarea.formerror { border: 1px solid #34b489; }
| + | |
| − |
| + | |
| − | /* Content Shortcodes */
| + | |
| − |
| + | |
| − | .contentdivider { float: left; width: 100%; height: 0; border-bottom: 1px solid #ddd; margin-bottom: 30px; margin-top: 10px; }
| + | |
| − | .one_half { width: 48%; }
| + | |
| − | .one_third { width: 30.66%; }
| + | |
| − | .two_third { width: 65.33%; }
| + | |
| − | .one_fourth { width: 22%; }
| + | |
| − | .one_fifth { width: 16.8%; }
| + | |
| − | .one_sixth { width: 13.33%; }
| + | |
| − | .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { margin-right: 4%; margin-bottom: 10px; float: left; }
| + | |
| − | .lastcolumn { margin-right: 0!important; clear: right; }
| + | |
| − |
| + | |
| − | /* #Pricing
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | .pricing { float: left; width: 100%; margin-top: 0px; margin-bottom: 20px; }
| + | |
| − | .pricing ul { float: left; text-align: center; border: 1px solid #ddd; margin: 0; margin-right: -2px; }
| + | |
| − | .pricing .pricecol ul li { margin: 0; }
| + | |
| − | .pricing .thead { font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px; font-weight: normal; background: #333; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; }
| + | |
| − | .pricing .price { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 25px; font-weight: bold; background: #555; color: #fff; padding: 20px; padding-top: 15px; padding-bottom: 15px; }
| + | |
| − | .pricing .price span { font: 12px Helvetica, Arial, sans-serif; font-size: 11px; line-height: 12px; color: #aaa; }
| + | |
| − | .pricing .item { background: #eee; color: #555; padding: 20px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
| + | |
| − | .pricing .buy { background: #e5e5e5; color: #555; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #ddd; margin-top: -1px; }
| + | |
| − |
| + | |
| − | .pricing .light .thead { background: #999; color: #fff; }
| + | |
| − | .pricing .light .price { background: #ddd; color: #555; }
| + | |
| − | .pricing .light .price span { color: #777; }
| + | |
| − |
| + | |
| − | .pricecol.highlight ul { margin-top: -10px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); }
| + | |
| − | .pricing .highlight .thead { background: #34b489; color: #fff; padding-top: 20px; }
| + | |
| − | .pricing .highlight .price { background: #f5f5f5; color: #34b489; }
| + | |
| − | .pricing .highlight .price span { color: #888; }
| + | |
| − | .pricing .highlight .item { background: #fff; padding-top: 15px; padding-bottom: 15px; }
| + | |
| − | .pricing .highlight .buy { background: #f5f5f5; color: #555; padding-top: 15px; padding-bottom: 25px; border-top: 1px solid #eee; }
| + | |
| − |
| + | |
| − | .pricing.fivecols .pricecol ul { float: left; width: 20%; }
| + | |
| − | .pricing.fourcols .pricecol ul { float: left; width: 25%; }
| + | |
| − | .pricing.threecols .pricecol ul { float: left; width: 33.3%; }
| + | |
| − | .pricing span.no { background: url('../images/tiles/remove.png') no-repeat; padding-left: 30px; padding-right: 30px; }
| + | |
| − | .pricing span.yes { background: url('../images/tiles/check.png') no-repeat; padding-left: 30px; padding-right: 30px; }
| + | |
| − | | + | |
| − | /* #Page Styles
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | .content { padding-top: 20px; }
| + | |
| − | .content.right { float: right; }
| + | |
| − | | + | |
| − | /* #Media Queries
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* Smaller than standard 960 (devices and browsers) */
| + | |
| − | @media only screen and (max-width: 959px) {
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Tablet Portrait size to standard 960 (devices and browsers) */
| + | |
| − | @media only screen and (min-width: 768px) and (max-width: 959px) {
| + | |
| − | .dividerline { width: 748px; }
| + | |
| − | .dividerlinehalf { width: 364px; }
| + | |
| − | .footer, .subfooter { width: 768px; }
| + | |
| − | .widget_blogposts .postlink { width: 110px; }
| + | |
| − | .widget_blogposts .subline { width: 110px; }
| + | |
| − | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 150px;}
| + | |
| − | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 848px; margin-left: -424px;}
| + | |
| − | .pluswrap.half { width: 342px; }
| + | |
| − | .ddsmoothmenu ul li a { padding-left: 20px; padding-right: 20px; }
| + | |
| − | #respond input { width: 140px; max-width: 140px; }
| + | |
| − | #respond input.last { width: 142px; max-width: 142px; }
| + | |
| − | #respond textarea { width: 486px; max-width: 486px; }
| + | |
| − | #contactform input { width: 155px; }
| + | |
| − | #contactform textarea { width: 342px; max-width: 342px; }
| + | |
| − | #comments .depth-1 .commentwrap { width: 476px; }
| + | |
| − | #comments .depth-2 .commentwrap { width: 456px; }
| + | |
| − | #comments .depth-3 .commentwrap { width: 436px; }
| + | |
| − | #comments .depth-4 .commentwrap { width: 416px; }
| + | |
| − | #comments .depth-5 .commentwrap { width: 396px; }
| + | |
| − | .fullblog #comments .depth-1 .commentwrap { width: 718px; }
| + | |
| − | .fullblog #comments .depth-2 .commentwrap { width: 698px; }
| + | |
| − | .fullblog #comments .depth-3 .commentwrap { width: 678px; }
| + | |
| − | .fullblog #comments .depth-4 .commentwrap { width: 658px; }
| + | |
| − | .fullblog #comments .depth-5 .commentwrap { width: 638px; }
| + | |
| − | .fullblog #respond textarea { width: 726px; max-width: 726px; }
| + | |
| − | .fullblog #respond input { width: 220px; max-width: 220px; }
| + | |
| − | .fullblog #respond input.last { width: 222px; max-width: 222px; }
| + | |
| − | .pagetitle { width: 848px; }
| + | |
| − | .pagetitleholder { width: 448px; }
| + | |
| − | .homeslider, .mapsholder { width: 848px; }
| + | |
| − | .flex-caption { max-width: 88.3%; }
| + | |
| − | .teasers .topline, .teasers .subline { width:132px; }
| + | |
| − | .mediaitem { width: 172px;}
| + | |
| − | .postholder, .blogimage .mediaitem { width: 418px; }
| + | |
| − | .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 658px; }
| + | |
| − | .nodate .postholder, .nodate .blogimage .mediaitem { width: 508px; }
| + | |
| − | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 748px; }
| + | |
| − | .sideview.nodate.fullblog .blogimage { width: 354px; }
| + | |
| − | .sideview.nodate.fullblog .postbody { width: 354px; }
| + | |
| − | .sideview.fullblog .blogimage { width: 309px; }
| + | |
| − | .sideview.fullblog .postbody { width: 309px; }
| + | |
| − | .sideview.fullblog .blogimage .mediaitem { width: 309px; }
| + | |
| − | .sideview.fullblog.nodate .blogimage .mediaitem { width: 354px; }
| + | |
| − | .sideview.fullblog .blogtitle { float: right; width: 309px; }
| + | |
| − | .sideview.fullblog .postinfo { float: right; width: 309px; }
| + | |
| − | .sideview.fullblog.nodate .blogtitle { float: right; width: 354px; }
| + | |
| − | .sideview.fullblog.nodate .postinfo { float: right; width: 354px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* All Mobile Sizes (devices and browser) */
| + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | .mainmenu { float: left; width: 100%; }
| + | |
| − | .slidertext h6, .slidertext h5, .slidertext h4, .slidertext h3, .slidertext h2, .slidertext h1 { margin-top: 20px; }
| + | |
| − | .slidertext { margin-bottom: 20px; margin-top: 10px; height: auto; }
| + | |
| − | .flex-caption { display: none; }
| + | |
| − | .teaser { margin-bottom: 20px; text-align: left; }
| + | |
| − | .teaser img{ width: 420px; }
| + | |
| − | .portfolio_filter { margin-bottom: 20px; text-align: center; }
| + | |
| − | .portfolio .teaser { margin-bottom: 20px; }
| + | |
| − | .footer .widget { margin-bottom: 52px; }
| + | |
| − | .widget_blogposts .postlink, .widget_blogposts .subline { width: 360px; }
| + | |
| − | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 398px;}
| + | |
| − | .footer .widget { padding-top: 0px; padding-bottom: 0px; }
| + | |
| − | .footer .sixteen:first-child { padding-top: 60px; }
| + | |
| − | .subfooter { text-align: center; }
| + | |
| − | .subfooter .socialtext { width: 420px; text-align: center; margin-right: 0; }
| + | |
| − | .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { width: 100%; }
| + | |
| − | .blogdate { display: none; }
| + | |
| − | .dateinfo { display: inline; }
| + | |
| − | .blogpost { padding-bottom: 18px; margin-bottom: 20px; }
| + | |
| − | #respond input, .fullblog #respond input { width: 398px; max-width: 398px; margin-right: 0; }
| + | |
| − | #respond input.last, .fullblog #respond input.last { width: 398px; max-width: 398px; margin-right: 0; }
| + | |
| − | #respond textarea, .fullblog #respond textarea { width: 398px; max-width: 398px; }
| + | |
| − | #contactform input { width: 398px; max-width: 398px; margin-right: 0; }
| + | |
| − | #contactform textarea { width: 398px; max-width: 398px; }
| + | |
| − | .sidebar { margin-top: 10px; padding-top: 38px; border-top: 1px solid #ddd; }
| + | |
| − | .postnav { padding-bottom: 18px; }
| + | |
| − | .newsteaser { margin-bottom: 20px; }
| + | |
| − | .newsteaser .topline, .newsteaser .subline, .newsexcerpt { width: 325px; }
| + | |
| − | .divide .rightlink { display: none; }
| + | |
| − | #comments .depth-1 .commentwrap, .fullblog #comments .depth-1 .commentwrap { width: 388px; }
| + | |
| − | #comments .depth-2 .commentwrap, .fullblog #comments .depth-2 .commentwrap { width: 368px; }
| + | |
| − | #comments .depth-3 .commentwrap, .fullblog #comments .depth-3 .commentwrap { width: 348px; }
| + | |
| − | #comments .depth-4 .commentwrap, .fullblog #comments .depth-4 .commentwrap { width: 328px; }
| + | |
| − | #comments .depth-5 .commentwrap, .fullblog #comments .depth-5 .commentwrap { width: 308px; }
| + | |
| − | h3.info { margin-bottom: 5px; margin-top: 20px; }
| + | |
| − | .postnav { margin-bottom: 12px; }
| + | |
| − | #optionswrap { display: none; }
| + | |
| − | ul.clients li img { width: 33%; }
| + | |
| − | .toptextline, .titledivider, .readmore, .sidebar .widget h5 { text-align: center; }
| + | |
| − | .footer .widget h5 { width: 100%; text-align: center; }
| + | |
| − | .bottomadjust { padding-bottom: 60px; }
| + | |
| − | .sitenav { text-align: center; }
| + | |
| − | .whitebackground, .teaser { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
| + | |
| − | .nosliderspacer { height: 0px; }
| + | |
| − | .postbody { float: left; border-left: 0; padding-left: 0; }
| + | |
| − | .sideview.fullblog .mediaitem { height: auto; }
| + | |
| − | .sideview.fullblog.nodate .mediaitem { height: auto; }
| + | |
| − | .mapsholder { margin-bottom: 0; }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
| + | |
| − | @media only screen and (min-width: 480px) and (max-width: 767px) {
| + | |
| − | .logo { width: 420px; background-position: center; }
| + | |
| − | .dividerline, .dividerlinehalf { width: 420px; }
| + | |
| − | .pagetitle { width: 480px; margin-left: -30px; padding-top: 10px; padding-bottom: 19px; }
| + | |
| − | .pagetitle h1 { width: 420px; text-align: center; margin-left: 0px; }
| + | |
| − | .pagetitleholder { width: 420px; padding-left: 20px; padding-right: 20px; }
| + | |
| − | .socialholder { width: 100%; text-align: center; padding: 0; }
| + | |
| − | .socialicons { float: none; margin: 0 auto; width: 274px; }
| + | |
| − | .homeslider, .mapsholder { width: 480px; margin-left: -30px; }
| + | |
| − | .teasers .topline, .teasers .subline { width: 380px; }
| + | |
| − | .mediaitem, .blogimage .mediaitem { width: 420px;}
| + | |
| − | .portfolio4column .teaser .scalevid { width: 420px; }
| + | |
| − | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 480px; margin-left: -240px;}
| + | |
| − | .footer, .subfooter { width: 420px; }
| + | |
| − | .pricing.fivecols .pricecol ul { width: 50%; }
| + | |
| − | .pricing.fourcols .pricecol ul { width: 50%; }
| + | |
| − | .pricing.threecols .pricecol ul { width: 50%; }
| + | |
| − | .postholder, .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 420px; }
| + | |
| − | .nodate .postholder, .nodate .blogimage .mediaitem { width: 420px; }
| + | |
| − | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 420px; }
| + | |
| − | .sideview.nodate.fullblog .blogimage { width: 420px; }
| + | |
| − | .sideview.nodate.fullblog .postbody { width: 420px; }
| + | |
| − | .sideview.fullblog .blogimage { width: 420px; }
| + | |
| − | .sideview.fullblog .postbody { width: 420px; }
| + | |
| − | .sideview.fullblog .blogimage .mediaitem { width: 420px; }
| + | |
| − | .sideview.fullblog.nodate .blogimage .mediaitem { width: 420px; }
| + | |
| − | .sideview .blogimage { margin-bottom: 14px; }
| + | |
| − | .sideview.fullblog .blogtitle { float: right; width: 420px; }
| + | |
| − | .sideview.fullblog .postinfo { float: right; width: 420px; }
| + | |
| − | .sideview.fullblog.nodate .blogtitle { float: right; width: 420px; }
| + | |
| − | .sideview.fullblog.nodate .postinfo { float: right; width: 420px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
| + | |
| − | @media only screen and (max-width: 479px) {
| + | |
| − | .logo { width: 300px; background-position: center; }
| + | |
| − | .dividerline, .dividerlinehalf { width: 300px; }
| + | |
| − | .teasers img, .teasers_large img { width: 300px; }
| + | |
| − | .widget_blogposts .postlink { width: 240px; }
| + | |
| − | .widget_blogposts .subline { width: 240px; }
| + | |
| − | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 278px;}
| + | |
| − | .subfooter { text-align: center; }
| + | |
| − | .subfooter .socialtext { width: 320px; text-align: center; margin-right: 0; }
| + | |
| − | #respond textarea, .fullblog #respond textarea { width: 278px; max-width: 278px; }
| + | |
| − | #respond input, .fullblog #respond input { width: 278px; max-width: 278px; margin-right: 0; }
| + | |
| − | #respond input.last, .fullblog #respond input.last { width: 278px; max-width: 278px; margin-right: 0; }
| + | |
| − | #contactform input { width: 278px; max-width: 278px; margin-right: 0; }
| + | |
| − | #contactform textarea { width: 278px; max-width: 278px; }
| + | |
| − | .newsteaser { margin-bottom: 20px; }
| + | |
| − | .newsteaser .topline, .newsteaser .subline, .newsexcerpt { width: 205px; }
| + | |
| − | #comments .depth-1 .commentwrap, .fullblog #comments .depth-1 .commentwrap { width: 268px; }
| + | |
| − | #comments .depth-2 .commentwrap, .fullblog #comments .depth-2 .commentwrap { width: 248px; }
| + | |
| − | #comments .depth-3 .commentwrap, .fullblog #comments .depth-3 .commentwrap { width: 228px; }
| + | |
| − | #comments .depth-4 .commentwrap, .fullblog #comments .depth-4 .commentwrap { width: 208px; }
| + | |
| − | #comments .depth-5 .commentwrap, .fullblog #comments .depth-5 .commentwrap { width: 188px; }
| + | |
| − | ul.clients li img { width: 49.6%; }
| + | |
| − | .mediaitem, .blogimage .mediaitem { width: 300px; }
| + | |
| − | .pagetitle { width: 360px; margin-left: -30px; padding-top: 10px; padding-bottom: 19px; }
| + | |
| − | .pagetitle h1 { width: 300px; text-align: center; margin-left: 0px; }
| + | |
| − | .pagetitleholder { width: 300px; padding-left: 20px; padding-right: 20px; }
| + | |
| − | .socialholder { width: 100%; text-align: center; padding: 0; }
| + | |
| − | .socialicons { float: none; margin: 0 auto; width: 274px; }
| + | |
| − | .homeslider, .mapsholder { width: 360px; margin-left: -30px; }
| + | |
| − | .teasers .topline, .teasers .subline { width: 260px; }
| + | |
| − | .portfolio4column .teaser .scalevid { width: 300px; }
| + | |
| − | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 360px; margin-left: -180px;}
| + | |
| − | .footer, .subfooter { width: 300px; }
| + | |
| − | .pricing.fivecols .pricecol ul { width: 100%; }
| + | |
| − | .pricing.fourcols .pricecol ul { width: 100%; }
| + | |
| − | .pricing.threecols .pricecol ul { width: 100%; }
| + | |
| − | .pricecol.highlight ul { margin-top: 0; }
| + | |
| − | .pricing .highlight .thead { padding-top: 10px; }
| + | |
| − | .pricing .highlight .buy { padding-top: 15px; padding-bottom: 15px; }
| + | |
| − | .pricing ul { margin-bottom: 20px; }
| + | |
| − | .postholder, .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 300px; }
| + | |
| − | .nodate .postholder, .nodate .blogimage .mediaitem { width: 300px; }
| + | |
| − | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 300px; }
| + | |
| − | .sideview.nodate.fullblog .blogimage { width: 300px; }
| + | |
| − | .sideview.nodate.fullblog .postbody { width: 300px; }
| + | |
| − | .sideview.fullblog .blogimage { width: 300px; }
| + | |
| − | .sideview.fullblog .postbody { width: 300px; }
| + | |
| − | .sideview.fullblog .blogimage .mediaitem { width: 300px; }
| + | |
| − | .sideview.fullblog.nodate .blogimage .mediaitem { width: 300px; }
| + | |
| − | .sideview .blogimage { margin-bottom: 14px; }
| + | |
| − | .sideview.fullblog .blogtitle { float: right; width: 300px; }
| + | |
| − | .sideview.fullblog .postinfo { float: right; width: 300px; }
| + | |
| − | .sideview.fullblog.nodate .blogtitle { float: right; width: 300px; }
| + | |
| − | .sideview.fullblog.nodate .postinfo { float: right; width: 300px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* Responsive Menu
| + | |
| − | ================================================== */
| + | |
| − |
| + | |
| − | #mainmenu { visibility: visible; }
| + | |
| − | #responsive-menu{ display: none; float: left; }
| + | |
| − | | + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | #mainmenu { visibility: hidden; height: 0;}
| + | |
| − | #responsive-menu { display: inline-block; width: 100%; margin-top: 25px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* ------------------------------------------------------------------------
| + | |
| − | Class: prettyPhoto
| + | |
| − | Use: Lightbox clone for jQuery
| + | |
| − | Author: Stephane Caron (http://www.no-margin-for-errors.com)
| + | |
| − | Version: 3.1.3
| + | |
| − | ------------------------------------------------------------------------- */
| + | |
| − |
| + | |
| − | div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
| + | |
| − | div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
| + | |
| − | div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
| + | |
| − | div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
| + | |
| − | div.pp_default .pp_content .ppt{color:#f8f8f8}
| + | |
| − | div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
| + | |
| − | div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
| + | |
| − | div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
| + | |
| − | div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
| + | |
| − | div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
| + | |
| − | div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
| + | |
| − | div.pp_default .pp_social{margin-top:7px}
| + | |
| − | div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
| + | |
| − | div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
| + | |
| − | div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
| + | |
| − | div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
| + | |
| − | div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
| + | |
| − | div.pp_default .pp_content_container .pp_details{margin-top:5px}
| + | |
| − | div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
| + | |
| − | div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
| + | |
| − | div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
| + | |
| − | div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
| + | |
| − | div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
| + | |
| − | div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
| + | |
| − | div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
| + | |
| − | div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
| + | |
| − | div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
| + | |
| − | div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
| + | |
| − | div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
| + | |
| − | div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
| + | |
| − | div.dark_rounded .pp_description{color:#fff;margin-right:85px}
| + | |
| − | div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
| + | |
| − | div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
| + | |
| − | div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
| + | |
| − | div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
| + | |
| − | div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
| + | |
| − | div.dark_square .pp_nav{clear:none}
| + | |
| − | div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
| + | |
| − | div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
| + | |
| − | div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
| + | |
| − | div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
| + | |
| − | div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
| + | |
| − | div.facebook .pp_description{margin:0 37px 0 0}
| + | |
| − | div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
| + | |
| − | div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
| + | |
| − | div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
| + | |
| − | div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
| + | |
| − | div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
| + | |
| − | div.facebook .pp_nav{margin-top:0}
| + | |
| − | div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
| + | |
| − | div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
| + | |
| − | div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
| + | |
| − | div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
| + | |
| − | div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.pp_pic_holder a:focus{outline:none}
| + | |
| − | div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
| + | |
| − | div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
| + | |
| − | .pp_content{height:40px;min-width:40px}
| + | |
| − | * html .pp_content{width:40px}
| + | |
| − | .pp_content_container{position:relative;text-align:left;width:100%}
| + | |
| − | .pp_content_container .pp_left{padding-left:20px}
| + | |
| − | .pp_content_container .pp_right{padding-right:20px}
| + | |
| − | .pp_content_container .pp_details{float:left;margin:10px 0 2px}
| + | |
| − | .pp_description{display:none;margin:0}
| + | |
| − | .pp_social{float:left;margin:0}
| + | |
| − | .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
| + | |
| − | .pp_social .twitter{float:left}
| + | |
| − | .pp_nav{clear:right;float:left;margin:3px 10px 0 0}
| + | |
| − | .pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
| + | |
| − | .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
| + | |
| − | a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
| + | |
| − | .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
| + | |
| − | .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
| + | |
| − | .pp_gallery div{float:left;overflow:hidden;position:relative}
| + | |
| − | .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
| + | |
| − | .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
| + | |
| − | .pp_gallery ul a img{border:0}
| + | |
| − | .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
| + | |
| − | .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
| + | |
| − | .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
| + | |
| − | a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
| + | |
| − | a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
| + | |
| − | a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
| + | |
| − | a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
| + | |
| − | .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
| + | |
| − | #pp_full_res{line-height:1!important}
| + | |
| − | #pp_full_res .pp_inline{text-align:left}
| + | |
| − | #pp_full_res .pp_inline p{margin:0 0 15px}
| + | |
| − | div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
| + | |
| − | div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
| + | |
| − | div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
| + | |
| − | div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
| + | |
| − | div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
| + | |
| − | div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
| + | |
| − | div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
| + | |
| − | div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
| + | |
| − | div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
| + | |
| − | div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
| + | |
| − | div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
| + | |
| − | div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
| + | |
| − | div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
| + | |
| − | .pp_top,.pp_bottom{height:20px;position:relative}
| + | |
| − | * html .pp_top,* html .pp_bottom{padding:0 20px}
| + | |
| − | .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
| + | |
| − | .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
| + | |
| − | * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
| + | |
| − | .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
| + | |
| − | .pp_fade,.pp_gallery li.default a img{display:none}
| + | |
| − | | + | |
| − | /* WP CORE STYLES */
| + | |
| − | | + | |
| − | .alignnone {
| + | |
| − | margin: 5px 20px 20px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .aligncenter, div.aligncenter {
| + | |
| − | display:block;
| + | |
| − | margin: 5px auto 5px auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption {
| + | |
| − | background: #fff;
| + | |
| − | border: 1px solid #f0f0f0;
| + | |
| − | max-width: 96%; /* Image does not overflow the content area */
| + | |
| − | padding: 5px 3px 10px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption.alignnone { | + | |
| − | margin: 5px 20px 20px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption.alignleft {
| + | |
| − | margin: 5px 20px 20px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption.alignright {
| + | |
| − | margin: 5px 0 20px 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption img {
| + | |
| − | border: 0 none;
| + | |
| − | height: auto;
| + | |
| − | margin:0;
| + | |
| − | max-width: 98.5%;
| + | |
| − | padding:0;
| + | |
| − | width: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .wp-caption p.wp-caption-text {
| + | |
| − | font-size:11px;
| + | |
| − | line-height:17px;
| + | |
| − | margin:0;
| + | |
| − | padding:0 4px 5px;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.size-auto,
| + | |
| − | img.size-large,
| + | |
| − | img.size-full,
| + | |
| − | img.size-medium {
| + | |
| − | max-width: 100%;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .alignleft,
| + | |
| − | img.alignleft {
| + | |
| − | display: inline;
| + | |
| − | float: left;
| + | |
| − | margin-right: 20px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .alignright,
| + | |
| − | img.alignright {
| + | |
| − | display: inline;
| + | |
| − | float: right;
| + | |
| − | margin-left: 20px;
| + | |
| − | margin-top: 0px;
| + | |
| − | }
| + | |
| − | .aligncenter,
| + | |
| − | img.aligncenter {
| + | |
| − | clear: both;
| + | |
| − | display: block;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | }
| + | |
| − | img.alignleft,
| + | |
| − | img.alignright,
| + | |
| − | img.aligncenter {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .bypostauthor {}
| + | |
| − | .sticky{}
| + | |
| − | .gallery-caption{}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* Preview Only Styles */
| + | |
| − | | + | |
| − | #optionswrap {
| + | |
| − | position: fixed;
| + | |
| − | z-index: 90;
| + | |
| − | left: -117px;
| + | |
| − | top: 180px;
| + | |
| − | width: 75px;
| + | |
| − | height: 248px;
| + | |
| − | background: #eee;
| + | |
| − | border: 1px solid #ccc;
| + | |
| − | padding: 20px;
| + | |
| − | -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
| + | |
| − | -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
| + | |
| − | box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
| + | |
| − | }
| + | |
| − | #optionsbtn {
| + | |
| − | position: absolute;
| + | |
| − | width: 30px;
| + | |
| − | height: 92px;
| + | |
| − | left: 115px;
| + | |
| − | top: 0;
| + | |
| − | margin-top: -1px;
| + | |
| − | background: url(../images/options.png) center;
| + | |
| − | cursor: pointer;
| + | |
| − | -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
| + | |
| − | -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
| + | |
| − | box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
| + | |
| − | }
| + | |
| − | .hiddenpat {
| + | |
| − | width:0px;
| + | |
| − | height:0px;
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | .optext {
| + | |
| − | font-size: 15px;
| + | |
| − | font-family: 'Open Sans', sans-serif;
| + | |
| − | text-align: center;
| + | |
| − | color: #777;
| + | |
| − | float: left;
| + | |
| − | width: 75px;
| + | |
| − | margin-bottom: 5px;
| + | |
| − | margin-top: -7px;
| + | |
| − | }
| + | |
| − | .opt1, .opt2, .opt3 {
| + | |
| − | float: left;
| + | |
| − | width: 75px;
| + | |
| − | height: 70px;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .opt1 {
| + | |
| − | background: url(../images/layout_footer.jpg) center;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | .opt2 {
| + | |
| − | background: url(../images/layout_full.jpg) center;
| + | |
| − | }
| + | |
| − | .opt3 {
| + | |
| − | background: url(../images/layout_column.jpg) center;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | .opt1.selected, .opt2.selected, .opt3.selected {
| + | |
| − | -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
| + | |
| − | -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
| + | |
| − | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
| + | |
| − | cursor: default;
| + | |
| − | }
| + | |
| − | | + | |
| − | iframe.twitter-timeline{
| + | |
| − | width:100% !important;
| + | |
| − | min-width:100% !important;
| + | |
| − | max-width:100% !important;
| + | |
| − | display:none;
| + | |
| − | }</style>
| + | |
| − | <style type="text/css">
| + | |
| − | .mejs-container {
| + | |
| − | position: relative;
| + | |
| − | background: #000;
| + | |
| − | font-family: Helvetica, Arial;
| + | |
| − | }
| + | |
| − | | + | |
| − | .me-plugin {
| + | |
| − | position: absolute;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-embed, .mejs-embed body {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | background: #000;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-container-fullscreen {
| + | |
| − | position: fixed;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | right: 0;
| + | |
| − | bottom: 0;
| + | |
| − | overflow: hidden;
| + | |
| − | z-index: 1000;
| + | |
| − | }
| + | |
| − | .mejs-container-fullscreen .mejs-mediaelement,
| + | |
| − | .mejs-container-fullscreen video {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Start: LAYERS */
| + | |
| − | .mejs-background {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .mejs-mediaelement {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | .mejs-poster {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .mejs-poster img {
| + | |
| − | border: 0;
| + | |
| − | padding: 0;
| + | |
| − | border: 0;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .mejs-overlay {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .mejs-overlay-play {
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .mejs-overlay-button {
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | left: 50%;
| + | |
| − | width: 100px;
| + | |
| − | height: 100px;
| + | |
| − | margin: -50px 0 0 -50px;
| + | |
| − | background: url(bigplay.png) no-repeat;
| + | |
| − | }
| + | |
| − | .mejs-overlay:hover .mejs-overlay-button{
| + | |
| − | background-position: 0 -100px ;
| + | |
| − | }
| + | |
| − | .mejs-overlay-loading {
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | left: 50%;
| + | |
| − | width: 80px;
| + | |
| − | height: 80px;
| + | |
| − | margin: -40px 0 0 -40px;
| + | |
| − | background: #333;
| + | |
| − | background: url(background.png);
| + | |
| − | background: rgba(0, 0, 0, 0.9);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
| + | |
| − | background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
| + | |
| − | background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
| + | |
| − | background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
| + | |
| − | background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
| + | |
| − | }
| + | |
| − | .mejs-overlay-loading span {
| + | |
| − | display:block;
| + | |
| − | width: 80px;
| + | |
| − | height: 80px;
| + | |
| − | background: transparent url(loading.gif) 50% 50% no-repeat;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* End: LAYERS */
| + | |
| − | | + | |
| − | /* Start: CONTROL BAR */
| + | |
| − | .mejs-container .mejs-controls {
| + | |
| − | position: absolute;
| + | |
| − | background: none;
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | background: url(background.png);
| + | |
| − | background: rgba(0, 0, 0, 0.7);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | height: 30px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .mejs-container .mejs-controls div {
| + | |
| − | list-style-type: none;
| + | |
| − | background-image: none;
| + | |
| − | display: block;
| + | |
| − | float: left;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | width: 26px;
| + | |
| − | height: 26px;
| + | |
| − | font-size: 11px;
| + | |
| − | line-height: 11px;
| + | |
| − | background: 0;
| + | |
| − | font-family: Helvetica, Arial;
| + | |
| − | border: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-button button {
| + | |
| − | cursor: pointer;
| + | |
| − | display: block;
| + | |
| − | font-size: 0;
| + | |
| − | line-height: 0;
| + | |
| − | text-decoration: none;
| + | |
| − | margin: 7px 5px;
| + | |
| − | padding: 0;
| + | |
| − | position: absolute;
| + | |
| − | height: 16px;
| + | |
| − | width: 16px;
| + | |
| − | border: 0;
| + | |
| − | background: transparent url(controls.png) no-repeat;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* :focus for accessibility */
| + | |
| − | .mejs-controls .mejs-button button:focus {
| + | |
| − | outline: solid 1px yellow;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* End: CONTROL BAR */
| + | |
| − | | + | |
| − | /* Start: Time (current / duration) */
| + | |
| − | .mejs-container .mejs-controls .mejs-time {
| + | |
| − | color: #fff;
| + | |
| − | display: block;
| + | |
| − | height: 17px;
| + | |
| − | width: auto;
| + | |
| − | padding: 8px 3px 0 3px ;
| + | |
| − | overflow: hidden;
| + | |
| − | text-align: center;
| + | |
| − | padding: auto 4px;
| + | |
| − | }
| + | |
| − | .mejs-container .mejs-controls .mejs-time span {
| + | |
| − | font-size: 11px;
| + | |
| − | color: #fff;
| + | |
| − | line-height: 12px;
| + | |
| − | display: block;
| + | |
| − | float: left;
| + | |
| − | margin: 1px 2px 0 0;
| + | |
| − | width: auto;
| + | |
| − | }
| + | |
| − | /* End: Time (current / duration) */
| + | |
| − | | + | |
| − | | + | |
| − | /* Start: Play/pause */
| + | |
| − | .mejs-controls .mejs-play button {
| + | |
| − | background-position:0 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-pause button {
| + | |
| − | background-position:0 -16px;
| + | |
| − | }
| + | |
| − | /* End: Play/pause */
| + | |
| − | | + | |
| − | | + | |
| − | /* Stop */
| + | |
| − | .mejs-controls .mejs-stop button {
| + | |
| − | background-position: -112px 0;
| + | |
| − | }
| + | |
| − | /* End: Play/pause */
| + | |
| − | | + | |
| − | /* Start: Progress bar */
| + | |
| − | .mejs-controls div.mejs-time-rail {
| + | |
| − | width: 200px;
| + | |
| − | padding-top: 5px;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-time-rail span {
| + | |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | width: 180px;
| + | |
| − | height: 10px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-total {
| + | |
| − | margin: 5px;
| + | |
| − | background: #333;
| + | |
| − | background: rgba(50,50,50,0.8);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
| + | |
| − | background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
| + | |
| − | background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
| + | |
| − | background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
| + | |
| − | background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1E1E1E,endColorstr=#3C3C3C);
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-loaded {
| + | |
| − | background: #000;
| + | |
| − | background: rgba(60,170,200,0.8);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
| + | |
| − | background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
| + | |
| − | background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
| + | |
| − | background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
| + | |
| − | background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2C7C91,endColorstr=#4EB7D4);
| + | |
| − | width: 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-current {
| + | |
| − | width: 0;
| + | |
| − | background: #fff;
| + | |
| − | background: rgba(255,255,255,0.8);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
| + | |
| − | background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
| + | |
| − | background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
| + | |
| − | background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
| + | |
| − | background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF,endColorstr=#C8C8C8);
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-handle {
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | margin: 0;
| + | |
| − | width: 10px;
| + | |
| − | background: #fff;
| + | |
| − | -webkit-border-radius: 5px;
| + | |
| − | -moz-border-radius: 5px;
| + | |
| − | border-radius: 5px;
| + | |
| − | cursor: pointer;
| + | |
| − | border: solid 2px #333;
| + | |
| − | top: -2px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-float {
| + | |
| − | position: absolute;
| + | |
| − | display: none;
| + | |
| − | background: #eee;
| + | |
| − | width: 36px;
| + | |
| − | height: 17px;
| + | |
| − | border: solid 1px #333;
| + | |
| − | top: -26px;
| + | |
| − | margin-left: -18px;
| + | |
| − | text-align: center;
| + | |
| − | color: #111;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-float-current {
| + | |
| − | margin: 2px;
| + | |
| − | width: 30px;
| + | |
| − | display: block;
| + | |
| − | text-align: center;
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-time-rail .mejs-time-float-corner {
| + | |
| − | position: absolute;
| + | |
| − | display: block;
| + | |
| − | width: 0;
| + | |
| − | height: 0;
| + | |
| − | line-height: 0;
| + | |
| − | border: solid 5px #eee;
| + | |
| − | border-color: #eee transparent transparent transparent;
| + | |
| − | -webkit-border-radius: 0;
| + | |
| − | -moz-border-radius: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | top: 15px;
| + | |
| − | left: 13px;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*
| + | |
| − | .mejs-controls .mejs-time-rail:hover .mejs-time-handle {
| + | |
| − | visibility:visible;
| + | |
| − | }
| + | |
| − | */
| + | |
| − | /* End: Progress bar */
| + | |
| − | | + | |
| − | /* Start: Fullscreen */
| + | |
| − | .mejs-controls .mejs-fullscreen-button button {
| + | |
| − | background-position:-32px 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-unfullscreen button {
| + | |
| − | background-position:-32px -16px;
| + | |
| − | }
| + | |
| − | /* End: Fullscreen */
| + | |
| − | | + | |
| − | | + | |
| − | /* Start: Mute/Volume */
| + | |
| − | .mejs-controls .mejs-volume-button {
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-mute button {
| + | |
| − | background-position:-16px -16px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-unmute button {
| + | |
| − | background-position:-16px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-volume-button {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-volume-button .mejs-volume-slider {
| + | |
| − | display: none;
| + | |
| − | height: 115px;
| + | |
| − | width: 25px;
| + | |
| − | background: url(background.png);
| + | |
| − | background: rgba(50, 50, 50, 0.7);
| + | |
| − | -webkit-border-radius: 0;
| + | |
| − | -moz-border-radius: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | top: -115px;
| + | |
| − | left: 0;
| + | |
| − | z-index: 1;
| + | |
| − | position: absolute;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-volume-button:hover {
| + | |
| − | -webkit-border-radius: 0 0 4px 4px;
| + | |
| − | -moz-border-radius: 0 0 4px 4px;
| + | |
| − | border-radius: 0 0 4px 4px;
| + | |
| − | }
| + | |
| − | /*
| + | |
| − | .mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | */
| + | |
| − | | + | |
| − | .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
| + | |
| − | position: absolute;
| + | |
| − | left: 11px;
| + | |
| − | top: 8px;
| + | |
| − | width: 2px;
| + | |
| − | height: 100px;
| + | |
| − | background: #ddd;
| + | |
| − | background: rgba(255, 255, 255, 0.5);
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
| + | |
| − | position: absolute;
| + | |
| − | left: 11px;
| + | |
| − | top: 8px;
| + | |
| − | width: 2px;
| + | |
| − | height: 100px;
| + | |
| − | background: #ddd;
| + | |
| − | background: rgba(255, 255, 255, 0.9);
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
| + | |
| − | position: absolute;
| + | |
| − | left: 4px;
| + | |
| − | top: -3px;
| + | |
| − | width: 16px;
| + | |
| − | height: 6px;
| + | |
| − | background: #ddd;
| + | |
| − | background: rgba(255, 255, 255, 0.9);
| + | |
| − | cursor: N-resize;
| + | |
| − | -webkit-border-radius: 1px;
| + | |
| − | -moz-border-radius: 1px;
| + | |
| − | border-radius: 1px;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* End: Mute/Volume */
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* Start: TRACK (Captions and Chapters) */
| + | |
| − | .mejs-controls .mejs-captions-button {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-captions-button button {
| + | |
| − | background-position:-48px 0;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-selector {
| + | |
| − | visibility: hidden;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 26px;
| + | |
| − | right: -10px;
| + | |
| − | width: 130px;
| + | |
| − | height: 100px;
| + | |
| − | background: url(background.png);
| + | |
| − | background: rgba(50,50,50,0.7);
| + | |
| − | border: solid 1px transparent;
| + | |
| − | padding: 10px;
| + | |
| − | overflow: hidden;
| + | |
| − | -webkit-border-radius: 0;
| + | |
| − | -moz-border-radius: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | }
| + | |
| − | /*
| + | |
| − | .mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
| + | |
| − | visibility: visible;
| + | |
| − | }
| + | |
| − | */
| + | |
| − | | + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | display: block;
| + | |
| − | list-style-type: none !important;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-selector ul li{
| + | |
| − | margin: 0 0 6px 0;
| + | |
| − | padding: 0;
| + | |
| − | list-style-type: none !important;
| + | |
| − | display:block;
| + | |
| − | color: #fff;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{
| + | |
| − | clear: both;
| + | |
| − | float: left;
| + | |
| − | margin: 3px 3px 0 5px;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
| + | |
| − | width: 100px;
| + | |
| − | float: left;
| + | |
| − | padding: 4px 0 0 0;
| + | |
| − | line-height: 15px;
| + | |
| − | font-family: helvetica, arial;
| + | |
| − | font-size: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-controls .mejs-captions-button .mejs-captions-translations {
| + | |
| − | font-size: 10px;
| + | |
| − | margin: 0 0 5px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .mejs-chapters {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | -xborder-right: solid 1px #fff;
| + | |
| − | width: 10000px;
| + | |
| − | }
| + | |
| − | .mejs-chapters .mejs-chapter {
| + | |
| − | position: absolute;
| + | |
| − | float: left;
| + | |
| − | background: #222;
| + | |
| − | background: rgba(0, 0, 0, 0.7);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
| + | |
| − | overflow: hidden;
| + | |
| − | border: 0;
| + | |
| − | }
| + | |
| − | .mejs-chapters .mejs-chapter .mejs-chapter-block {
| + | |
| − | font-size: 11px;
| + | |
| − | color: #fff;
| + | |
| − | padding: 5px;
| + | |
| − | display: block;
| + | |
| − | border-right: solid 1px #333;
| + | |
| − | border-bottom: solid 1px #333;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
| + | |
| − | border-right: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
| + | |
| − | /*background: #333;*/
| + | |
| − | background: #666;
| + | |
| − | background: rgba(102,102,102, 0.7);
| + | |
| − | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
| + | |
| − | background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
| + | |
| − | background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
| + | |
| − | background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
| + | |
| − | background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
| + | |
| − | background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
| + | |
| − | }
| + | |
| − | .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{
| + | |
| − | font-size: 12px;
| + | |
| − | font-weight: bold;
| + | |
| − | display: block;
| + | |
| − | white-space:nowrap;
| + | |
| − | text-overflow: ellipsis;
| + | |
| − | margin: 0 0 3px 0;
| + | |
| − | line-height: 12px;
| + | |
| − | }
| + | |
| − | .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{
| + | |
| − | font-size: 12px;
| + | |
| − | line-height: 12px;
| + | |
| − | margin: 3px 0 4px 0;
| + | |
| − | display: block;
| + | |
| − | white-space:nowrap;
| + | |
| − | text-overflow: ellipsis;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .mejs-captions-layer {
| + | |
| − | position: absolute;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | text-align:center;
| + | |
| − | /*font-weight: bold;*/
| + | |
| − | line-height: 22px;
| + | |
| − | font-size: 12px;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .mejs-captions-layer a {
| + | |
| − | color: #fff;
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | .mejs-captions-layer[lang=ar] {
| + | |
| − | font-size: 20px;
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-captions-position {
| + | |
| − | position: absolute;
| + | |
| − | width: 100%;
| + | |
| − | bottom: 15px;
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-captions-position-hover {
| + | |
| − | bottom: 45px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-captions-text {
| + | |
| − | padding: 3px 5px;
| + | |
| − | background: url(background.png);
| + | |
| − | background: rgba(20, 20, 20, 0.8);
| + | |
| − | | + | |
| − | }
| + | |
| − | /* End: TRACK (Captions and Chapters) */
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .mejs-clear { | + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Start: ERROR */
| + | |
| − | .me-cannotplay {
| + | |
| − | }
| + | |
| − | .me-cannotplay a {
| + | |
| − | color: #fff;
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − | .me-cannotplay span {
| + | |
| − | padding: 15px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | /* End: ERROR */
| + | |
| − | | + | |
| − | | + | |
| − | /* Start: Loop */
| + | |
| − | .mejs-controls .mejs-loop-off button{
| + | |
| − | background-position: -64px -16px;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-loop-on button {
| + | |
| − | background-position: -64px 0;
| + | |
| − | }
| + | |
| − | /* End: Loop */
| + | |
| − | | + | |
| − | /* Start: backlight */
| + | |
| − | .mejs-controls .mejs-backlight-off button{
| + | |
| − | background-position: -80px -16px;
| + | |
| − | }
| + | |
| − | .mejs-controls .mejs-backlight-on button {
| + | |
| − | background-position: -80px 0;
| + | |
| − | }
| + | |
| − | /* End: backlight */
| + | |
| − | | + | |
| − | | + | |
| − | /* Start: picture controls */
| + | |
| − | .mejs-controls .mejs-picturecontrols-button{
| + | |
| − | background-position: -96px 0;
| + | |
| − | }
| + | |
| − | /* End: picture controls */
| + | |
| − | | + | |
| − | | + | |
| − | /* context menu */
| + | |
| − | .mejs-contextmenu {
| + | |
| − | position: absolute;
| + | |
| − | width: 150px;
| + | |
| − | padding: 10px;
| + | |
| − | border-radius: 4px;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | background: #fff;
| + | |
| − | border: solid 1px #999;
| + | |
| − | z-index: 1001; /* make sure it shows on fullscreen */
| + | |
| − | }
| + | |
| − | .mejs-contextmenu .mejs-contextmenu-separator {
| + | |
| − | height: 1px;
| + | |
| − | font-size: 0;
| + | |
| − | margin: 5px 6px;
| + | |
| − | background: #333;
| + | |
| − | }
| + | |
| − | | + | |
| − | .mejs-contextmenu .mejs-contextmenu-item {
| + | |
| − | font-family: Helvetica, Arial;
| + | |
| − | font-size: 12px;
| + | |
| − | padding: 4px 6px;
| + | |
| − | cursor: pointer;
| + | |
| − | color: #333;
| + | |
| − | }
| + | |
| − | .mejs-contextmenu .mejs-contextmenu-item:hover {
| + | |
| − | background: #2C7C91;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <!--[if IE 7]>
| + | |
| − | <style type="text/css">
| + | |
| − | /* IE7/8 Only Fixes
| + | |
| − | ================================================== */
| + | |
| − | | + | |
| − | .flexslider .slides img { margin-bottom: -54px; }
| + | |
| − | ul.flex-direction-nav { margin-bottom: -54px; }
| + | |
| − | .flex-caption { margin-bottom: -54px; }
| + | |
| − | .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{ margin-bottom: -1px; padding-bottom: 0; }
| + | |
| − | .ddsmoothmenu ul li ul li{ margin-bottom: -1px; padding-bottom: 0; }
| + | |
| − | .bottomadjust { padding-bottom:10px; }
| + | |
| − | .footer .widget_blogposts ul{ margin-bottom: 0px; }
| + | |
| − | .footer .widget_portfolio ul { margin-bottom: -8px; }
| + | |
| − | .blogimage { margin-bottom: 17px; }
| + | |
| − | .blogimage .flexslider { margin-bottom: 57px; }
| + | |
| − | .divide .rightlink{ margin-top: 11px; }
| + | |
| − | | + | |
| − | input[type="text"],
| + | |
| − | input[type="password"],
| + | |
| − | input[type="email"],
| + | |
| − | textarea,
| + | |
| − | select {
| + | |
| − | border: 1px solid #333;
| + | |
| − | padding: 10px 10px;
| + | |
| − | outline: none;
| + | |
| − | overflow: hidden;
| + | |
| − | font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| + | |
| − | color: #ccc;
| + | |
| − | margin: 0;
| + | |
| − | width: 198px;
| + | |
| − | max-width: 100%;
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | background: #000;
| + | |
| − | }</style>
| + | |
| − | <![endif]-->
| + | |
| − | | + | |
| − | <!-- Favicons
| + | |
| − | ================================================== -->
| + | |
| − | <link rel="shortcut icon" href="images/favicon.ico">
| + | |
| − | <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
| + | |
| − | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
| + | |
| − | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
| + | |
| − |
| + | |
| − | <!-- Fonts
| + | |
| − | ================================================== -->
| + | |
| − | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
| + | |
| − |
| + | |
| − | <!-- Scripts
| + | |
| − | ================================================== -->
| + | |
| − | <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
| + | |
| − | <!--/***********************************************
| + | |
| − | * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
| + | |
| − | * This notice MUST stay intact for legal use
| + | |
| − | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
| + | |
| − | ***********************************************/-->
| + | |
| − | <script src="js/ddsmoothmenu.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.fitvids.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
| + | |
| − | <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
| + | |
| − | <script src="js/mediaelement-and-player.min.js"></script>
| + | |
| − | <script src="js/screen.js" type="text/javascript"></script>
| + | |
| − | | + | |
| − | <script>
| + | |
| − | | + | |
| − | $("#top_title").remove();
| + | |
| − | $("#content").css("background-color","RED");
| + | |
| − | | + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − |
| + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | | + | |
| − | <!-- Site Backgrounds
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
| + | |
| − | <div class="poswrapheaderline"><div class="headerline"></div></div>
| + | |
| − | <!-- Remove or uncomment depending on if you want a background image or tile -->
| + | |
| − | <div class="tiledbackground"></div>
| + | |
| − | <!--img src="images/bg.jpg" alt="" id="background" /-->
| + | |
| − | <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
| + | |
| − | <div class="poswrapper"><div class="whitebackground"></div></div>
| + | |
| − | | + | |
| − | <div class="container main portfolio4column">
| + | |
| − |
| + | |
| − | <!-- Header | Logo, Menu
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <div class="sixteen columns header"> <a href="index.html" class="logohover"></a><img src="../20300543111029144359322273525_s.png" width="100" height="66">
| + | |
| − | <div class="mainmenu">
| + | |
| − | <div id="mainmenu" class="ddsmoothmenu">
| + | |
| − | <ul>
| + | |
| − | <li><a href="#">Project over view<br/><span>Info About Us</span></a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="index.html">Home Layout</a></li>
| + | |
| − | <li><a href="index_alternative.html">Another Layout Example</a></li>
| + | |
| − | <li><a href="index_noslider.html">No Slider</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:SDSZ_China/">Experiment A<br/><span>What We Offer</span></a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="page_about.html">About / Services</a></li>
| + | |
| − | <li><a href="page_pricing.html">Pricing</a></li>
| + | |
| − | <li><a href="page_clients.html">Clients</a></li>
| + | |
| − | <li><a href="page_faq.html">FAQ</a></li>
| + | |
| − | <li><a href="page_full.html">Full Page & Background Image</a></li>
| + | |
| − | <li><a href="page_sidebar_left.html">Sidebar Left Page</a></li>
| + | |
| − | <li><a href="page_sidebar_right.html">Sidebar Right Page</a></li>
| + | |
| − | <li><a href="#">Another Menu Level</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="#">Menu Entry One</a></li>
| + | |
| − | <li><a href="#">Menu Entry Two</a></li>
| + | |
| − | <li><a href="#">Menu Entry Three</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="#">Experiment B<br/><span>See Our Work</span></a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="portfolio_4column.html">Portfolio Four Columns</a></li>
| + | |
| − | <li><a href="portfolio_1column_full.html">Portfolio Full</a></li>
| + | |
| − | <li><a href="portfolio_single.html">Project Detail Page</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="#">Machines<br/><span>Latest News</span></a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="blog_overview.html">Blog Overview</a></li>
| + | |
| − | <li><a href="blog_single.html">Single Blog Post</a></li>
| + | |
| − | <li><a href="blog_overview_full.html">Blog Overview Full</a></li>
| + | |
| − | <li><a href="blog_single_full.html">Single Blog Post Full</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="contact.html">Model<br/><span>Get In Touch</span></a></li>
| + | |
| − | <li><a href="contact.html">Human<br/><span>Get In Touch</span></a></li>
| + | |
| − | </ul>
| + | |
| − | <br style="clear: left" />
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!-- Responsive Menu -->
| + | |
| − |
| + | |
| − | <form id="responsive-menu" action="#" method="post">
| + | |
| − | <select>
| + | |
| − | <option value="">Navigation</option>
| + | |
| − | </select>
| + | |
| − | </form>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!-- Page Title And Social
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <div class="pagetitle">
| + | |
| − | <div class="pagetitleholder"><h1>Blog with Sidebar.</h1></div>
| + | |
| − | <div class="socialholder">
| + | |
| − | <ul class="socialicons">
| + | |
| − | <li><a href="#" class="social_facebook"></a><div>Facebook</div></li>
| + | |
| − | <li><a href="#" class="social_twitter"></a><div>Twitter</div></li>
| + | |
| − | <li><a href="#" class="social_googleplus"></a><div>GooglePlus</div></li>
| + | |
| − | <li><a href="#" class="social_vimeo"></a><div>Vimeo</div></li>
| + | |
| − | <li><a href="#" class="social_rss"></a><div>RSS Feed</div></li>
| + | |
| − | <li><a href="#" class="social_linkedin"></a><div>LinkedIn</div></li>
| + | |
| − | <li>
| + | |
| − | <div>Flickr</div></li>
| + | |
| − | <li><a href="#" class="social_youtube"></a><div>Youtube</div></li>
| + | |
| − | <li>
| + | |
| − | <div>Pinterest</div></li>
| + | |
| − | </ul>
| + | |
| − | </div> | + | |
| − | <!--div class="pagetitlebackground"></div-->
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!-- No Slider Spacer
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <div class="sixteen columns nosliderspacer"></div>
| + | |
| − |
| + | |
| − | <!-- Content Holder -->
| + | |
| − | <!-- Sidebar
| + | |
| − | ================================================== --><!-- Space Adjuster
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <div class="sixteen columns bottomadjust"></div>
| + | |
| − |
| + | |
| − | </div><!-- container -->
| + | |
| − | | + | |
| − | <!-- Footer
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <!-- Change to class="container footerwrap full" for a full-width footer -->
| + | |
| − | <div class="container footerwrap">
| + | |
| − |
| + | |
| − | <div class="footerclose"></div>
| + | |
| − |
| + | |
| − | <div class="footer">
| + | |
| − | <div class="sixteen columns">
| + | |
| − | | + | |
| − |
| + | |
| − | <div class="four columns clearfix widget alpha">
| + | |
| − | <h5> </h5>
| + | |
| − | <div style="float: left; width:100%;">
| + | |
| − | <!-- Twitter Embedded Timeline Markup Replace Here Start --><!-- Twitter Embedded Timeline Markup Replace Here End -->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="four columns widget">
| + | |
| − | <div class="widget_blogposts">
| + | |
| − | <ul>
| + | |
| − | <li class="clearfix">
| + | |
| − | <a href="#" class="borderhover"><img src="images/thumbs/pop_blog1.jpg" alt="" /></a>
| + | |
| − | <div class="postlink"><a href="#"></a></div>
| + | |
| − | <div class="subline"></div>
| + | |
| − | </li>
| + | |
| − | <li class="clearfix">
| + | |
| − | <a href="#" class="borderhover"><img src="images/thumbs/pop_blog2.jpg" alt="" /></a>
| + | |
| − | <div class="postlink"><a href="#"></a></div>
| + | |
| − | </li>
| + | |
| − | <li class="clearfix">
| + | |
| − | <a href="#" class="borderhover"><img src="images/thumbs/pop_blog3.jpg" alt="" /></a>
| + | |
| − | <div class="postlink"><a href="#"></a></div>
| + | |
| − | </li>
| + | |
| − | <li class="clearfix">
| + | |
| − | <a href="#" class="borderhover"><img src="images/thumbs/pop_blog4.jpg" alt="" /></a>
| + | |
| − | <div class="postlink"><a href="#"></a></div>
| + | |
| − | <div class="subline"></div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <div class="clear"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="four columns widget">
| + | |
| − | <h5> </h5>
| + | |
| − | <div class="widget_text">
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | <p> </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="four columns widget omega">
| + | |
| − | <h5>QUICK CONTACT</h5>
| + | |
| − | <div class="widget_quickcontact">
| + | |
| − | <form id="quickcontact" method="post" action="#">
| + | |
| − | <input type="text" name="name" id="quickcontact_name" class="requiredfield" onFocus="if(this.value == 'Name *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Name *'; }" value='Name *'/>
| + | |
| − | <input type="text" name="email" id="quickcontact_email" class="requiredfield" onFocus="if(this.value == 'Email *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Email *'; }" value='Email *'/>
| + | |
| − | <textarea name="message" id="quickcontact_message" class="requiredfield" onFocus="if(this.value == 'Message *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Message *'; }">Message *</textarea>
| + | |
| − | <button type="submit" name="send">Send</button>
| + | |
| − | <span class="errormessage">Error! Please correct marked fields.</span>
| + | |
| − | <span class="successmessage">Message send successfully!</span>
| + | |
| − | <span class="sendingmessage">Sending...</span>
| + | |
| − | </form>
| + | |
| − | </div>
| + | |
| − | </div><div class="clear"></div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!-- container -->
| + | |
| − |
| + | |
| − | <!-- Sub-Footer
| + | |
| − | ================================================== -->
| + | |
| − |
| + | |
| − | <!-- Change to class="container subfooterwrap full" for a full-width subfooter -->
| + | |
| − | <div class="container subfooterwrap">
| + | |
| − |
| + | |
| − | <div class="footeropen"></div>
| + | |
| − |
| + | |
| − | <div class="subfooter"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <!-- End Document | + | <!-- Scripts --> |
| − | ================================================== -->
| + | </body> |
| − | </body> | + | |
| | </html> | | </html> |
| | + | {{ SDSZ_China/footer }} |
