diff --git a/Project/assign/assets/appBase.php b/Project/assign/assets/appBase.php new file mode 100644 index 0000000..736760a --- /dev/null +++ b/Project/assign/assets/appBase.php @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/Project/assign/assets/header.php b/Project/assign/assets/header.php new file mode 100644 index 0000000..32323a4 --- /dev/null +++ b/Project/assign/assets/header.php @@ -0,0 +1,35 @@ + + + + +Google-Flicker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Project/assign/css/jquery.fancybox-1.3.4.css b/Project/assign/css/jquery.fancybox-1.3.4.css new file mode 100644 index 0000000..dd67179 --- /dev/null +++ b/Project/assign/css/jquery.fancybox-1.3.4.css @@ -0,0 +1,355 @@ +/* + * FancyBox - jQuery Plugin + * Simple and fancy lightbox alternative + * + * Examples and documentation at: http://fancybox.net + * + * Copyright (c) 2008 - 2010 Janis Skarnelis + * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. + * + * Version: 1.3.4 (11/11/2010) + * Requires: jQuery v1.3+ + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + cursor: pointer; + overflow: hidden; + z-index: 6104; + display: none; +} +#fancybox-loading div { + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 480px; + background-image: url('../images/fancybox.png'); +} +#fancybox-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 6100; + display: none; +} +#fancybox-tmp { + padding: 0; + margin: 0; + border: 0; + overflow: auto; + display: none; +} +#fancybox-wrap { + position: absolute; + top: 0; + left: 0; + padding: 20px; + z-index: 6101; + outline: none; + display: none; +} +#fancybox-outer { + position: relative; + width: 100%; + height: 100%; + background: #fff; +} +#fancybox-content { + width: 0; + height: 0; + padding: 0; + outline: none; + position: relative; + overflow: hidden; + z-index: 6102; + border: 0px solid #fff; +} +#fancybox-hide-sel-frame { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: transparent; + z-index: 6101; +} +#fancybox-close { + position: absolute; + top: -15px; + right: -15px; + width: 30px; + height: 30px; + background: transparent url('../images/fancybox.png') -40px 0px; + cursor: pointer; + z-index: 6103; + display: none; +} +#fancybox-error { + color: #444; + font: normal 12px/20px Arial; + padding: 14px; + margin: 0; +} +#fancybox-img { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; + outline: none; + line-height: 0; + vertical-align: top; +} +#fancybox-frame { + width: 100%; + height: 100%; + border: none; + display: block; +} +#fancybox-left, #fancybox-right { + position: absolute; + bottom: 0px; + height: 100%; + width: 35%; + cursor: pointer; + outline: none; + background: transparent url('../images/blank.gif'); + z-index: 6102; + display: none; +} +#fancybox-left { + left: 0px; +} +#fancybox-right { + right: 0px; +} +#fancybox-left-ico, #fancybox-right-ico { + position: absolute; + top: 50%; + left: -9999px; + width: 30px; + height: 30px; + margin-top: -15px; + cursor: pointer; + z-index: 6102; + display: block; +} +#fancybox-left-ico { + background-image: url('../images/fancybox.png'); + background-position: -40px -30px; +} +#fancybox-right-ico { + background-image: url('../images/fancybox.png'); + background-position: -40px -60px; +} +#fancybox-left:hover, #fancybox-right:hover { + visibility: visible; /* IE6 */ +} +#fancybox-left:hover span { + left: 20px; +} +#fancybox-right:hover span { + left: auto; + right: 20px; +} +.fancybox-bg { + position: absolute; + padding: 0; + margin: 0; + border: 0; + width: 20px; + height: 20px; + z-index: 6001; +} +#fancybox-bg-n { + top: -20px; + left: 0; + width: 100%; + background-image: url('../images/fancybox-x.png'); +} +#fancybox-bg-ne { + top: -20px; + right: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -162px; +} +#fancybox-bg-e { + top: 0; + right: -20px; + height: 100%; + background-image: url('../images/fancybox-y.png'); + background-position: -20px 0px; +} +#fancybox-bg-se { + bottom: -20px; + right: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -182px; +} +#fancybox-bg-s { + bottom: -20px; + left: 0; + width: 100%; + background-image: url('../images/fancybox-x.png'); + background-position: 0px -20px; +} +#fancybox-bg-sw { + bottom: -20px; + left: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -142px; +} +#fancybox-bg-w { + top: 0; + left: -20px; + height: 100%; + background-image: url('../images/fancybox-y.png'); +} +#fancybox-bg-nw { + top: -20px; + left: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -122px; +} +#fancybox-title { + font-family: Helvetica; + font-size: 12px; + z-index: 6102; +} +.fancybox-title-inside { + padding-bottom: 10px; + text-align: center; + color: #333; + background: #fff; + position: relative; +} +.fancybox-title-outside { + padding-top: 10px; + color: #fff; +} +.fancybox-title-over { + position: absolute; + bottom: 0; + left: 0; + color: #FFF; + text-align: left; +} +#fancybox-title-over { + padding: 10px; + background-image: url('../images/fancy_title_over.png'); + display: block; +} +.fancybox-title-float { + position: absolute; + left: 0; + bottom: -20px; + height: 32px; +} +#fancybox-title-float-wrap { + border: none; + border-collapse: collapse; + width: auto; +} +#fancybox-title-float-wrap td { + border: none; + white-space: nowrap; +} +#fancybox-title-float-left { + padding: 0 0 0 15px; + background: url('../images/fancybox.png') -40px -90px no-repeat; +} +#fancybox-title-float-main { + color: #FFF; + line-height: 29px; + font-weight: bold; + padding: 0 0 3px 0; + background: url('../images/fancybox-x.png') 0px -40px; +} +#fancybox-title-float-right { + padding: 0 0 0 15px; + background: url('../images/fancybox.png') -55px -90px no-repeat; +} +/* IE6 */ + +.fancybox-ie6 #fancybox-close { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-left-ico { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-right-ico { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-over { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); + zoom: 1; +} +.fancybox-ie6 #fancybox-title-float-left { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-float-main { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-float-right { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { + height: expression(this.parentNode.clientHeight + "px"); +} +#fancybox-loading.fancybox-ie6 { + position: absolute; + margin-top: 0; + top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); +} +#fancybox-loading.fancybox-ie6 div { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale'); +} +/* IE6, IE7, IE8 */ + +.fancybox-ie .fancybox-bg { + background: transparent !important; +} +.fancybox-ie #fancybox-bg-n { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-ne { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-e { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-se { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-s { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-sw { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-w { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-nw { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale'); +} diff --git a/Project/assign/css/jquery.lightbox-0.5.css b/Project/assign/css/jquery.lightbox-0.5.css new file mode 100644 index 0000000..c7c3d1c --- /dev/null +++ b/Project/assign/css/jquery.lightbox-0.5.css @@ -0,0 +1,101 @@ +/** + * jQuery lightBox plugin + * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) + * and adapted to me for use like a plugin from jQuery. + * @name jquery-lightbox-0.5.css + * @author Leandro Vieira Pinho - http://leandrovieira.com + * @version 0.5 + * @date April 11, 2008 + * @category jQuery plugin + * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) + * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US + * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin + */ +#jquery-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 90; + width: 100%; + height: 500px; +} +#jquery-lightbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 100; + text-align: center; + line-height: 0; +} +#jquery-lightbox a img { border: none; } +#lightbox-container-image-box { + position: relative; + background-color: #fff; + width: 250px; + height: 250px; + margin: 0 auto; +} +#lightbox-container-image { padding: 10px; } +#lightbox-loading { + position: absolute; + top: 40%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +#lightbox-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +#lightbox-container-image-box > #lightbox-nav { left: 0; } +#lightbox-nav a { outline: none;} +#lightbox-nav-btnPrev, #lightbox-nav-btnNext { + width: 49%; + height: 100%; + zoom: 1; + display: block; +} +#lightbox-nav-btnPrev { + left: 0; + float: left; +} +#lightbox-nav-btnNext { + right: 0; + float: right; +} +#lightbox-container-image-data-box { + font: 10px Verdana, Helvetica, sans-serif; + background-color: #fff; + margin: 0 auto; + line-height: 1.4em; + overflow: auto; + width: 100%; + padding: 0 10px 0; +} +#lightbox-container-image-data { + padding: 0 10px; + color: #666; +} +#lightbox-container-image-data #lightbox-image-details { + width: 70%; + float: left; + text-align: left; +} +#lightbox-image-details-caption { font-weight: bold; } +#lightbox-image-details-currentNumber { + display: block; + clear: left; + padding-bottom: 1.0em; +} +#lightbox-secNav-btnClose { + width: 66px; + float: right; + padding-bottom: 0.7em; +} \ No newline at end of file diff --git a/Project/assign/css/nivo-slider.css b/Project/assign/css/nivo-slider.css new file mode 100644 index 0000000..02ffc35 --- /dev/null +++ b/Project/assign/css/nivo-slider.css @@ -0,0 +1,69 @@ +/* + * jQuery Nivo Slider v2.6 + * http://nivo.dev7studios.com + * + * Copyright 2011, Gilbert Pellegrom + * Free to use and abuse under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + * March 2010 + */ + + +/* The Nivo Slider styles */ +.nivoSlider { + position:relative; +} +.nivoSlider img { + position:absolute; + top:0px; + left:0px; +} +/* If an image is wrapped in a link */ +.nivoSlider a.nivo-imageLink { + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + border:0; + padding:0; + margin:0; + z-index:6; + display:none; +} +/* The slices and boxes in the Slider */ +.nivo-slice { + display:block; + position:absolute; + z-index:5; + height:100%; +} +.nivo-box { + display:block; + position:absolute; + z-index:5; +} + +/* Direction nav styles (e.g. Next & Prev) */ +.nivo-directionNav a { + position:absolute; + top:45%; + z-index:9; + cursor:pointer; +} +.nivo-prevNav { + left: 0px; +} +.nivo-nextNav { + right: 0px; +} +/* Control nav styles (e.g. 1,2,3...) */ +.nivo-controlNav a { + position:relative; + z-index:9; + cursor:pointer; +} +.nivo-controlNav a.active { + font-weight:bold; +} \ No newline at end of file diff --git a/Project/assign/css/nivo-theme.css b/Project/assign/css/nivo-theme.css new file mode 100644 index 0000000..84bb8e0 --- /dev/null +++ b/Project/assign/css/nivo-theme.css @@ -0,0 +1,67 @@ +/* +Skin Name: EFFE Nivo Slider Skin +Skin URI: http://92five.net +Skin Type: flexible +Description: effe Nivo Slider Skin +Version: 1.0 +Author: 92five +Author URI: http://92five.net +*/ + +.theme-effe .nivoSlider { + width: 720px; + height: 320px; + position:relative; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + background:#fff url(../images/loading.gif) no-repeat 50% 50%; +} +.theme-effe .nivo-caption { + height: 0px; +} +.theme-effe .nivoSlider img { + position:absolute; + top:0px; + left:0px; + display:none; +} +.theme-effe .nivoSlider a { + border:0; + display:block; +} + +.theme-effe .nivo-controlNav { + position: absolute; + left: 310px; + bottom: 5px; +} +.theme-effe .nivo-controlNav a { + display:block; + width:22px; + height:22px; + background:url(../images/bullets.png) no-repeat; + text-indent:-9999px; + border:0; + margin-right:3px; + float:left; +} +.theme-effe .nivo-controlNav a.active { + background-position:0 -22px; +} + +.theme-effe .nivo-directionNav a { + display:block; + width:30px; + height:30px; + background:url(../images/arrows.png) no-repeat; + text-indent:-9999px; + border:0; +} +.theme-effe a.nivo-nextNav { + background-position:-30px 0; + right:15px; +} +.theme-effe a.nivo-prevNav { + left:15px; +} \ No newline at end of file diff --git a/Project/assign/css/style.css b/Project/assign/css/style.css new file mode 100644 index 0000000..49c2b0a --- /dev/null +++ b/Project/assign/css/style.css @@ -0,0 +1,1196 @@ +/****************************************************************** +******************************************************************* + +Template Name: Effe +Theme URI: http://www.92five.net +Description: Personal Blog +Author: 92five +Author URI: http://www.92five.net +Version: 1.0 + +Designed & Handcrafted by 92five for 92five.net + +******************************************************************* +******************************************************************/ + + +/****************************************************************** +This is the CSS Reset +******************************************************************/ +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; +} +/* HTML5 display-role reset for older browsers */ +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; +} +/****************************************************************** +TEXT SELECTION STYLES +******************************************************************/ +/* Safari, Chrome, iPhones, iPads */ +::selection { + background:#E095B4; + color:#fff; +} +::-moz-selection { + background:#E095B4; + color:#fff; +} +::-webkit-selection { + background:#E095B4; + color:#fff; +} +a { + color: #E095B4; + outline: none; +} +/****************************************************************** +General CSS +******************************************************************/ + +#content { + width: 720px; + padding-top: 170px; + margin-left: 240px; + z-index: 1; +} +p { + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #848484; + font-size: 8pt; +} +h1 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 22pt; +} +h2 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 18pt; +} +h3 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 16pt; +} +h4 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 14pt; +} +h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 12pt; +} +h6 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 10pt; +} +/*************************************************** +COLUMNS and FEATURES +***************************************************/ + +.one, .one-half, .two-third, .one-third, .one-fourth { + float: left; +} +.one-half, .two-third, .one-third, .one-fourth { + margin-right: 25px; +} +.one { + width: 720px; +} +.one-half { + width: 340px; +} +.two-third { + width: 460px; +} +.one-third { + width: 220px; +} +.one-fourth { + width: 160px; +} +.one-half-last { + width: 350px; + float: right; +} +.two-third-last { + width: 460px; + float: right; +} +.one-third-last { + width: 220px; + float: right; +} +.one-fourth-last { + width: 160px; + float: right; +} +.clear { + clear: both; +} +.dropcap { + font-family: Verdana, Arial, sans-serif; + font-size: 36px; + color: #333; + width:32px; + height:30px; + float:left; + padding:5px 5px 5px 5px; + text-align:center; + margin:5px 5px 5px 5px; +} +blockquote { + font-style:italic; + font-size:20px; + margin-right:20px; + padding-left:20px; + margin-left:20px; + margin-top: 60px; + margin-bottom: 60px; + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + color:#333; + text-align: center; + background-image: url(../images/blockquote.png); + background-repeat: no-repeat; + background-position: left top; +} +.styled-list-check li { + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #666; + text-decoration: none; + font-size: 14px; + background-image: url(../images/check.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 16px; +} +.styled-list-check { + padding-bottom: 60px; +} +.styled-list-dot li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 14px; + color: #666; + background-image: url(../images/dot.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.styled-list-dot { + padding-bottom: 60px; +} +.styled-list-star li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 14px; + color: #666; + background-image: url(../images/star.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.styled-list-star { + padding-bottom: 60px; +} +.readmore { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + font-size: 11px; + text-decoration: none; + color: #E095B4; + float: right; + margin-right: 0px; + margin-top: 0px; +} +a:hover { + color: #E35A88; +} +.spacer { + height: 1px; + clear: both; + border-bottom: 1px; + border-style: solid; + border-color: #d6d6d6; + margin: 20px 5px 20px 5px; +} +.blank-spacer { + width: 720px; + height: 1px; + clear: both; + margin: 10px 5px 10px 5px; + padding: 10px 5px 10px 5px; +} +.star-divider { + background-image:url(../images/star_divider.png); + text-align: center; + display: block; + clear: both; + height: 16px; + width: 430px; + margin-top: 10px; + margin-right: auto; + margin-bottom: 10px; + margin-left: auto; + background-repeat: no-repeat; +} +#error { + display: block; + text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 300px; +} +#sucess { + display: block; + text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 300px; +} +/****************************************************************** +Header & Menu CSS +******************************************************************/ + +#header-wrapper { + position: fixed; + background-color: #FFF; + width: 100%; + height: 120px; + top: 0px; + border-bottom: 1px; + border-bottom-style: solid; + border-bottom-color: #d8d8d8; + z-index: 5000; +} +#header { + width: 960px; +} +#logo { + float: left; + width: 100px; + padding: 20px 0 10px 40px; +} +#header-text { + width: 480px; + padding-top: 40px; + margin-left: 240px; + display: block; + height: 20px; +} +#header-text h6 { + font-size: 7pt; + color: #d8d8d8; +} +#header-text a { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + color: #d8d8d8; + text-decoration: none; + font-size: 7pt; +} +#social-box { + width: 96px; + height: 22px; + position: fixed; + bottom: 40px; + left: 30px; +} +#social-box li { + float: left; + padding-left: 6px; + display: inline; +} +#menu-wrapper { + height: 100%; + padding-top: 120px; + float: left; + width: 140px; +} +#main-menu { + position: fixed; + padding-top: 60px; + padding-left: 40px; + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +#main-menu a { + color: #707070; + text-decoration: none; + font-size: 14pt; +} +#main-menu a:hover { + color: #121212; +} +#main-menu li { + padding: 5px 0 5px 0; +} +#main-menu .selected { + color: #121212; +} +#footer h6 { + font-size: 10px; + position: fixed; + bottom: 10px; + left: 20px; +} +.facebook a { + background-image: url(../images/facebook.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.facebook a:hover { + background-position: 0 -26px; + color: #444444; +} +.twitter a { + background-image: url(../images/twitter.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.twitter a:hover { + background-position: 0 -26px; + color: #444444; +} +.rss a { + background-image: url(../images/rss.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.rss a:hover { + background-position: 0 -26px; + color: #444444; +} +#slide-panel { + position: fixed; + top: 120px; + left: 240px; + height: 420px; + width: 720px; + display: none; + border-width: 1px; + border-style: solid; + border-color: #e2e2e2; + background-color: #FFF; + margin: auto; + text-align: center; + margin-bottom: 5px; + z-index: 6000; +} +.slide { + background-image: url(../images/slide_button.png); + background-repeat: no-repeat; + position: fixed; + top: 33px; + left: 800px; + z-index: 5000; +} +.btn-slide { + text-align: center; + width: 120px; + height: 60px; + display: block; + color: #fff; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1em; + margin-right: auto; + margin-left: auto; + line-height: 22px; + z-index: 5000; +} +/****************************************************************** +Some Nivo Customization CSS +For easy editing (the main Nivo CSS is in nivo-theme.css) +******************************************************************/ + +.theme-effe .nivo-caption { + font-family: Verdana, Arial, sans-serif; + font-size: 14px; +} +.theme-effe .nivo-caption h1 { + padding: 50px 10px 5px 10px; +} +.theme-effe .nivo-caption p { + padding: 5px 20px 20px 20px; + text-align: justify; +} +.theme-effe .nivo-caption .readmore { + position: absolute; + font-family: Verdana, Arial, sans-serif; + font-size: 16px; + color: #999; + text-decoration: none; + bottom: 20px; + left: 160px; +} +/****************************************************************** +IMG Hovers +******************************************************************/ + +.recent-summary img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.recent-gallery img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.about-item img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.blog-item img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.blog-item-single img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +/****************************************************************** +Home Page CSS +******************************************************************/ + +#recent-posts-container { + width: 720px; + height: 200px; + margin-top: 60px; +} +#recent-projects-container { + width: 720px; + height: 200px; + margin-top: 60px; +} +.section-description { + float: left; + width: 110px; + height: 160px; + padding-right: 20px; + border-right: 1px; + border-style: solid; + border-color: #d8d8d8; +} +.recent-summary { + width: 600px; + display: inline; +} +.recent-item { + padding-left: 40px; + float: left; + width: 260px; +} +.recent-item-last { + float: right; + width: 250px; +} +.recent-summary p { + width: 250px; + text-align: left; + padding: 0px 0px 50px 0px; +} +.recent-summary h6 { + width: 250px; + font-weight: bold; + text-align: left; + padding: 5px 0px 0px 0px; +} +.item { + width:125px; + height:125px; + border:4px solid #222; + margin:5px 0px 5px 0px; + /* required to hide the image after resized */ + overflow:hidden; + /* for child absolute position */ + position:relative; + /* display div in line */ + float:left; +} +#recent-text { + text-align: center; +} +#recent-text h5 { + padding-bottom: 0px; +} +.recent-gallery { + text-align: center; + margin-left: auto; + margin-right: auto; + width: 720px; + margin-top: 40px; +} +#follow h1 { + text-align: center; + font-size: 22px; + padding-top: 100px; + clear: both; +} +#follow h3 { + text-align: center; + padding: 16px; +} +#follow p { + text-align: center; +} +#follow-twitter { + text-align: center; + width: 150px; + height: 80px; + display: block; + padding-top: 20px; + float: left; + padding-left: 170px; +} +#follow-mail { + text-align: center; + width: 150px; + height: 80px; + display: block; + padding-top: 20px; + float: right; + padding-right: 170px; +} +/****************************************************************** +About us CSS +******************************************************************/ + +.about { + padding-top: 25px; + width: 720px; + padding-bottom: 50px; +} +.about p { + text-align: justify; +} +.team-text { + text-align: center; +} +/****************************************************************** +Portfolio CSS +******************************************************************/ + +#filter { + display: block; + height: 20px; + margin-left: 20px; + position: relative; + text-align: center; + width: 700px; +} +#filter:before, #filter:after { + height: 43px; + position: absolute; + top: 0; + width: 78px; + content: ''; +} +#filter:before { + background-position: 0 -47px; + left: -78px; +} +#filter:after { + background-position: 0 0; + right: -78px; +} +#filter a { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + font-size: 16px; + color: #666; + display: inline-block; + text-decoration: none; + height: 39px; + line-height: 37px; + padding: 0 15px; +} +#filter a:hover { + text-decoration:none; +} +#filter a.active { + color: #121212; +} +#stage { + width: 720px; +} +#container { + display:block; + overflow:hidden; + width: 720px; + margin:0 auto; +} +#container li { + float: left; + height: 180px; + list-style: none outside none; + margin: 20px; + position: relative; + width: 200px; +} +#container li p { + margin-left: 0px; +} +#container li h6 { + padding-top: 5px; + font-weight: bold; + margin-left: 0px; +} +#container li a:hover { + color: #121212; +} +#container ul { + overflow:hidden; +} +#container ul.hidden { + display:none; +} +/****************************************************************** +This CSS is for the project page +******************************************************************/ +#project-title { + display: block; + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #666; + text-decoration: none; + font-size: 18pt; + float: right; + padding-top: 10px; +} +.project { + padding-top: 50px; + width: 720px; +} +#description { + padding-bottom: 20px; + float: left; + width: 480px; +} +#work { + margin-top: 15px; + border-left: 1px; + border-style: solid; + border-color: #c9c9c9; + float: right; + padding-left: 40px; +} +#work h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +#work li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 9pt; + color: #666; + background-image: url(../images/check.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.project-summary { + clear: both; + width: 720px; + padding-right: 10px; + padding-top: 60px; + text-align: left; +} +.project-summary h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +/****************************************************************** +Blog CSS +******************************************************************/ + +#blog { + display: block; + width: 720px; + margin-top: 10px; + margin-left: auto; + margin-right: auto; + margin-bottom: 100px; +} +.blog-item-info { + padding: 10px 0 15px 0; + height: 15px; + width: 400px; + float: right; +} +.blog-item { + clear: both; + width: 720px; + height: 270px; +} +.blog-item-content { + width: 400px; + margin-top: 0px; + margin-left: 15px; + margin-bottom: 50px; + float: right; +} +.blog-item img { + margin-bottom: 50px; + float: left; +} +.blog-item-content h5 { + font-weight: bold; +} +.blog-item-content p { + padding: 0px 5px 5px 0px; + text-align: justify; +} +#blog .readmore { + float: left; + padding-top: 20px; +} +.user { + background-image: url(../images/user.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.user:hover { + background-position: 0 -17px; + color: #444444; +} +.comments { + background-image: url(../images/comments.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.comments:hover { + background-position: 0 -17px; + color: #444444; +} +.tags { + background-image: url(../images/tags.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.tags:hover { + background-position: 0 -17px; + color: #444444; +} +#pagination { + display: inline-block; + height: 8px; + text-align: center; + width: 720px; + font-size: 10pt; +} +#pagination a { + color: #707070; + text-decoration: none; +} +#pagination .active { + color: #444444; + text-decoration: underline; +} +.blog-item-single-info { + padding: 5px 0 20px 0; + height: 15px; + width: 720px; +} +.blog-item-single { + clear: both; + width: 720px; + height: 270px; +} +.blog-item-single-content { + width: 720px; + margin-top: 10px; + margin-bottom: 50px; +} +.blog-item-single img { + margin-bottom: 10px; +} +.blog-item-single-content h5 { + font-weight: bold; +} +.blog-item-single-content p { + text-align: left; + padding-bottom: 20px; +} +.social-blog-buttons { + display: inline; + float: left; + height: 20px; +} +.comments-block { + width: 720px; +} +.comments-title { + padding-top: 40px; +} +.comments-block a { + width: 720px; +} +.avatar { + padding-top: 6px; + float: left; + width: 40px; +} +.post-author { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 14pt; + cursor: pointer; +} +.comment-info { + width: 400px; + display: block; + padding-left: 60px; +} +.comment-body { + padding-top: 15px; +} +.reply { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 10pt; +} +.required-comment { + padding-bottom: 20px; +} +.short-label { + width: 40px; +} +.input-block { + width: 180px; + padding-right: 65px; + height: 50px; + display: inline-block; +} +.input-block-long { + width: 140px; + display: inline-block; +} +.short-field { + width: 170px; +} +.long-field { + width: 200px; +} +#comment { + width: 700px; +} +#comment-button { + height: 30px; + padding: 5px; +} +/*************************************************** +Contact CSS +***************************************************/ + +#contact { + display: inline; + position: relative; + width: 450px; + float: left; + margin: 0px; + margin-top: 20px; + margin-bottom: 40px; + padding: 20px 70px 20px 0px; + ; + border-right: 1px; + border-style: solid; + border-color: #d6d6d6; +} +#contactform { + padding-top: 10px; +} +#contact p { + padding-top: 5px; +} +#contactform h6 { + font-size: 12px; + color: #848484; + float: left; +} +#contactform .boxes { + float: left; + display: block; + margin-bottom: 20px; + margin-top: 20px; +} +#contactform .box { + width: 390px; + margin-bottom: 18px; + margin-top: 2px; + margin-left: 60px; +} +#contactform .msgbox { + margin-bottom: 18px; + margin-top: 2px; + margin-left: 60px; + width: 400px; +} +#contactform .message { + text-align: left; + margin-top: 2px; + height: 135px; + width: 400px; + padding: 5px; +} +#contactform #sender_name { + width: 320px; +} +#contactform #sender_email { + width: 320px; +} +#contactform #sender_url { + width: 320px; +} +#contactform .submitbtn { + width: 120px; + padding-top: 15px; + margin-left: 60px; +} +.contactinformation .overline { + margin-bottom: 15px; +} +#contactinfo { + padding-right: 10px; + padding-top: 80px; + float: right; +} +/****************************************************************** +This is the buttons and inputs CSS +******************************************************************/ + +.button { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + font-size:12px; + text-align:center; + text-decoration:none; + padding-top: 5px; + height: 34px; + padding-right: 10px; + padding-bottom: 7px; + padding-left: 10px; +} +.btncolor, .btncolor:focus, .btncolor:hover { + background:#FFF; + color:#999; +} +.required { + color: #444444; +} +input, textarea { + background: #fff; + border: 1px solid #c9c9c9; +} +input, textarea { + padding: 5px; +} +input { + height: 20px; +} +input:focus, textarea:focus, button:hover { + background: #fff; + border: 1px solid #444444; + -webkit-box-shadow: 0 0 2px #444444; + -moz-box-shadow: 0 0 2px #444444; + box-shadow: 0 0 2px #444444; +} +input:focus, textarea:focus { + color: #c9c9c9; +} +/****************************************************************** +This is the CSS for the social links +******************************************************************/ + +#social { + display: inline; + float: right; +} +.dribbble a { + background-image: url(../images/dribbble.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.dribbble a:hover { + background-position: 0 -17px; + color: #444444; +} +.forrst a { + background-image: url(../images/forrst.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.forrst a:hover { + background-position: 0 -17px; + color: #444444; +} +.google a { + background-image: url(../images/google.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.google a:hover { + background-position: 0 -17px; + color: #444444; +} +.twitter_small a { + background-image: url(../images/twitter_small.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.twitter_small a:hover { + background-position: 0 -17px; + color: #444444; +} +.facebook_small a { + background-image: url(../images/facebook_small.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.facebook_small a:hover { + background-position: 0 -17px; + color: #444444; +} + +#overlay_container{ + position:absolute; + background: #EFF1F0; + border: #CCC solid thin; + border-width: 5px; +} +#popup_overlay{ + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0; + margin: 0; + position: fixed; + background-color: #CCC; + opacity: 0.4; + filter:alpha(opacity=40); + -moz-opacity:0.4; + -khtml-opacity: 0.4; +} diff --git a/Project/assign/googleflicker.api.php b/Project/assign/googleflicker.api.php new file mode 100644 index 0000000..382e464 --- /dev/null +++ b/Project/assign/googleflicker.api.php @@ -0,0 +1,34 @@ +processVars(); + +if(!empty($data) & !empty($data['d']) && !empty($data['c'])){ + + RestUtils::sendResponse(null,$data['d'],$data['c']); + +}else{ + RestUtils::sendResponse(404,null,null); +} + + +/* + $('#tyreCat').animate({'background-color': '#ffe1e1'}); + setTimeout(changeColor('#tyreCat'), 500); + function changeColor(id){ + $(id).animate({'background-color': '#ffffff'}); + } + * + * + * + * + */ +?> diff --git a/Project/assign/images/about/large/pricing-table.jpg b/Project/assign/images/about/large/pricing-table.jpg new file mode 100644 index 0000000..0b6d57d Binary files /dev/null and b/Project/assign/images/about/large/pricing-table.jpg differ diff --git a/Project/assign/images/about/thumbs/about1.jpg b/Project/assign/images/about/thumbs/about1.jpg new file mode 100644 index 0000000..9dbc78b Binary files /dev/null and b/Project/assign/images/about/thumbs/about1.jpg differ diff --git a/Project/assign/images/about/thumbs/about2.jpg b/Project/assign/images/about/thumbs/about2.jpg new file mode 100644 index 0000000..c6d993c Binary files /dev/null and b/Project/assign/images/about/thumbs/about2.jpg differ diff --git a/Project/assign/images/about/thumbs/about3.jpg b/Project/assign/images/about/thumbs/about3.jpg new file mode 100644 index 0000000..acc4fbc Binary files /dev/null and b/Project/assign/images/about/thumbs/about3.jpg differ diff --git a/Project/assign/images/about/thumbs/about4.jpg b/Project/assign/images/about/thumbs/about4.jpg new file mode 100644 index 0000000..acc4fbc Binary files /dev/null and b/Project/assign/images/about/thumbs/about4.jpg differ diff --git a/Project/assign/images/ajax-load.gif b/Project/assign/images/ajax-load.gif new file mode 100644 index 0000000..03334cd Binary files /dev/null and b/Project/assign/images/ajax-load.gif differ diff --git a/Project/assign/images/arrows.png b/Project/assign/images/arrows.png new file mode 100644 index 0000000..44348d6 Binary files /dev/null and b/Project/assign/images/arrows.png differ diff --git a/Project/assign/images/blockquote.png b/Project/assign/images/blockquote.png new file mode 100644 index 0000000..c1ce61b Binary files /dev/null and b/Project/assign/images/blockquote.png differ diff --git a/Project/assign/images/blog/large/blog1.jpg b/Project/assign/images/blog/large/blog1.jpg new file mode 100644 index 0000000..6bbc384 Binary files /dev/null and b/Project/assign/images/blog/large/blog1.jpg differ diff --git a/Project/assign/images/blog/large/blog2.jpg b/Project/assign/images/blog/large/blog2.jpg new file mode 100644 index 0000000..d5dca2c Binary files /dev/null and b/Project/assign/images/blog/large/blog2.jpg differ diff --git a/Project/assign/images/blog/large/blog3.jpg b/Project/assign/images/blog/large/blog3.jpg new file mode 100644 index 0000000..1ede11b Binary files /dev/null and b/Project/assign/images/blog/large/blog3.jpg differ diff --git a/Project/assign/images/blog/large/recent1.jpg b/Project/assign/images/blog/large/recent1.jpg new file mode 100644 index 0000000..6bbc384 Binary files /dev/null and b/Project/assign/images/blog/large/recent1.jpg differ diff --git a/Project/assign/images/blog/large/recent2.jpg b/Project/assign/images/blog/large/recent2.jpg new file mode 100644 index 0000000..d5dca2c Binary files /dev/null and b/Project/assign/images/blog/large/recent2.jpg differ diff --git a/Project/assign/images/blog/single/blog1.jpg b/Project/assign/images/blog/single/blog1.jpg new file mode 100644 index 0000000..1987487 Binary files /dev/null and b/Project/assign/images/blog/single/blog1.jpg differ diff --git a/Project/assign/images/blog/thumbs/blog1.jpg b/Project/assign/images/blog/thumbs/blog1.jpg new file mode 100644 index 0000000..e4eeeea Binary files /dev/null and b/Project/assign/images/blog/thumbs/blog1.jpg differ diff --git a/Project/assign/images/blog/thumbs/blog2.jpg b/Project/assign/images/blog/thumbs/blog2.jpg new file mode 100644 index 0000000..0b0134c Binary files /dev/null and b/Project/assign/images/blog/thumbs/blog2.jpg differ diff --git a/Project/assign/images/blog/thumbs/blog3.jpg b/Project/assign/images/blog/thumbs/blog3.jpg new file mode 100644 index 0000000..1e646f8 Binary files /dev/null and b/Project/assign/images/blog/thumbs/blog3.jpg differ diff --git a/Project/assign/images/blog/thumbs/blog4.jpg b/Project/assign/images/blog/thumbs/blog4.jpg new file mode 100644 index 0000000..2ecbe70 Binary files /dev/null and b/Project/assign/images/blog/thumbs/blog4.jpg differ diff --git a/Project/assign/images/blog/thumbs/recent1.jpg b/Project/assign/images/blog/thumbs/recent1.jpg new file mode 100644 index 0000000..9ae1975 Binary files /dev/null and b/Project/assign/images/blog/thumbs/recent1.jpg differ diff --git a/Project/assign/images/blog/thumbs/recent2.jpg b/Project/assign/images/blog/thumbs/recent2.jpg new file mode 100644 index 0000000..63fb815 Binary files /dev/null and b/Project/assign/images/blog/thumbs/recent2.jpg differ diff --git a/Project/assign/images/bullets.png b/Project/assign/images/bullets.png new file mode 100644 index 0000000..79072b5 Binary files /dev/null and b/Project/assign/images/bullets.png differ diff --git a/Project/assign/images/check.png b/Project/assign/images/check.png new file mode 100644 index 0000000..2598ec0 Binary files /dev/null and b/Project/assign/images/check.png differ diff --git a/Project/assign/images/comments.png b/Project/assign/images/comments.png new file mode 100644 index 0000000..2883ba2 Binary files /dev/null and b/Project/assign/images/comments.png differ diff --git a/Project/assign/images/del.jpeg b/Project/assign/images/del.jpeg new file mode 100644 index 0000000..efbb2d8 Binary files /dev/null and b/Project/assign/images/del.jpeg differ diff --git a/Project/assign/images/del.jpg b/Project/assign/images/del.jpg new file mode 100644 index 0000000..eebd60f Binary files /dev/null and b/Project/assign/images/del.jpg differ diff --git a/Project/assign/images/done.jpeg b/Project/assign/images/done.jpeg new file mode 100644 index 0000000..6a034f6 Binary files /dev/null and b/Project/assign/images/done.jpeg differ diff --git a/Project/assign/images/done.jpg b/Project/assign/images/done.jpg new file mode 100644 index 0000000..6d9a3ba Binary files /dev/null and b/Project/assign/images/done.jpg differ diff --git a/Project/assign/images/dot.png b/Project/assign/images/dot.png new file mode 100644 index 0000000..1ac5909 Binary files /dev/null and b/Project/assign/images/dot.png differ diff --git a/Project/assign/images/dribbble.png b/Project/assign/images/dribbble.png new file mode 100644 index 0000000..63a66c3 Binary files /dev/null and b/Project/assign/images/dribbble.png differ diff --git a/Project/assign/images/facebook.png b/Project/assign/images/facebook.png new file mode 100644 index 0000000..bc2a65d Binary files /dev/null and b/Project/assign/images/facebook.png differ diff --git a/Project/assign/images/facebook_small.png b/Project/assign/images/facebook_small.png new file mode 100644 index 0000000..e3d9b65 Binary files /dev/null and b/Project/assign/images/facebook_small.png differ diff --git a/Project/assign/images/fancy_close.png b/Project/assign/images/fancy_close.png new file mode 100644 index 0000000..551ae1b Binary files /dev/null and b/Project/assign/images/fancy_close.png differ diff --git a/Project/assign/images/fancy_loading.png b/Project/assign/images/fancy_loading.png new file mode 100644 index 0000000..2503017 Binary files /dev/null and b/Project/assign/images/fancy_loading.png differ diff --git a/Project/assign/images/fancy_nav_left.png b/Project/assign/images/fancy_nav_left.png new file mode 100644 index 0000000..d1bd953 Binary files /dev/null and b/Project/assign/images/fancy_nav_left.png differ diff --git a/Project/assign/images/fancy_nav_right.png b/Project/assign/images/fancy_nav_right.png new file mode 100644 index 0000000..4c52c60 Binary files /dev/null and b/Project/assign/images/fancy_nav_right.png differ diff --git a/Project/assign/images/fancy_shadow_e.png b/Project/assign/images/fancy_shadow_e.png new file mode 100644 index 0000000..2eda089 Binary files /dev/null and b/Project/assign/images/fancy_shadow_e.png differ diff --git a/Project/assign/images/fancy_shadow_n.png b/Project/assign/images/fancy_shadow_n.png new file mode 100644 index 0000000..69aa10e Binary files /dev/null and b/Project/assign/images/fancy_shadow_n.png differ diff --git a/Project/assign/images/fancy_shadow_ne.png b/Project/assign/images/fancy_shadow_ne.png new file mode 100644 index 0000000..79f6980 Binary files /dev/null and b/Project/assign/images/fancy_shadow_ne.png differ diff --git a/Project/assign/images/fancy_shadow_nw.png b/Project/assign/images/fancy_shadow_nw.png new file mode 100644 index 0000000..7182cd9 Binary files /dev/null and b/Project/assign/images/fancy_shadow_nw.png differ diff --git a/Project/assign/images/fancy_shadow_s.png b/Project/assign/images/fancy_shadow_s.png new file mode 100644 index 0000000..d8858bf Binary files /dev/null and b/Project/assign/images/fancy_shadow_s.png differ diff --git a/Project/assign/images/fancy_shadow_se.png b/Project/assign/images/fancy_shadow_se.png new file mode 100644 index 0000000..541e3ff Binary files /dev/null and b/Project/assign/images/fancy_shadow_se.png differ diff --git a/Project/assign/images/fancy_shadow_sw.png b/Project/assign/images/fancy_shadow_sw.png new file mode 100644 index 0000000..b451689 Binary files /dev/null and b/Project/assign/images/fancy_shadow_sw.png differ diff --git a/Project/assign/images/fancy_shadow_w.png b/Project/assign/images/fancy_shadow_w.png new file mode 100644 index 0000000..8a4e4a8 Binary files /dev/null and b/Project/assign/images/fancy_shadow_w.png differ diff --git a/Project/assign/images/fancy_title_left.png b/Project/assign/images/fancy_title_left.png new file mode 100644 index 0000000..6049223 Binary files /dev/null and b/Project/assign/images/fancy_title_left.png differ diff --git a/Project/assign/images/fancy_title_main.png b/Project/assign/images/fancy_title_main.png new file mode 100644 index 0000000..8044271 Binary files /dev/null and b/Project/assign/images/fancy_title_main.png differ diff --git a/Project/assign/images/fancy_title_over.png b/Project/assign/images/fancy_title_over.png new file mode 100644 index 0000000..d9f458f Binary files /dev/null and b/Project/assign/images/fancy_title_over.png differ diff --git a/Project/assign/images/fancy_title_right.png b/Project/assign/images/fancy_title_right.png new file mode 100644 index 0000000..e36d9db Binary files /dev/null and b/Project/assign/images/fancy_title_right.png differ diff --git a/Project/assign/images/fancybox-x.png b/Project/assign/images/fancybox-x.png new file mode 100644 index 0000000..c2130f8 Binary files /dev/null and b/Project/assign/images/fancybox-x.png differ diff --git a/Project/assign/images/fancybox-y.png b/Project/assign/images/fancybox-y.png new file mode 100644 index 0000000..7ef399b Binary files /dev/null and b/Project/assign/images/fancybox-y.png differ diff --git a/Project/assign/images/fancybox.png b/Project/assign/images/fancybox.png new file mode 100644 index 0000000..65e14f6 Binary files /dev/null and b/Project/assign/images/fancybox.png differ diff --git a/Project/assign/images/fav.jpg b/Project/assign/images/fav.jpg new file mode 100644 index 0000000..ea5eb31 Binary files /dev/null and b/Project/assign/images/fav.jpg differ diff --git a/Project/assign/images/forrst.png b/Project/assign/images/forrst.png new file mode 100644 index 0000000..0f78bff Binary files /dev/null and b/Project/assign/images/forrst.png differ diff --git a/Project/assign/images/gallery/large/img1.jpg b/Project/assign/images/gallery/large/img1.jpg new file mode 100644 index 0000000..a6d20fb Binary files /dev/null and b/Project/assign/images/gallery/large/img1.jpg differ diff --git a/Project/assign/images/gallery/large/img2.jpg b/Project/assign/images/gallery/large/img2.jpg new file mode 100644 index 0000000..ec53f40 Binary files /dev/null and b/Project/assign/images/gallery/large/img2.jpg differ diff --git a/Project/assign/images/gallery/large/img3.jpg b/Project/assign/images/gallery/large/img3.jpg new file mode 100644 index 0000000..d17ac26 Binary files /dev/null and b/Project/assign/images/gallery/large/img3.jpg differ diff --git a/Project/assign/images/gallery/large/img4.jpg b/Project/assign/images/gallery/large/img4.jpg new file mode 100644 index 0000000..790eb8b Binary files /dev/null and b/Project/assign/images/gallery/large/img4.jpg differ diff --git a/Project/assign/images/gallery/large/img5.jpg b/Project/assign/images/gallery/large/img5.jpg new file mode 100644 index 0000000..1b12c99 Binary files /dev/null and b/Project/assign/images/gallery/large/img5.jpg differ diff --git a/Project/assign/images/gallery/large/img6.jpg b/Project/assign/images/gallery/large/img6.jpg new file mode 100644 index 0000000..b18d8fb Binary files /dev/null and b/Project/assign/images/gallery/large/img6.jpg differ diff --git a/Project/assign/images/gallery/large/img7.jpg b/Project/assign/images/gallery/large/img7.jpg new file mode 100644 index 0000000..8a25147 Binary files /dev/null and b/Project/assign/images/gallery/large/img7.jpg differ diff --git a/Project/assign/images/gallery/large/img8.jpg b/Project/assign/images/gallery/large/img8.jpg new file mode 100644 index 0000000..3731f4f Binary files /dev/null and b/Project/assign/images/gallery/large/img8.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img1.jpg b/Project/assign/images/gallery/thumbs/img1.jpg new file mode 100644 index 0000000..d21d041 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img1.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img2.jpg b/Project/assign/images/gallery/thumbs/img2.jpg new file mode 100644 index 0000000..a5ba638 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img2.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img3.jpg b/Project/assign/images/gallery/thumbs/img3.jpg new file mode 100644 index 0000000..8b6e945 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img3.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img4.jpg b/Project/assign/images/gallery/thumbs/img4.jpg new file mode 100644 index 0000000..f948fc4 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img4.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img5.jpg b/Project/assign/images/gallery/thumbs/img5.jpg new file mode 100644 index 0000000..39674f9 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img5.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img6.jpg b/Project/assign/images/gallery/thumbs/img6.jpg new file mode 100644 index 0000000..bfb50af Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img6.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img7.jpg b/Project/assign/images/gallery/thumbs/img7.jpg new file mode 100644 index 0000000..0165567 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img7.jpg differ diff --git a/Project/assign/images/gallery/thumbs/img8.jpg b/Project/assign/images/gallery/thumbs/img8.jpg new file mode 100644 index 0000000..e786fe7 Binary files /dev/null and b/Project/assign/images/gallery/thumbs/img8.jpg differ diff --git a/Project/assign/images/google.png b/Project/assign/images/google.png new file mode 100644 index 0000000..53939c5 Binary files /dev/null and b/Project/assign/images/google.png differ diff --git a/Project/assign/images/index.jpeg b/Project/assign/images/index.jpeg new file mode 100644 index 0000000..506b78c Binary files /dev/null and b/Project/assign/images/index.jpeg differ diff --git a/Project/assign/images/jquery.fancybox-1.3.4.css b/Project/assign/images/jquery.fancybox-1.3.4.css new file mode 100644 index 0000000..dd67179 --- /dev/null +++ b/Project/assign/images/jquery.fancybox-1.3.4.css @@ -0,0 +1,355 @@ +/* + * FancyBox - jQuery Plugin + * Simple and fancy lightbox alternative + * + * Examples and documentation at: http://fancybox.net + * + * Copyright (c) 2008 - 2010 Janis Skarnelis + * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. + * + * Version: 1.3.4 (11/11/2010) + * Requires: jQuery v1.3+ + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ + +#fancybox-loading { + position: fixed; + top: 50%; + left: 50%; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + cursor: pointer; + overflow: hidden; + z-index: 6104; + display: none; +} +#fancybox-loading div { + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 480px; + background-image: url('../images/fancybox.png'); +} +#fancybox-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 6100; + display: none; +} +#fancybox-tmp { + padding: 0; + margin: 0; + border: 0; + overflow: auto; + display: none; +} +#fancybox-wrap { + position: absolute; + top: 0; + left: 0; + padding: 20px; + z-index: 6101; + outline: none; + display: none; +} +#fancybox-outer { + position: relative; + width: 100%; + height: 100%; + background: #fff; +} +#fancybox-content { + width: 0; + height: 0; + padding: 0; + outline: none; + position: relative; + overflow: hidden; + z-index: 6102; + border: 0px solid #fff; +} +#fancybox-hide-sel-frame { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: transparent; + z-index: 6101; +} +#fancybox-close { + position: absolute; + top: -15px; + right: -15px; + width: 30px; + height: 30px; + background: transparent url('../images/fancybox.png') -40px 0px; + cursor: pointer; + z-index: 6103; + display: none; +} +#fancybox-error { + color: #444; + font: normal 12px/20px Arial; + padding: 14px; + margin: 0; +} +#fancybox-img { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; + outline: none; + line-height: 0; + vertical-align: top; +} +#fancybox-frame { + width: 100%; + height: 100%; + border: none; + display: block; +} +#fancybox-left, #fancybox-right { + position: absolute; + bottom: 0px; + height: 100%; + width: 35%; + cursor: pointer; + outline: none; + background: transparent url('../images/blank.gif'); + z-index: 6102; + display: none; +} +#fancybox-left { + left: 0px; +} +#fancybox-right { + right: 0px; +} +#fancybox-left-ico, #fancybox-right-ico { + position: absolute; + top: 50%; + left: -9999px; + width: 30px; + height: 30px; + margin-top: -15px; + cursor: pointer; + z-index: 6102; + display: block; +} +#fancybox-left-ico { + background-image: url('../images/fancybox.png'); + background-position: -40px -30px; +} +#fancybox-right-ico { + background-image: url('../images/fancybox.png'); + background-position: -40px -60px; +} +#fancybox-left:hover, #fancybox-right:hover { + visibility: visible; /* IE6 */ +} +#fancybox-left:hover span { + left: 20px; +} +#fancybox-right:hover span { + left: auto; + right: 20px; +} +.fancybox-bg { + position: absolute; + padding: 0; + margin: 0; + border: 0; + width: 20px; + height: 20px; + z-index: 6001; +} +#fancybox-bg-n { + top: -20px; + left: 0; + width: 100%; + background-image: url('../images/fancybox-x.png'); +} +#fancybox-bg-ne { + top: -20px; + right: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -162px; +} +#fancybox-bg-e { + top: 0; + right: -20px; + height: 100%; + background-image: url('../images/fancybox-y.png'); + background-position: -20px 0px; +} +#fancybox-bg-se { + bottom: -20px; + right: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -182px; +} +#fancybox-bg-s { + bottom: -20px; + left: 0; + width: 100%; + background-image: url('../images/fancybox-x.png'); + background-position: 0px -20px; +} +#fancybox-bg-sw { + bottom: -20px; + left: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -142px; +} +#fancybox-bg-w { + top: 0; + left: -20px; + height: 100%; + background-image: url('../images/fancybox-y.png'); +} +#fancybox-bg-nw { + top: -20px; + left: -20px; + background-image: url('../images/fancybox.png'); + background-position: -40px -122px; +} +#fancybox-title { + font-family: Helvetica; + font-size: 12px; + z-index: 6102; +} +.fancybox-title-inside { + padding-bottom: 10px; + text-align: center; + color: #333; + background: #fff; + position: relative; +} +.fancybox-title-outside { + padding-top: 10px; + color: #fff; +} +.fancybox-title-over { + position: absolute; + bottom: 0; + left: 0; + color: #FFF; + text-align: left; +} +#fancybox-title-over { + padding: 10px; + background-image: url('../images/fancy_title_over.png'); + display: block; +} +.fancybox-title-float { + position: absolute; + left: 0; + bottom: -20px; + height: 32px; +} +#fancybox-title-float-wrap { + border: none; + border-collapse: collapse; + width: auto; +} +#fancybox-title-float-wrap td { + border: none; + white-space: nowrap; +} +#fancybox-title-float-left { + padding: 0 0 0 15px; + background: url('../images/fancybox.png') -40px -90px no-repeat; +} +#fancybox-title-float-main { + color: #FFF; + line-height: 29px; + font-weight: bold; + padding: 0 0 3px 0; + background: url('../images/fancybox-x.png') 0px -40px; +} +#fancybox-title-float-right { + padding: 0 0 0 15px; + background: url('../images/fancybox.png') -55px -90px no-repeat; +} +/* IE6 */ + +.fancybox-ie6 #fancybox-close { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-left-ico { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-right-ico { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-over { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); + zoom: 1; +} +.fancybox-ie6 #fancybox-title-float-left { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-float-main { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-title-float-right { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale'); +} +.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { + height: expression(this.parentNode.clientHeight + "px"); +} +#fancybox-loading.fancybox-ie6 { + position: absolute; + margin-top: 0; + top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); +} +#fancybox-loading.fancybox-ie6 div { + background: transparent; +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale'); +} +/* IE6, IE7, IE8 */ + +.fancybox-ie .fancybox-bg { + background: transparent !important; +} +.fancybox-ie #fancybox-bg-n { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-ne { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-e { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-se { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-s { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-sw { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-w { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale'); +} +.fancybox-ie #fancybox-bg-nw { +filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale'); +} diff --git a/Project/assign/images/loading.gif b/Project/assign/images/loading.gif new file mode 100644 index 0000000..1560b64 Binary files /dev/null and b/Project/assign/images/loading.gif differ diff --git a/Project/assign/images/logo.png b/Project/assign/images/logo.png new file mode 100644 index 0000000..b723564 Binary files /dev/null and b/Project/assign/images/logo.png differ diff --git a/Project/assign/images/mail_top.png b/Project/assign/images/mail_top.png new file mode 100644 index 0000000..fad8726 Binary files /dev/null and b/Project/assign/images/mail_top.png differ diff --git a/Project/assign/images/nivo-slider.css b/Project/assign/images/nivo-slider.css new file mode 100644 index 0000000..02ffc35 --- /dev/null +++ b/Project/assign/images/nivo-slider.css @@ -0,0 +1,69 @@ +/* + * jQuery Nivo Slider v2.6 + * http://nivo.dev7studios.com + * + * Copyright 2011, Gilbert Pellegrom + * Free to use and abuse under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + * March 2010 + */ + + +/* The Nivo Slider styles */ +.nivoSlider { + position:relative; +} +.nivoSlider img { + position:absolute; + top:0px; + left:0px; +} +/* If an image is wrapped in a link */ +.nivoSlider a.nivo-imageLink { + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + border:0; + padding:0; + margin:0; + z-index:6; + display:none; +} +/* The slices and boxes in the Slider */ +.nivo-slice { + display:block; + position:absolute; + z-index:5; + height:100%; +} +.nivo-box { + display:block; + position:absolute; + z-index:5; +} + +/* Direction nav styles (e.g. Next & Prev) */ +.nivo-directionNav a { + position:absolute; + top:45%; + z-index:9; + cursor:pointer; +} +.nivo-prevNav { + left: 0px; +} +.nivo-nextNav { + right: 0px; +} +/* Control nav styles (e.g. 1,2,3...) */ +.nivo-controlNav a { + position:relative; + z-index:9; + cursor:pointer; +} +.nivo-controlNav a.active { + font-weight:bold; +} \ No newline at end of file diff --git a/Project/assign/images/nivo-theme.css b/Project/assign/images/nivo-theme.css new file mode 100644 index 0000000..84bb8e0 --- /dev/null +++ b/Project/assign/images/nivo-theme.css @@ -0,0 +1,67 @@ +/* +Skin Name: EFFE Nivo Slider Skin +Skin URI: http://92five.net +Skin Type: flexible +Description: effe Nivo Slider Skin +Version: 1.0 +Author: 92five +Author URI: http://92five.net +*/ + +.theme-effe .nivoSlider { + width: 720px; + height: 320px; + position:relative; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + background:#fff url(../images/loading.gif) no-repeat 50% 50%; +} +.theme-effe .nivo-caption { + height: 0px; +} +.theme-effe .nivoSlider img { + position:absolute; + top:0px; + left:0px; + display:none; +} +.theme-effe .nivoSlider a { + border:0; + display:block; +} + +.theme-effe .nivo-controlNav { + position: absolute; + left: 310px; + bottom: 5px; +} +.theme-effe .nivo-controlNav a { + display:block; + width:22px; + height:22px; + background:url(../images/bullets.png) no-repeat; + text-indent:-9999px; + border:0; + margin-right:3px; + float:left; +} +.theme-effe .nivo-controlNav a.active { + background-position:0 -22px; +} + +.theme-effe .nivo-directionNav a { + display:block; + width:30px; + height:30px; + background:url(../images/arrows.png) no-repeat; + text-indent:-9999px; + border:0; +} +.theme-effe a.nivo-nextNav { + background-position:-30px 0; + right:15px; +} +.theme-effe a.nivo-prevNav { + left:15px; +} \ No newline at end of file diff --git a/Project/assign/images/portfolio/thumbs/image(1).jpg b/Project/assign/images/portfolio/thumbs/image(1).jpg new file mode 100644 index 0000000..b763cf3 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(1).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(2).jpg b/Project/assign/images/portfolio/thumbs/image(2).jpg new file mode 100644 index 0000000..f481904 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(2).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(3).jpg b/Project/assign/images/portfolio/thumbs/image(3).jpg new file mode 100644 index 0000000..1435a15 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(3).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(4).jpg b/Project/assign/images/portfolio/thumbs/image(4).jpg new file mode 100644 index 0000000..2f1c743 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(4).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(5).jpg b/Project/assign/images/portfolio/thumbs/image(5).jpg new file mode 100644 index 0000000..6fee69f Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(5).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(6).jpg b/Project/assign/images/portfolio/thumbs/image(6).jpg new file mode 100644 index 0000000..85b9fd8 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(6).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(7).jpg b/Project/assign/images/portfolio/thumbs/image(7).jpg new file mode 100644 index 0000000..e9ec449 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(7).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/image(8).jpg b/Project/assign/images/portfolio/thumbs/image(8).jpg new file mode 100644 index 0000000..5a73b47 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/image(8).jpg differ diff --git a/Project/assign/images/portfolio/thumbs/recent1.jpg b/Project/assign/images/portfolio/thumbs/recent1.jpg new file mode 100644 index 0000000..ceee866 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/recent1.jpg differ diff --git a/Project/assign/images/portfolio/thumbs/recent2.jpg b/Project/assign/images/portfolio/thumbs/recent2.jpg new file mode 100644 index 0000000..3454046 Binary files /dev/null and b/Project/assign/images/portfolio/thumbs/recent2.jpg differ diff --git a/Project/assign/images/rss.png b/Project/assign/images/rss.png new file mode 100644 index 0000000..c6776ad Binary files /dev/null and b/Project/assign/images/rss.png differ diff --git a/Project/assign/images/sample-project/large/project1.jpg b/Project/assign/images/sample-project/large/project1.jpg new file mode 100644 index 0000000..c28d665 Binary files /dev/null and b/Project/assign/images/sample-project/large/project1.jpg differ diff --git a/Project/assign/images/sample-project/large/project2.jpg b/Project/assign/images/sample-project/large/project2.jpg new file mode 100644 index 0000000..74cad86 Binary files /dev/null and b/Project/assign/images/sample-project/large/project2.jpg differ diff --git a/Project/assign/images/sample-project/large/project3.jpg b/Project/assign/images/sample-project/large/project3.jpg new file mode 100644 index 0000000..a2cd2f2 Binary files /dev/null and b/Project/assign/images/sample-project/large/project3.jpg differ diff --git a/Project/assign/images/sample-project/slider/slide1.jpg b/Project/assign/images/sample-project/slider/slide1.jpg new file mode 100644 index 0000000..1a72eee Binary files /dev/null and b/Project/assign/images/sample-project/slider/slide1.jpg differ diff --git a/Project/assign/images/sample-project/slider/slide2.jpg b/Project/assign/images/sample-project/slider/slide2.jpg new file mode 100644 index 0000000..a1d5025 Binary files /dev/null and b/Project/assign/images/sample-project/slider/slide2.jpg differ diff --git a/Project/assign/images/sample-project/thumbs/project1.jpg b/Project/assign/images/sample-project/thumbs/project1.jpg new file mode 100644 index 0000000..bc13f85 Binary files /dev/null and b/Project/assign/images/sample-project/thumbs/project1.jpg differ diff --git a/Project/assign/images/sample-project/thumbs/project2.jpg b/Project/assign/images/sample-project/thumbs/project2.jpg new file mode 100644 index 0000000..2eee96c Binary files /dev/null and b/Project/assign/images/sample-project/thumbs/project2.jpg differ diff --git a/Project/assign/images/sample-project/thumbs/project3.jpg b/Project/assign/images/sample-project/thumbs/project3.jpg new file mode 100644 index 0000000..85159e3 Binary files /dev/null and b/Project/assign/images/sample-project/thumbs/project3.jpg differ diff --git a/Project/assign/images/search_arrow.png b/Project/assign/images/search_arrow.png new file mode 100644 index 0000000..93630e4 Binary files /dev/null and b/Project/assign/images/search_arrow.png differ diff --git a/Project/assign/images/slide_button.png b/Project/assign/images/slide_button.png new file mode 100644 index 0000000..48384d4 Binary files /dev/null and b/Project/assign/images/slide_button.png differ diff --git a/Project/assign/images/slider/slide1.jpg b/Project/assign/images/slider/slide1.jpg new file mode 100644 index 0000000..be282a2 Binary files /dev/null and b/Project/assign/images/slider/slide1.jpg differ diff --git a/Project/assign/images/slider/slide2.jpg b/Project/assign/images/slider/slide2.jpg new file mode 100644 index 0000000..cbbd14e Binary files /dev/null and b/Project/assign/images/slider/slide2.jpg differ diff --git a/Project/assign/images/slider/slide3.jpg b/Project/assign/images/slider/slide3.jpg new file mode 100644 index 0000000..d6bdf67 Binary files /dev/null and b/Project/assign/images/slider/slide3.jpg differ diff --git a/Project/assign/images/slider/slide4.jpg b/Project/assign/images/slider/slide4.jpg new file mode 100644 index 0000000..02536bd Binary files /dev/null and b/Project/assign/images/slider/slide4.jpg differ diff --git a/Project/assign/images/slider_bg.png b/Project/assign/images/slider_bg.png new file mode 100644 index 0000000..a365480 Binary files /dev/null and b/Project/assign/images/slider_bg.png differ diff --git a/Project/assign/images/star.png b/Project/assign/images/star.png new file mode 100644 index 0000000..23200ff Binary files /dev/null and b/Project/assign/images/star.png differ diff --git a/Project/assign/images/star_divider.png b/Project/assign/images/star_divider.png new file mode 100644 index 0000000..edfd00a Binary files /dev/null and b/Project/assign/images/star_divider.png differ diff --git a/Project/assign/images/style.css b/Project/assign/images/style.css new file mode 100644 index 0000000..65aa366 --- /dev/null +++ b/Project/assign/images/style.css @@ -0,0 +1,1175 @@ +/****************************************************************** +******************************************************************* + +Template Name: Effe +Theme URI: http://www.92five.net +Description: Personal Blog +Author: 92five +Author URI: http://www.92five.net +Version: 1.0 + +Designed & Handcrafted by 92five for 92five.net + +******************************************************************* +******************************************************************/ + + +/****************************************************************** +This is the CSS Reset +******************************************************************/ +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; +} +/* HTML5 display-role reset for older browsers */ +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; +} +/****************************************************************** +TEXT SELECTION STYLES +******************************************************************/ +/* Safari, Chrome, iPhones, iPads */ +::selection { + background:#E095B4; + color:#fff; +} +::-moz-selection { + background:#E095B4; + color:#fff; +} +::-webkit-selection { + background:#E095B4; + color:#fff; +} +a { + color: #E095B4; + outline: none; +} +/****************************************************************** +General CSS +******************************************************************/ + +#content { + width: 720px; + padding-top: 170px; + margin-left: 240px; + z-index: 1; +} +p { + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #848484; + font-size: 8pt; +} +h1 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 22pt; +} +h2 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 18pt; +} +h3 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 16pt; +} +h4 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 14pt; +} +h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 12pt; +} +h6 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 10pt; +} +/*************************************************** +COLUMNS and FEATURES +***************************************************/ + +.one, .one-half, .two-third, .one-third, .one-fourth { + float: left; +} +.one-half, .two-third, .one-third, .one-fourth { + margin-right: 25px; +} +.one { + width: 720px; +} +.one-half { + width: 340px; +} +.two-third { + width: 460px; +} +.one-third { + width: 220px; +} +.one-fourth { + width: 160px; +} +.one-half-last { + width: 350px; + float: right; +} +.two-third-last { + width: 460px; + float: right; +} +.one-third-last { + width: 220px; + float: right; +} +.one-fourth-last { + width: 160px; + float: right; +} +.clear { + clear: both; +} +.dropcap { + font-family: Verdana, Arial, sans-serif; + font-size: 36px; + color: #333; + width:32px; + height:30px; + float:left; + padding:5px 5px 5px 5px; + text-align:center; + margin:5px 5px 5px 5px; +} +blockquote { + font-style:italic; + font-size:20px; + margin-right:20px; + padding-left:20px; + margin-left:20px; + margin-top: 60px; + margin-bottom: 60px; + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + color:#333; + text-align: center; + background-image: url(../images/blockquote.png); + background-repeat: no-repeat; + background-position: left top; +} +.styled-list-check li { + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #666; + text-decoration: none; + font-size: 14px; + background-image: url(../images/check.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 16px; +} +.styled-list-check { + padding-bottom: 60px; +} +.styled-list-dot li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 14px; + color: #666; + background-image: url(../images/dot.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.styled-list-dot { + padding-bottom: 60px; +} +.styled-list-star li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 14px; + color: #666; + background-image: url(../images/star.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.styled-list-star { + padding-bottom: 60px; +} +.readmore { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + font-size: 11px; + text-decoration: none; + color: #E095B4; + float: right; + margin-right: 0px; + margin-top: 0px; +} +a:hover { + color: #E35A88; +} +.spacer { + height: 1px; + clear: both; + border-bottom: 1px; + border-style: solid; + border-color: #d6d6d6; + margin: 20px 5px 20px 5px; +} +.blank-spacer { + width: 720px; + height: 1px; + clear: both; + margin: 10px 5px 10px 5px; + padding: 10px 5px 10px 5px; +} +.star-divider { + background-image:url(../images/star_divider.png); + text-align: center; + display: block; + clear: both; + height: 16px; + width: 430px; + margin-top: 10px; + margin-right: auto; + margin-bottom: 10px; + margin-left: auto; + background-repeat: no-repeat; +} +#error { + display: block; + text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 300px; +} +#sucess { + display: block; + text-align: center; + margin-left: auto; + margin-right: auto; + margin-top: 300px; +} +/****************************************************************** +Header & Menu CSS +******************************************************************/ + +#header-wrapper { + position: fixed; + background-color: #FFF; + width: 100%; + height: 120px; + top: 0px; + border-bottom: 1px; + border-bottom-style: solid; + border-bottom-color: #d8d8d8; + z-index: 5000; +} +#header { + width: 960px; +} +#logo { + float: left; + width: 100px; + padding: 20px 0 10px 40px; +} +#header-text { + width: 480px; + padding-top: 40px; + margin-left: 240px; + display: block; + height: 20px; +} +#header-text h6 { + font-size: 7pt; + color: #d8d8d8; +} +#header-text a { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + color: #d8d8d8; + text-decoration: none; + font-size: 7pt; +} +#social-box { + width: 96px; + height: 22px; + position: fixed; + bottom: 40px; + left: 30px; +} +#social-box li { + float: left; + padding-left: 6px; + display: inline; +} +#menu-wrapper { + height: 100%; + padding-top: 120px; + float: left; + width: 140px; +} +#main-menu { + position: fixed; + padding-top: 60px; + padding-left: 40px; + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +#main-menu a { + color: #707070; + text-decoration: none; + font-size: 14pt; +} +#main-menu a:hover { + color: #121212; +} +#main-menu li { + padding: 5px 0 5px 0; +} +#main-menu .selected { + color: #121212; +} +#footer h6 { + font-size: 10px; + position: fixed; + bottom: 10px; + left: 20px; +} +.facebook a { + background-image: url(../images/facebook.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.facebook a:hover { + background-position: 0 -26px; + color: #444444; +} +.twitter a { + background-image: url(../images/twitter.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.twitter a:hover { + background-position: 0 -26px; + color: #444444; +} +.rss a { + background-image: url(../images/rss.png); + background-position: 0 0px; + display: block; + height: 22px; + padding-left: 24px; + background-repeat: no-repeat +} +.rss a:hover { + background-position: 0 -26px; + color: #444444; +} +#slide-panel { + position: fixed; + top: 120px; + left: 240px; + height: 420px; + width: 720px; + display: none; + border-width: 1px; + border-style: solid; + border-color: #e2e2e2; + background-color: #FFF; + margin: auto; + text-align: center; + margin-bottom: 5px; + z-index: 6000; +} +.slide { + background-image: url(../images/slide_button.png); + background-repeat: no-repeat; + position: fixed; + top: 33px; + left: 800px; + z-index: 5000; +} +.btn-slide { + text-align: center; + width: 120px; + height: 60px; + display: block; + color: #fff; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1em; + margin-right: auto; + margin-left: auto; + line-height: 22px; + z-index: 5000; +} +/****************************************************************** +Some Nivo Customization CSS +For easy editing (the main Nivo CSS is in nivo-theme.css) +******************************************************************/ + +.theme-effe .nivo-caption { + font-family: Verdana, Arial, sans-serif; + font-size: 14px; +} +.theme-effe .nivo-caption h1 { + padding: 50px 10px 5px 10px; +} +.theme-effe .nivo-caption p { + padding: 5px 20px 20px 20px; + text-align: justify; +} +.theme-effe .nivo-caption .readmore { + position: absolute; + font-family: Verdana, Arial, sans-serif; + font-size: 16px; + color: #999; + text-decoration: none; + bottom: 20px; + left: 160px; +} +/****************************************************************** +IMG Hovers +******************************************************************/ + +.recent-summary img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.recent-gallery img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.about-item img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.blog-item img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +.blog-item-single img:hover { + -moz-box-shadow: 0px 0px 5px #999; + -webkit-box-shadow: 0px 0px 5px #999; + box-shadow: 0px 0px 5px #999; +} +/****************************************************************** +Home Page CSS +******************************************************************/ + +#recent-posts-container { + width: 720px; + height: 200px; + margin-top: 60px; +} +#recent-projects-container { + width: 720px; + height: 200px; + margin-top: 60px; +} +.section-description { + float: left; + width: 110px; + height: 160px; + padding-right: 20px; + border-right: 1px; + border-style: solid; + border-color: #d8d8d8; +} +.recent-summary { + width: 600px; + display: inline; +} +.recent-item { + padding-left: 40px; + float: left; + width: 260px; +} +.recent-item-last { + float: right; + width: 250px; +} +.recent-summary p { + width: 250px; + text-align: left; + padding: 0px 0px 50px 0px; +} +.recent-summary h6 { + width: 250px; + font-weight: bold; + text-align: left; + padding: 5px 0px 0px 0px; +} +.item { + width:125px; + height:125px; + border:4px solid #222; + margin:5px 0px 5px 0px; + /* required to hide the image after resized */ + overflow:hidden; + /* for child absolute position */ + position:relative; + /* display div in line */ + float:left; +} +#recent-text { + text-align: center; +} +#recent-text h5 { + padding-bottom: 0px; +} +.recent-gallery { + text-align: center; + margin-left: auto; + margin-right: auto; + width: 720px; + margin-top: 40px; +} +#follow h1 { + text-align: center; + font-size: 22px; + padding-top: 100px; + clear: both; +} +#follow h3 { + text-align: center; + padding: 16px; +} +#follow p { + text-align: center; +} +#follow-twitter { + text-align: center; + width: 150px; + height: 80px; + display: block; + padding-top: 20px; + float: left; + padding-left: 170px; +} +#follow-mail { + text-align: center; + width: 150px; + height: 80px; + display: block; + padding-top: 20px; + float: right; + padding-right: 170px; +} +/****************************************************************** +About us CSS +******************************************************************/ + +.about { + padding-top: 25px; + width: 720px; + padding-bottom: 50px; +} +.about p { + text-align: justify; +} +.team-text { + text-align: center; +} +/****************************************************************** +Portfolio CSS +******************************************************************/ + +#filter { + display: block; + height: 20px; + margin-left: 20px; + position: relative; + text-align: center; + width: 700px; +} +#filter:before, #filter:after { + height: 43px; + position: absolute; + top: 0; + width: 78px; + content: ''; +} +#filter:before { + background-position: 0 -47px; + left: -78px; +} +#filter:after { + background-position: 0 0; + right: -78px; +} +#filter a { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + font-size: 16px; + color: #666; + display: inline-block; + text-decoration: none; + height: 39px; + line-height: 37px; + padding: 0 15px; +} +#filter a:hover { + text-decoration:none; +} +#filter a.active { + color: #121212; +} +#stage { + width: 720px; +} +#container { + display:block; + overflow:hidden; + width: 720px; + margin:0 auto; +} +#container li { + float: left; + height: 180px; + list-style: none outside none; + margin: 20px; + position: relative; + width: 200px; +} +#container li p { + margin-left: 0px; +} +#container li h6 { + padding-top: 5px; + font-weight: bold; + margin-left: 0px; +} +#container li a:hover { + color: #121212; +} +#container ul { + overflow:hidden; +} +#container ul.hidden { + display:none; +} +/****************************************************************** +This CSS is for the project page +******************************************************************/ +#project-title { + display: block; + font-family: Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #666; + text-decoration: none; + font-size: 18pt; + float: right; + padding-top: 10px; +} +.project { + padding-top: 50px; + width: 720px; +} +#description { + padding-bottom: 20px; + float: left; + width: 480px; +} +#work { + margin-top: 15px; + border-left: 1px; + border-style: solid; + border-color: #c9c9c9; + float: right; + padding-left: 40px; +} +#work h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +#work li { + font-family: 'Droid Sans', Verdana, Arial, sans-serif; + line-height: 1.6em; + text-decoration: none; + font-size: 9pt; + color: #666; + background-image: url(../images/check.png); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + padding-top: 2px; +} +.project-summary { + clear: both; + width: 720px; + padding-right: 10px; + padding-top: 60px; + text-align: left; +} +.project-summary h5 { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; +} +/****************************************************************** +Blog CSS +******************************************************************/ + +#blog { + display: block; + width: 720px; + margin-top: 10px; + margin-left: auto; + margin-right: auto; + margin-bottom: 100px; +} +.blog-item-info { + padding: 10px 0 15px 0; + height: 15px; + width: 400px; + float: right; +} +.blog-item { + clear: both; + width: 720px; + height: 270px; +} +.blog-item-content { + width: 400px; + margin-top: 0px; + margin-left: 15px; + margin-bottom: 50px; + float: right; +} +.blog-item img { + margin-bottom: 50px; + float: left; +} +.blog-item-content h5 { + font-weight: bold; +} +.blog-item-content p { + padding: 0px 5px 5px 0px; + text-align: justify; +} +#blog .readmore { + float: left; + padding-top: 20px; +} +.user { + background-image: url(../images/user.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.user:hover { + background-position: 0 -17px; + color: #444444; +} +.comments { + background-image: url(../images/comments.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.comments:hover { + background-position: 0 -17px; + color: #444444; +} +.tags { + background-image: url(../images/tags.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-right: 15px; + display: inline; + text-decoration: none; + font-size: 12px; + height: 15px; + color: #d6d6d6; + padding-left: 20px; + background-repeat: no-repeat +} +.tags:hover { + background-position: 0 -17px; + color: #444444; +} +#pagination { + display: inline-block; + height: 8px; + text-align: center; + width: 720px; + font-size: 10pt; +} +#pagination a { + color: #707070; + text-decoration: none; +} +#pagination .active { + color: #444444; + text-decoration: underline; +} +.blog-item-single-info { + padding: 5px 0 20px 0; + height: 15px; + width: 720px; +} +.blog-item-single { + clear: both; + width: 720px; + height: 270px; +} +.blog-item-single-content { + width: 720px; + margin-top: 10px; + margin-bottom: 50px; +} +.blog-item-single img { + margin-bottom: 10px; +} +.blog-item-single-content h5 { + font-weight: bold; +} +.blog-item-single-content p { + text-align: left; + padding-bottom: 20px; +} +.social-blog-buttons { + display: inline; + float: left; + height: 20px; +} +.comments-block { + width: 720px; +} +.comments-title { + padding-top: 40px; +} +.comments-block a { + width: 720px; +} +.avatar { + padding-top: 6px; + float: left; + width: 40px; +} +.post-author { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 14pt; + cursor: pointer; +} +.comment-info { + width: 400px; + display: block; + padding-left: 60px; +} +.comment-body { + padding-top: 15px; +} +.reply { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + line-height: 1.6em; + color: #454544; + text-decoration: none; + font-size: 10pt; +} +.required-comment { + padding-bottom: 20px; +} +.short-label { + width: 40px; +} +.input-block { + width: 180px; + padding-right: 65px; + height: 50px; + display: inline-block; +} +.input-block-long { + width: 140px; + display: inline-block; +} +.short-field { + width: 170px; +} +.long-field { + width: 200px; +} +#comment { + width: 700px; +} +#comment-button { + height: 30px; + padding: 5px; +} +/*************************************************** +Contact CSS +***************************************************/ + +#contact { + display: inline; + position: relative; + width: 450px; + float: left; + margin: 0px; + margin-top: 20px; + margin-bottom: 40px; + padding: 20px 70px 20px 0px; + ; + border-right: 1px; + border-style: solid; + border-color: #d6d6d6; +} +#contactform { + padding-top: 10px; +} +#contact p { + padding-top: 5px; +} +#contactform h6 { + font-size: 12px; + color: #848484; + float: left; +} +#contactform .boxes { + float: left; + display: block; + margin-bottom: 20px; + margin-top: 20px; +} +#contactform .box { + width: 390px; + margin-bottom: 18px; + margin-top: 2px; + margin-left: 60px; +} +#contactform .msgbox { + margin-bottom: 18px; + margin-top: 2px; + margin-left: 60px; + width: 400px; +} +#contactform .message { + text-align: left; + margin-top: 2px; + height: 135px; + width: 400px; + padding: 5px; +} +#contactform #sender_name { + width: 320px; +} +#contactform #sender_email { + width: 320px; +} +#contactform #sender_url { + width: 320px; +} +#contactform .submitbtn { + width: 120px; + padding-top: 15px; + margin-left: 60px; +} +.contactinformation .overline { + margin-bottom: 15px; +} +#contactinfo { + padding-right: 10px; + padding-top: 80px; + float: right; +} +/****************************************************************** +This is the buttons and inputs CSS +******************************************************************/ + +.button { + font-family: 'Droid Serif', Verdana, Arial, sans-serif; + font-size:12px; + text-align:center; + text-decoration:none; + padding-top: 5px; + height: 34px; + padding-right: 10px; + padding-bottom: 7px; + padding-left: 10px; +} +.btncolor, .btncolor:focus, .btncolor:hover { + background:#FFF; + color:#999; +} +.required { + color: #444444; +} +input, textarea { + background: #fff; + border: 1px solid #c9c9c9; +} +input, textarea { + padding: 5px; +} +input { + height: 20px; +} +input:focus, textarea:focus, button:hover { + background: #fff; + border: 1px solid #444444; + -webkit-box-shadow: 0 0 2px #444444; + -moz-box-shadow: 0 0 2px #444444; + box-shadow: 0 0 2px #444444; +} +input:focus, textarea:focus { + color: #c9c9c9; +} +/****************************************************************** +This is the CSS for the social links +******************************************************************/ + +#social { + display: inline; + float: right; +} +.dribbble a { + background-image: url(../images/dribbble.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.dribbble a:hover { + background-position: 0 -17px; + color: #444444; +} +.forrst a { + background-image: url(../images/forrst.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.forrst a:hover { + background-position: 0 -17px; + color: #444444; +} +.google a { + background-image: url(../images/google.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.google a:hover { + background-position: 0 -17px; + color: #444444; +} +.twitter_small a { + background-image: url(../images/twitter_small.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.twitter_small a:hover { + background-position: 0 -17px; + color: #444444; +} +.facebook_small a { + background-image: url(../images/facebook_small.png); + background-position: 0 1px; + padding-bottom: 1px; + margin-bottom: 8px; + text-decoration: none; + font-size: 12px; + display: block; + height: 15px; + color: #727272; + padding-left: 20px; + background-repeat: no-repeat +} +.facebook_small a:hover { + background-position: 0 -17px; + color: #444444; +} diff --git a/Project/assign/images/tags.png b/Project/assign/images/tags.png new file mode 100644 index 0000000..c919dd7 Binary files /dev/null and b/Project/assign/images/tags.png differ diff --git a/Project/assign/images/tweet_top.png b/Project/assign/images/tweet_top.png new file mode 100644 index 0000000..10bdb8f Binary files /dev/null and b/Project/assign/images/tweet_top.png differ diff --git a/Project/assign/images/twitter.png b/Project/assign/images/twitter.png new file mode 100644 index 0000000..133c7de Binary files /dev/null and b/Project/assign/images/twitter.png differ diff --git a/Project/assign/images/twitter_small.png b/Project/assign/images/twitter_small.png new file mode 100644 index 0000000..645d11e Binary files /dev/null and b/Project/assign/images/twitter_small.png differ diff --git a/Project/assign/images/up.png b/Project/assign/images/up.png new file mode 100644 index 0000000..07a850a Binary files /dev/null and b/Project/assign/images/up.png differ diff --git a/Project/assign/images/user.png b/Project/assign/images/user.png new file mode 100644 index 0000000..63a89fe Binary files /dev/null and b/Project/assign/images/user.png differ diff --git a/Project/assign/index.php b/Project/assign/index.php new file mode 100644 index 0000000..1e16d04 --- /dev/null +++ b/Project/assign/index.php @@ -0,0 +1,99 @@ + + + + +
+
+ +
+ + + + + +
+ +
+

