/* Demo style: default */ /* variants */ /* motive color */ .default a { color: rgb(247,137,39) } .default #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(247,137,39) } .default #MainNav .arrow { background: rgb(247,137,39) } .default #Work .slides li a:hover:before { background: rgb(247,137,39); } .default #Work .full-view nav a { background-color: rgb(247,137,39) } .default form input:focus:invalid:focus, .default form textarea:focus:invalid:focus, .default form select:focus:invalid:focus, .default form input:focus:valid:focus, .default form textarea:focus:valid:focus, .default form select:focus:valid:focus { border-color: rgb(247,137,39) } .default form input[type="text"]:focus, .default form textarea:focus { border-color: rgb(247,137,39) } .default form input[type="submit"], .default form input[type="button"] { background: rgb(247,137,39) } .default .flexslider .flex-control-paging li a.flex-active { background: rgb(247,137,39) } .default .flexslider .flex-direction-nav .flex-prev, .default .flexslider .flex-direction-nav .flex-next, .default .lb-data .lb-close { background-color: rgb(247,137,39); } .default #Skills, .default #Twitter { background: rgb(247,137,39); background: rgba(247,137,39, .7); } .default #Twitter a { color: #dbdbdb; } .default #Skills h3, .default #Twitter span { color: #dbdbdb; } /* Demo style: green */ /* variants */ /* motive color */ .green a { color: rgb(64,91,127) } .green #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(64,91,127) } .green #MainNav .arrow { background: rgb(64,91,127) } .green #Work .slides li a:hover:before { background: rgb(64,91,127); } .green #Work .full-view nav a { background-color: rgb(64,91,127) } .green form input:focus:invalid:focus, .green form textarea:focus:invalid:focus, .green form select:focus:invalid:focus, .green form input:focus:valid:focus, .green form textarea:focus:valid:focus, .green form select:focus:valid:focus { border-color: rgb(64,91,127) } .green form input[type="text"]:focus, .green form textarea:focus { border-color: rgb(64,91,127) } .green form input[type="submit"], .green form input[type="button"] { background: rgb(64,91,127) } .green .flexslider .flex-control-paging li a.flex-active { background: rgb(64,91,127) } .green .flexslider .flex-direction-nav .flex-prev, .green .flexslider .flex-direction-nav .flex-next, .green .lb-data .lb-close { background-color: rgb(64,91,127); } .green #Skills, .green #Twitter { background: rgb(64,91,127); background: rgba(64,91,127, .7); } .green #Twitter a { color: #dbdbdb; } .green #Skills h3, .green #Twitter span { color: #dbdbdb; } /* Demo style: orange */ /* variants */ /* motive color */ .orange a { color: rgb(64,127,92) } .orange #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(64,127,92) } .orange #MainNav .arrow { background: rgb(64,127,92) } .orange #Work .slides li a:hover:before { background: rgb(64,127,92); } .orange #Work .full-view nav a { background-color: rgb(64,127,92) } .orange form input:focus:invalid:focus, .orange form textarea:focus:invalid:focus, .orange form select:focus:invalid:focus, .orange form input:focus:valid:focus, .orange form textarea:focus:valid:focus, .orange form select:focus:valid:focus { border-color: rgb(64,127,92) } .orange form input[type="text"]:focus, .orange form textarea:focus { border-color: rgb(64,127,92) } .orange form input[type="submit"], .orange form input[type="button"] { background: rgb(64,127,92) } .orange .flexslider .flex-control-paging li a.flex-active { background: rgb(64,127,92) } .orange .flexslider .flex-direction-nav .flex-prev, .orange .flexslider .flex-direction-nav .flex-next, .orange .lb-data .lb-close { background-color: rgb(64,127,92); } .orange #Skills, .orange #Twitter { background: rgb(64,127,92); background: rgba(64,127,92, .7); } .orange #Twitter a { color: #dbdbdb; } .orange #Skills h3, .orange #Twitter span { color: #dbdbdb; } /* Demo style: red */ /* variants */ /* motive color */ .red a { color: rgb(220,60,53) } .red #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(220,60,53) } .red #MainNav .arrow { background: rgb(220,60,53) } .red #Work .slides li a:hover:before { background: rgb(220,60,53); } .red #Work .full-view nav a { background-color: rgb(220,60,53) } .red form input:focus:invalid:focus, .red form textarea:focus:invalid:focus, .red form select:focus:invalid:focus, .red form input:focus:valid:focus, .red form textarea:focus:valid:focus, .red form select:focus:valid:focus { border-color: rgb(220,60,53) } .red form input[type="text"]:focus, .red form textarea:focus { border-color: rgb(220,60,53) } .red form input[type="submit"], .red form input[type="button"] { background: rgb(220,60,53) } .red .flexslider .flex-control-paging li a.flex-active { background: rgb(220,60,53) } .red .flexslider .flex-direction-nav .flex-prev, .red .flexslider .flex-direction-nav .flex-next, .red .lb-data .lb-close { background-color: rgb(220,60,53); } .red #Skills, .red #Twitter { background: rgb(220,60,53); background: rgba(220,60,53, .7); } .red #Twitter a { color: #dbdbdb; } .red #Skills h3, .red #Twitter span { color: #dbdbdb; } /* Demo style: yellow */ /* variants */ /* motive color */ .yellow a { color: rgb(225,180,0) } .yellow #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(225,180,0) } .yellow #MainNav .arrow { background: rgb(225,180,0) } .yellow #Work .slides li a:hover:before { background: rgb(225,180,0); } .yellow #Work .full-view nav a { background-color: rgb(225,180,0) } .yellow form input:focus:invalid:focus, .yellow form textarea:focus:invalid:focus, .yellow form select:focus:invalid:focus, .yellow form input:focus:valid:focus, .yellow form textarea:focus:valid:focus, .yellow form select:focus:valid:focus { border-color: rgb(225,180,0) } .yellow form input[type="text"]:focus, .yellow form textarea:focus { border-color: rgb(225,180,0) } .yellow form input[type="submit"], .yellow form input[type="button"] { background: rgb(225,180,0) } .yellow .flexslider .flex-control-paging li a.flex-active { background: rgb(225,180,0) } .yellow .flexslider .flex-direction-nav .flex-prev, .yellow .flexslider .flex-direction-nav .flex-next, .yellow .lb-data .lb-close { background-color: rgb(225,180,0); } .yellow #Skills, .yellow #Twitter { background: rgb(225,180,0); background: rgba(225,180,0, .7); } .yellow #Twitter a { color: #dbdbdb; } .yellow #Skills h3, .yellow #Twitter span { color: #dbdbdb; } /* Demo style: purple */ /* variants */ /* motive color */ .purple a { color: rgb(96,84,123) } .purple #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(96,84,123) } .purple #MainNav .arrow { background: rgb(96,84,123) } .purple #Work .slides li a:hover:before { background: rgb(96,84,123); } .purple #Work .full-view nav a { background-color: rgb(96,84,123) } .purple form input:focus:invalid:focus, .purple form textarea:focus:invalid:focus, .purple form select:focus:invalid:focus, .purple form input:focus:valid:focus, .purple form textarea:focus:valid:focus, .purple form select:focus:valid:focus { border-color: rgb(96,84,123) } .purple form input[type="text"]:focus, .purple form textarea:focus { border-color: rgb(96,84,123) } .purple form input[type="submit"], .purple form input[type="button"] { background: rgb(96,84,123) } .purple .flexslider .flex-control-paging li a.flex-active { background: rgb(96,84,123) } .purple .flexslider .flex-direction-nav .flex-prev, .purple .flexslider .flex-direction-nav .flex-next, .purple .lb-data .lb-close { background-color: rgb(96,84,123); } .purple #Skills, .purple #Twitter { background: rgb(96,84,123); background: rgba(96,84,123, .7); } .purple #Twitter a { color: #dbdbdb; } .purple #Skills h3, .purple #Twitter span { color: #dbdbdb; } /* Demo style: pink */ /* variants */ /* motive color */ .pink a { color: rgb(205,116,165) } .pink #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(205,116,165) } .pink #MainNav .arrow { background: rgb(205,116,165) } .pink #Work .slides li a:hover:before { background: rgb(205,116,165); } .pink #Work .full-view nav a { background-color: rgb(205,116,165) } .pink form input:focus:invalid:focus, .pink form textarea:focus:invalid:focus, .pink form select:focus:invalid:focus, .pink form input:focus:valid:focus, .pink form textarea:focus:valid:focus, .pink form select:focus:valid:focus { border-color: rgb(205,116,165) } .pink form input[type="text"]:focus, .pink form textarea:focus { border-color: rgb(205,116,165) } .pink form input[type="submit"], .pink form input[type="button"] { background: rgb(205,116,165) } .pink .flexslider .flex-control-paging li a.flex-active { background: rgb(205,116,165) } .pink .flexslider .flex-direction-nav .flex-prev, .pink .flexslider .flex-direction-nav .flex-next, .pink .lb-data .lb-close { background-color: rgb(205,116,165); } .pink #Skills, .pink #Twitter { background: rgb(205,116,165); background: rgba(205,116,165, .7); } .pink #Twitter a { color: #dbdbdb; } .pink #Skills h3, .pink #Twitter span { color: #dbdbdb; } /* Demo style: brown */ /* variants */ /* motive color */ .brown a { color: rgb(115,99,87) } .brown #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(115,99,87) } .brown #MainNav .arrow { background: rgb(115,99,87) } .brown #Work .slides li a:hover:before { background: rgb(115,99,87); } .brown #Work .full-view nav a { background-color: rgb(115,99,87) } .brown form input:focus:invalid:focus, .brown form textarea:focus:invalid:focus, .brown form select:focus:invalid:focus, .brown form input:focus:valid:focus, .brown form textarea:focus:valid:focus, .brown form select:focus:valid:focus { border-color: rgb(115,99,87) } .brown form input[type="text"]:focus, .brown form textarea:focus { border-color: rgb(115,99,87) } .brown form input[type="submit"], .brown form input[type="button"] { background: rgb(115,99,87) } .brown .flexslider .flex-control-paging li a.flex-active { background: rgb(115,99,87) } .brown .flexslider .flex-direction-nav .flex-prev, .brown .flexslider .flex-direction-nav .flex-next, .brown .lb-data .lb-close { background-color: rgb(115,99,87); } .brown #Skills, .brown #Twitter { background: rgb(115,99,87); background: rgba(115,99,87, .7); } .brown #Twitter a { color: #dbdbdb; } .brown #Skills h3, .brown #Twitter span { color: #dbdbdb; } /* Demo style: dark-blue */ /* variants */ /* motive color */ .dark-blue a { color: rgb(133,152,178) } .dark-blue #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(133,152,178) } .dark-blue #MainNav .arrow { background: rgb(133,152,178) } .dark-blue #Work .slides li a:hover:before { background: rgb(133,152,178); } .dark-blue #Work .full-view nav a { background-color: rgb(133,152,178) } .dark-blue form input:focus:invalid:focus, .dark-blue form textarea:focus:invalid:focus, .dark-blue form select:focus:invalid:focus, .dark-blue form input:focus:valid:focus, .dark-blue form textarea:focus:valid:focus, .dark-blue form select:focus:valid:focus { border-color: rgb(133,152,178) } .dark-blue form input[type="text"]:focus, .dark-blue form textarea:focus { border-color: rgb(133,152,178) } .dark-blue form input[type="submit"], .dark-blue form input[type="button"] { background: rgb(133,152,178) } .dark-blue .flexslider .flex-control-paging li a.flex-active { background: rgb(133,152,178) } .dark-blue .flexslider .flex-direction-nav .flex-prev, .dark-blue .flexslider .flex-direction-nav .flex-next, .dark-blue .lb-data .lb-close { background-color: rgb(133,152,178); } .dark-blue #Skills, .dark-blue #Twitter { background: rgb(133,152,178); background: rgba(133,152,178, .7); } .dark-blue #Twitter a { color: #dbdbdb; } .dark-blue #Skills h3, .dark-blue #Twitter span { color: #dbdbdb; } /* Demo style: teal */ /* variants */ /* motive color */ .teal a { color: rgb(58,63,70) } .teal #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(58,63,70) } .teal #MainNav .arrow { background: rgb(58,63,70) } .teal #Work .slides li a:hover:before { background: rgb(58,63,70); } .teal #Work .full-view nav a { background-color: rgb(58,63,70) } .teal form input:focus:invalid:focus, .teal form textarea:focus:invalid:focus, .teal form select:focus:invalid:focus, .teal form input:focus:valid:focus, .teal form textarea:focus:valid:focus, .teal form select:focus:valid:focus { border-color: rgb(58,63,70) } .teal form input[type="text"]:focus, .teal form textarea:focus { border-color: rgb(58,63,70) } .teal form input[type="submit"], .teal form input[type="button"] { background: rgb(58,63,70) } .teal .flexslider .flex-control-paging li a.flex-active { background: rgb(58,63,70) } .teal .flexslider .flex-direction-nav .flex-prev, .teal .flexslider .flex-direction-nav .flex-next, .teal .lb-data .lb-close { background-color: rgb(58,63,70); } .teal #Skills, .teal #Twitter { background: rgb(58,63,70); background: rgba(58,63,70, .7); } .teal #Twitter a { color: #dbdbdb; } .teal #Skills h3, .teal #Twitter span { color: #dbdbdb; } /* Demo style: black */ /* variants */ /* motive color */ .black a { color: rgb(27,28,30) } .black #MainNav .navbar-inner .container .btn-navbar { background-color: rgb(27,28,30) } .black #MainNav .arrow { background: rgb(27,28,30) } .black #Work .slides li a:hover:before { background: rgb(27,28,30); } .black #Work .full-view nav a { background-color: rgb(27,28,30) } .black form input:focus:invalid:focus, .black form textarea:focus:invalid:focus, .black form select:focus:invalid:focus, .black form input:focus:valid:focus, .black form textarea:focus:valid:focus, .black form select:focus:valid:focus { border-color: rgb(27,28,30) } .black form input[type="text"]:focus, .black form textarea:focus { border-color: rgb(27,28,30) } .black form input[type="submit"], .black form input[type="button"] { background: rgb(27,28,30) } .black .flexslider .flex-control-paging li a.flex-active { background: rgb(27,28,30) } .black .flexslider .flex-direction-nav .flex-prev, .black .flexslider .flex-direction-nav .flex-next, .black .lb-data .lb-close { background-color: rgb(27,28,30); } .black #Skills, .black #Twitter { background: rgb(27,28,30); background: rgba(27,28,30, .7); } .black #Twitter a { color: #dbdbdb; } .black #Skills h3, .black #Twitter span { color: #dbdbdb; } body.pat0 { background: transparent url("../images/patterns/00.jpg"); } body.pat1 { background: transparent url("../images/patterns/01.jpg"); } body.pat2 { background: transparent url("../images/patterns/02.jpg"); } body.pat3 { background: transparent url("../images/patterns/03.jpg"); } body.pat4 { background: transparent url("../images/patterns/04.jpg"); } body.pat5 { background: transparent url("../images/patterns/05.jpg"); }