+ checked>Google + checked> Flicker + + +

+
+ + +
+ + +
+ + + + + +
+ +
+ + + + + \ No newline at end of file diff --git a/Project/assign/js/custom.js b/Project/assign/js/custom.js new file mode 100644 index 0000000..fd312e6 --- /dev/null +++ b/Project/assign/js/custom.js @@ -0,0 +1,125 @@ +/** + * effe - Custom JS. + * Copyright (c) 2011 92five.net + * @version 1.0 + * + * http://92five.net + */ + $(document).ready(function(){ + +$('.single_image').hover( +function(){ +$(this).stop().fadeTo('slow',0.4); +}, +function(){ +$(this).stop().fadeTo('slow',1); +}); + + + +//This is basic - uses default settings +$("a.single_image").fancybox(); +//Using custom settings +$("a#inline").fancybox({ + 'hideOnContentClick': true + }); +//Apply fancybox to multiple items +$("a.group").fancybox({ + 'transitionIn' : 'elastic', + 'transitionOut' : 'elastic', + 'speedIn' : 600, + 'speedOut' : 200, + 'overlayShow' : false + }); + + //Animated scrolling + $('a[href*=#]').click(function() { + if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') + && location.hostname == this.hostname) { + var $target = $(this.hash); + $target = $target.length && $target + || $('[name=' + this.hash.slice(1) +']'); + if ($target.length) { + var targetOffset = $target.offset().top; + $('html,body') + .animate({scrollTop: targetOffset}, 1000); + return false; + } + } + }); + $('ul#filter a').click(function() { + $(this).css('outline','none'); + $('ul#filter .current').removeClass('current'); + $(this).parent().addClass('current'); + + var filterVal = $(this).text().toLowerCase().replace(' ','-'); + + if(filterVal == 'all') { + $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden'); + } else { + $('ul#portfolio li').each(function() { + if(!$(this).hasClass(filterVal)) { + $(this).fadeOut('normal').addClass('hidden'); + } else { + $(this).fadeIn('slow').removeClass('hidden'); + } + }); + } + return false; + }); +//some quicksand js + var items = $('#stage li'), + itemsByTags = {}; +// Looping though all the li items: + items.each(function(i){ + var elem = $(this), + tags = elem.data('tags').split(','); +// Adding a data-id attribute. Required by the Quicksand plugin: + elem.attr('data-id',i); + $.each(tags,function(key,value){ +// Removing extra whitespace: + value = $.trim(value); + if(!(value in itemsByTags)){ +// Create an empty array to hold this item: + itemsByTags[value] = []; + } +// Each item is added to one array per tag: + itemsByTags[value].push(elem); + }); + }); +// Creating the "Everything" option in the menu: + createList('Everything',items); +// Looping though the arrays in itemsByTags: + $.each(itemsByTags,function(k,v){ + createList(k,v); + }); + $('#filter a').live('click',function(e){ + var link = $(this); + + link.addClass('active').siblings().removeClass('active'); +// Using the Quicksand plugin to animate the li items. +// It uses data('list') defined by our createList function: +$('#stage').quicksand(link.data('list').find('li')); + e.preventDefault(); + }); +$('#filter a:first').click(); +function createList(text,items){ +// This is a helper function that takes the +// text of a menu button and array of li items +// Creating an empty unordered list: + var ul = $('