final site changes
This commit is contained in:
Karen
parent
77eb530663
commit
d69b9b0906
|
|
@ -1,74 +0,0 @@
|
||||||
/*
|
|
||||||
Skin Name: Nivo Slider Default Theme
|
|
||||||
Skin URI: http://nivo.dev7studios.com
|
|
||||||
Skin Type: flexible
|
|
||||||
Description: The default skin for the Nivo Slider.
|
|
||||||
Version: 1.0
|
|
||||||
Author: Gilbert Pellegrom
|
|
||||||
Author URI: http://dev7studios.com
|
|
||||||
*/
|
|
||||||
|
|
||||||
.theme-default .projectSlider {
|
|
||||||
position:relative;
|
|
||||||
background:#fff url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
|
|
||||||
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
|
||||||
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
|
||||||
box-shadow: 0px 1px 5px 0px #4a4a4a;
|
|
||||||
}
|
|
||||||
.theme-default .projectSlider img {
|
|
||||||
position:absolute;
|
|
||||||
top:0px;
|
|
||||||
left:0px;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.theme-default .projectSlider a {
|
|
||||||
border:0;
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-default .nivo-controlNav {
|
|
||||||
position:absolute;
|
|
||||||
left:50%;
|
|
||||||
bottom:-42px;
|
|
||||||
margin-left:-40px; /* Tweak this to center bullets */
|
|
||||||
}
|
|
||||||
.theme-default .nivo-controlNav a {
|
|
||||||
display:block;
|
|
||||||
width:22px;
|
|
||||||
height:22px;
|
|
||||||
background:url(../img/bullets.png) no-repeat;
|
|
||||||
text-indent:-9999px;
|
|
||||||
border:0;
|
|
||||||
margin-right:3px;
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
.theme-default .nivo-controlNav a.active {
|
|
||||||
background-position:0 -22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-default .nivo-directionNav a {
|
|
||||||
display:block;
|
|
||||||
width:30px;
|
|
||||||
height:30px;
|
|
||||||
background:url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/arrows.png) no-repeat;
|
|
||||||
text-indent:-9999px;
|
|
||||||
border:0;
|
|
||||||
}
|
|
||||||
.theme-default a.nivo-nextNav {
|
|
||||||
background-position:-30px 0;
|
|
||||||
right:15px;
|
|
||||||
}
|
|
||||||
.theme-default a.nivo-prevNav {
|
|
||||||
left:15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-default .nivo-caption {
|
|
||||||
font-family: Helvetica, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
.theme-default .nivo-caption a {
|
|
||||||
color:#fff;
|
|
||||||
border-bottom:1px dotted #fff;
|
|
||||||
}
|
|
||||||
.theme-default .nivo-caption a:hover {
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
|
|
@ -1,163 +0,0 @@
|
||||||
/*#example {
|
|
||||||
width:600px;
|
|
||||||
height:350px;
|
|
||||||
position:relative;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
/*#ribbon {
|
|
||||||
position:absolute;
|
|
||||||
top:-3px;
|
|
||||||
left:-15px;
|
|
||||||
z-index:500;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
/*#frame {
|
|
||||||
position:absolute;
|
|
||||||
z-index:0;
|
|
||||||
width:739px;
|
|
||||||
height:341px;
|
|
||||||
top:-3px;
|
|
||||||
left:-80px;
|
|
||||||
}*/
|
|
||||||
#slidesContainer {
|
|
||||||
/*padding:10px;*/
|
|
||||||
position:relative;
|
|
||||||
z-index:0;
|
|
||||||
/*background-color:blue;*/
|
|
||||||
width:600px;
|
|
||||||
/*height:450px;*/ /*removed this so pagination could happen nicely one line below the other*/
|
|
||||||
margin-top:78px;
|
|
||||||
margin-right:20px;
|
|
||||||
float:left;}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Slideshow
|
|
||||||
*/
|
|
||||||
|
|
||||||
#slidesDiv {
|
|
||||||
/*position:absolute;
|
|
||||||
top:15px;
|
|
||||||
left:4px;*/
|
|
||||||
width:600px;
|
|
||||||
margin:0 auto;
|
|
||||||
z-index:100;
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Slides container
|
|
||||||
Important:
|
|
||||||
Set the width of your slides container
|
|
||||||
Set to display none, prevents content flash
|
|
||||||
*/
|
|
||||||
|
|
||||||
.slidesInner {
|
|
||||||
width:600px;
|
|
||||||
overflow:hidden;
|
|
||||||
position:relative;
|
|
||||||
display:none;
|
|
||||||
margin:0 auto;}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Each slide
|
|
||||||
Important:
|
|
||||||
Set the width of your slides
|
|
||||||
If height not specified height will be set by the slide content
|
|
||||||
Set to display block
|
|
||||||
*/
|
|
||||||
|
|
||||||
.slidesInner a{
|
|
||||||
width:600px;
|
|
||||||
height:450px;
|
|
||||||
display:block;
|
|
||||||
margin:0 auto;}
|
|
||||||
|
|
||||||
.slidesInner img {
|
|
||||||
display:block;
|
|
||||||
margin:0 auto; /*why doesn't this work? worked when i had the a tag in the html*/
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.slidesInner a img {
|
|
||||||
display:block;
|
|
||||||
margin:0 auto;}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Next/prev buttons
|
|
||||||
*/
|
|
||||||
|
|
||||||
#slidesDiv .next,#slidesDiv .prev {
|
|
||||||
position:absolute;
|
|
||||||
top:207px;
|
|
||||||
left:0px;
|
|
||||||
/*width:30px;
|
|
||||||
height:30px;*/
|
|
||||||
display:block;
|
|
||||||
z-index:101;
|
|
||||||
}
|
|
||||||
|
|
||||||
#slidesDiv .next {
|
|
||||||
left:570px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Pagination
|
|
||||||
*/
|
|
||||||
|
|
||||||
.pagination {
|
|
||||||
margin:0 auto;
|
|
||||||
width:450px;
|
|
||||||
margin-top:6px;
|
|
||||||
} /*need to center this*/
|
|
||||||
|
|
||||||
.pagination li {
|
|
||||||
float:left;
|
|
||||||
margin:0 3px;
|
|
||||||
list-style:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination li a {
|
|
||||||
display:block;
|
|
||||||
width:12px;
|
|
||||||
height:0;
|
|
||||||
padding-top:12px;
|
|
||||||
|
|
||||||
background-image:url(../img/paginations.png);
|
|
||||||
background-position:0 0;
|
|
||||||
float:left;
|
|
||||||
overflow:hidden;
|
|
||||||
margin-bottom:6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination li.current a {
|
|
||||||
background-position:0 -12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Footer
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*#footer {
|
|
||||||
text-align:center;
|
|
||||||
width:580px;
|
|
||||||
margin-top:9px;
|
|
||||||
padding:4.5px 0 18px;
|
|
||||||
border-top:1px solid #dfdfdf;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer p {
|
|
||||||
margin:4.5px 0;
|
|
||||||
font-size:1.0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Anchors
|
|
||||||
*/
|
|
||||||
|
|
||||||
.prev, .next {
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
#slider /*scrollbar gets triggered which hovering over the slider sometimes.*/
|
#slider
|
||||||
{
|
{
|
||||||
width:750px;
|
width:750px;
|
||||||
height:563px;
|
height:563px;
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,22 @@
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width:600px;
|
width:600px;
|
||||||
|
font-family:Geneva, Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
line-height:18px;
|
line-height:20px;
|
||||||
color:#e3e3e3; /*formerly a2a1a1*/
|
color:#b1b1b1;
|
||||||
background-color:rgb(8,0,8);
|
background-color:rgb(4,0,4);
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
margin-top:78px;
|
|
||||||
margin-bottom:20px;
|
margin-bottom:20px;
|
||||||
padding:20px;
|
padding:20px;
|
||||||
text-align:justify;
|
text-align:justify;
|
||||||
border:4px groove #4d4c4c;
|
border:1px dotted #555;
|
||||||
display:none;}
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
.content a {
|
.content a {
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:#e3e3e3;
|
color:#b1b1b1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content a:hover {
|
.content a:hover {
|
||||||
|
|
@ -23,5 +24,6 @@ border-bottom:1px solid #db7232;
|
||||||
color:#db7232;
|
color:#db7232;
|
||||||
}
|
}
|
||||||
|
|
||||||
#showContent
|
#showContent {
|
||||||
{display:block;}
|
display:block;
|
||||||
|
}
|
||||||
|
|
@ -18,17 +18,18 @@ clear:both;
|
||||||
width:100%;
|
width:100%;
|
||||||
min-width:1000px; /*TBC to suit layout*/
|
min-width:1000px; /*TBC to suit layout*/
|
||||||
min-height:100%; /*required for sticky footer*/
|
min-height:100%; /*required for sticky footer*/
|
||||||
|
height:100%;
|
||||||
|
height: auto !important;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
margin-bottom:-48px;}
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
padding-bottom:48px;
|
padding-top:78px;
|
||||||
min-height:617px; /*to keep logo from jutting into footer at lower resolutions*/
|
padding-bottom:20px;
|
||||||
overflow:auto;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#logo {/*slightly too long for 1024 resolution in IE on scrolling down, what to do?*/
|
#logo {
|
||||||
position:fixed;
|
position:absolute;
|
||||||
top:74px;
|
top:74px;
|
||||||
left:6px;
|
left:6px;
|
||||||
z-index:9999;
|
z-index:9999;
|
||||||
|
|
@ -39,7 +40,7 @@ display:none;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:0px;
|
top:0px;
|
||||||
width:100%;
|
width:100%;
|
||||||
min-width:850px;
|
min-width:1000px;
|
||||||
height:36px;
|
height:36px;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
background-color:#000; /*fallback for old browsers*/
|
background-color:#000; /*fallback for old browsers*/
|
||||||
|
|
@ -49,9 +50,10 @@ background: -webkit-linear-gradient(top, #494a4a 0%,#000000 100%); /* Chrome10+,
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
|
||||||
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
|
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
|
||||||
padding-top:18px;
|
padding-top:18px;
|
||||||
-moz-box-shadow:2px 2px 18px #666;
|
border-bottom:1px solid #222;
|
||||||
-webkit-box-shadow:2px 2px 18px #666;
|
-moz-box-shadow:2px 2px 18px #555;
|
||||||
box-shadow:2px 2px 18px #666;
|
-webkit-box-shadow:2px 2px 18px #555;
|
||||||
|
box-shadow:2px 2px 18px #555;
|
||||||
z-index:10000;
|
z-index:10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -61,29 +63,40 @@ font-family:"Century Gothic", "Arial Narrow", Helvetica, Arial, sans-serif;
|
||||||
font-size:16px;
|
font-size:16px;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
margin-right:24px;
|
margin-right:20px;
|
||||||
margin-left:24px;
|
margin-left:20px;
|
||||||
padding:5px;
|
padding:5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu li a {
|
#menu li a {
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:#c1c1c1; /*formerly a2a1a1*/
|
color:#c1c1c1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu li a:hover {
|
#menu li a:hover, #menu li a:active {
|
||||||
color:#db7232; /*previously af1650*/
|
color:#db7232;
|
||||||
border-bottom:1px solid #a2a1a1;
|
border-bottom:1px solid #a2a1a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#menu li a:focus {
|
||||||
|
color:#db7232;
|
||||||
|
border-bottom:1px solid #a2a1a1;
|
||||||
|
outline:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuSelected
|
||||||
|
{
|
||||||
|
color:#db7232;
|
||||||
|
}
|
||||||
|
|
||||||
.orange {
|
.orange {
|
||||||
color:#db7232;
|
color:#db7232;
|
||||||
}
|
}
|
||||||
|
|
||||||
#names
|
#names
|
||||||
{
|
{
|
||||||
font-family:"Arial Narrow", Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
||||||
font-size:16px;
|
font-size:14px;
|
||||||
color:#db7232;
|
color:#db7232;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
@ -95,11 +108,14 @@ right:26px;
|
||||||
padding-bottom:4px;
|
padding-bottom:4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer /*too much top margin, which doesn't show in IE*/
|
#pushFooter {
|
||||||
|
height:48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer
|
||||||
{
|
{
|
||||||
width:100%;
|
width:100%;
|
||||||
height:30px;
|
height:30px;
|
||||||
margin-top:-48px;
|
|
||||||
padding-top:18px;
|
padding-top:18px;
|
||||||
font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
|
font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
|
|
|
||||||
|
|
@ -1,105 +0,0 @@
|
||||||
/*
|
|
||||||
* 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 */
|
|
||||||
.projectSlider
|
|
||||||
{position:relative;}
|
|
||||||
|
|
||||||
.projectSlider 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%;
|
|
||||||
width:100%;}
|
|
||||||
|
|
||||||
.nivo-box {
|
|
||||||
display:block;
|
|
||||||
position:absolute;
|
|
||||||
z-index:5;
|
|
||||||
}
|
|
||||||
/* Caption styles */
|
|
||||||
/*.nivo-caption {
|
|
||||||
position:absolute;
|
|
||||||
left:0px;
|
|
||||||
bottom:0px;
|
|
||||||
background:#000;
|
|
||||||
color:#fff;
|
|
||||||
opacity:0.8; /* Overridden by captionOpacity setting */
|
|
||||||
/*width:100%;
|
|
||||||
z-index:8;
|
|
||||||
}
|
|
||||||
.nivo-caption p {
|
|
||||||
padding:5px;
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
.nivo-caption a {
|
|
||||||
display:inline !important;
|
|
||||||
}
|
|
||||||
.nivo-html-caption {
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
/* Direction nav styles (e.g. Next & Prev) */
|
|
||||||
.nivo-directionNav a {
|
|
||||||
position:absolute;
|
|
||||||
top:45%;
|
|
||||||
z-index:9;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nivo-prevNav {
|
|
||||||
left:0px;
|
|
||||||
background: url(../img/arrow-previous.png) no-repeat;
|
|
||||||
width:30px;
|
|
||||||
height:30px;
|
|
||||||
color:transparent; /*need to remove the a text only, this is hacky!!!*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.nivo-nextNav {
|
|
||||||
right:0px;
|
|
||||||
background: url(../img/arrow-next.png) no-repeat;
|
|
||||||
width:30px;
|
|
||||||
height:30px;
|
|
||||||
color:transparent; /*need to remove the a text only, this is hacky!!!*/}
|
|
||||||
|
|
||||||
/* Control nav styles (e.g. 1,2,3...) */
|
|
||||||
.nivo-controlNav a {
|
|
||||||
position:relative;
|
|
||||||
z-index:9;
|
|
||||||
cursor:pointer;
|
|
||||||
/*background: url(../img/bullets.png) no-repeat;*/
|
|
||||||
width:10px;
|
|
||||||
height:10px;
|
|
||||||
margin-right:4px;}
|
|
||||||
|
|
||||||
.nivo-controlNav a.active {
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
|
|
@ -10,30 +10,6 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
/* 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 {
|
.nivo-slice {
|
||||||
display:block;
|
display:block;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
@ -46,46 +22,7 @@
|
||||||
position:absolute;
|
position:absolute;
|
||||||
z-index:5;
|
z-index:5;
|
||||||
}
|
}
|
||||||
/* Caption styles */
|
|
||||||
/*.nivo-caption {
|
.nivo-controlNav {
|
||||||
position:absolute;
|
display:none;
|
||||||
left:0px;
|
|
||||||
bottom:0px;
|
|
||||||
background:#000;
|
|
||||||
color:#fff;
|
|
||||||
opacity:0.8; /* Overridden by captionOpacity setting */
|
|
||||||
/*width:100%;
|
|
||||||
z-index:8;
|
|
||||||
}
|
}
|
||||||
.nivo-caption p {
|
|
||||||
padding:5px;
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
.nivo-caption a {
|
|
||||||
display:inline !important;
|
|
||||||
}
|
|
||||||
.nivo-html-caption {
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
/* 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;
|
|
||||||
}*/
|
|
||||||
|
|
@ -2,23 +2,13 @@
|
||||||
#galleryContainer
|
#galleryContainer
|
||||||
{color:#e3e3e3;
|
{color:#e3e3e3;
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
/*background-color:purple;*/
|
|
||||||
width:860px;
|
width:860px;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*#projectGallery
|
|
||||||
{color:#e3e3e3;
|
|
||||||
font-size:14px;
|
|
||||||
background-color:purple;
|
|
||||||
width:860px;
|
|
||||||
margin:0 auto;}*/
|
|
||||||
|
|
||||||
.projectSlider
|
.projectSlider
|
||||||
{/*background-color:blue;*/
|
{width:600px;
|
||||||
width:600px;
|
|
||||||
height:450px;
|
height:450px;
|
||||||
margin-top:78px;
|
|
||||||
margin-right:20px;
|
margin-right:20px;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
|
|
@ -27,27 +17,8 @@ float:left;
|
||||||
{width:220px;
|
{width:220px;
|
||||||
padding:9px;
|
padding:9px;
|
||||||
height:430px;
|
height:430px;
|
||||||
margin-top:78px;
|
|
||||||
float:left;
|
float:left;
|
||||||
text-align:justify;
|
|
||||||
border:1px inset #999;
|
border:1px inset #999;
|
||||||
overflow-y:auto; } /*what to do for overflow behaviours? overflow y scroll???*/
|
overflow-y:auto;
|
||||||
|
}
|
||||||
|
|
||||||
/*#thumbsWrapper {
|
|
||||||
background-color:grey;
|
|
||||||
width:90%;
|
|
||||||
height:100px;
|
|
||||||
margin:0 auto;
|
|
||||||
margin-top:20px;
|
|
||||||
margin-bottom:20px;
|
|
||||||
overflow:hidden;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
/*#thumbnailsGallery {
|
|
||||||
width:9000px;} /*ok?*/
|
|
||||||
|
|
||||||
|
|
||||||
/*#thumbnailsGallery li{
|
|
||||||
display:inline;
|
|
||||||
cursor:pointer;
|
|
||||||
}*/
|
|
||||||
|
|
|
||||||
61
urbstudio/static/css/projectslider.css
Normal file
61
urbstudio/static/css/projectslider.css
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
#slidesContainer {
|
||||||
|
position:relative;
|
||||||
|
z-index:0;
|
||||||
|
width:600px;
|
||||||
|
margin-top:78px;
|
||||||
|
margin-right:20px;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#slidesDiv {
|
||||||
|
width:600px;
|
||||||
|
margin:0 auto;
|
||||||
|
z-index:100;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slidesInner {
|
||||||
|
width:600px;
|
||||||
|
overflow:hidden;
|
||||||
|
position:relative;
|
||||||
|
display:none;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slidesInner a {
|
||||||
|
width:600px;
|
||||||
|
height:450px;
|
||||||
|
display:block;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slidesInner img {
|
||||||
|
display:block;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.slidesInner a img {
|
||||||
|
display:block;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#slidesDiv .next,#slidesDiv .prev {
|
||||||
|
position:absolute;
|
||||||
|
top:207px;
|
||||||
|
left:0px;
|
||||||
|
display:block;
|
||||||
|
z-index:101;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slidesDiv .next {
|
||||||
|
left:570px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prev, .next {
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,110 +1,101 @@
|
||||||
/* Container DIV - automatically generated */
|
/* Container DIV - automatically generated */
|
||||||
|
|
||||||
.simply-scroll-container {
|
|
||||||
position:relative;
|
.simply-scroll-container {
|
||||||
margin:0 auto;}
|
position:relative;
|
||||||
|
margin:0 auto;
|
||||||
/* Clip DIV - automatically generated */
|
}
|
||||||
.simply-scroll-clip {
|
|
||||||
position: relative;
|
/* Clip DIV - automatically generated */
|
||||||
overflow: hidden;
|
.simply-scroll-clip {
|
||||||
z-index:2;
|
position: relative;
|
||||||
}
|
overflow: hidden;
|
||||||
|
z-index:2;
|
||||||
/* UL/OL/DIV - the element that simplyScroll is inited on
|
}
|
||||||
Class name automatically added to element */
|
|
||||||
.simply-scroll-list {
|
/* UL/OL/DIV - the element that simplyScroll is inited on
|
||||||
position:absolute;
|
Class name automatically added to element */
|
||||||
top:0;
|
.simply-scroll-list {
|
||||||
left:0;
|
position:absolute;
|
||||||
z-index:1;
|
top:0;
|
||||||
overflow:hidden;
|
left:0;
|
||||||
list-style:none;
|
z-index:1;
|
||||||
}
|
overflow:hidden;
|
||||||
|
list-style:none;
|
||||||
.simply-scroll-list li {
|
}
|
||||||
list-style:none;
|
|
||||||
}
|
.simply-scroll-list li {
|
||||||
|
list-style:none;
|
||||||
.simply-scroll-list li img {
|
}
|
||||||
filter:alpha(opacity=50); /*IE*/
|
|
||||||
opacity:0.6;
|
.simply-scroll-list li img {
|
||||||
display:block;
|
filter:alpha(opacity=50); /*IE*/
|
||||||
cursor:pointer;
|
opacity:0.6;
|
||||||
}
|
display:block;
|
||||||
|
cursor:pointer;
|
||||||
.simply-scroll-list li img:hover {
|
}
|
||||||
filter:alpha(opacity=100); /*IE*/
|
|
||||||
opacity:1;
|
.simply-scroll-list li img:hover {
|
||||||
}
|
filter:alpha(opacity=100); /*IE*/
|
||||||
|
opacity:1;
|
||||||
.selected {
|
}
|
||||||
filter:alpha(opacity=100); /*IE*/
|
|
||||||
opacity:1;
|
.selected {
|
||||||
} /*to make sure it retains opacity on selection via Javascript?*/
|
filter:alpha(opacity=100)!important; /*IE*/
|
||||||
|
opacity:1!important;
|
||||||
/* Master button styles - note that up and down versions
|
}
|
||||||
have been removed in this example */
|
|
||||||
|
.simply-scroll-btn {
|
||||||
.simply-scroll-btn {
|
position:absolute;
|
||||||
position:absolute;
|
background-image:url(/static/images/buttons.png);
|
||||||
background-image:url(/static/images/buttons.png);
|
width:42px;
|
||||||
width:42px;
|
height:44px;
|
||||||
height:44px;
|
z-index:3;
|
||||||
z-index:3;
|
cursor:pointer;
|
||||||
cursor:pointer;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-left {
|
||||||
.simply-scroll-btn-left {
|
left:6px;
|
||||||
left:6px;
|
bottom:6px;
|
||||||
bottom:6px;
|
background-position:0 -44px;
|
||||||
background-position:0 -44px;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-left.disabled {
|
||||||
.simply-scroll-btn-left.disabled {
|
background-position:0 0 !important;
|
||||||
background-position:0 0 !important;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-left:hover {
|
||||||
.simply-scroll-btn-left:hover {
|
background-position:0 -88px;
|
||||||
background-position:0 -88px;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-right {
|
||||||
.simply-scroll-btn-right {
|
right:6px;
|
||||||
right:6px;
|
bottom:6px;
|
||||||
bottom:6px;
|
background-position:84px -44px;
|
||||||
background-position:84px -44px;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-right.disabled {
|
||||||
.simply-scroll-btn-right.disabled {
|
background-position:84px 0 !important;
|
||||||
background-position:84px 0 !important;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll-btn-right:hover {
|
||||||
.simply-scroll-btn-right:hover {
|
background-position: 84px -88px;
|
||||||
background-position: 84px -88px;
|
}
|
||||||
}
|
|
||||||
|
.simply-scroll {
|
||||||
/* Custom class modifications - adds to / overrides above
|
width: 860px;
|
||||||
|
height: 100px;
|
||||||
.simply-scroll is default base class */
|
padding-top:10px;
|
||||||
|
z-index:20000;}
|
||||||
/* Container DIV */
|
|
||||||
.simply-scroll {
|
/* Clip DIV */
|
||||||
width: 860px;
|
.simply-scroll .simply-scroll-clip {
|
||||||
height: 100px;
|
width: 100%;
|
||||||
margin-bottom: 20px;
|
height: 100px;
|
||||||
margin-top:2px;
|
}
|
||||||
|
|
||||||
z-index:20000;}
|
.simply-scroll .simply-scroll-list li {
|
||||||
|
float: left;
|
||||||
/* Clip DIV */
|
width: 110px;
|
||||||
.simply-scroll .simply-scroll-clip {
|
height: 100px;
|
||||||
width: 100%;
|
}
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Explicitly set height/width of each list item */
|
|
||||||
.simply-scroll .simply-scroll-list li {
|
|
||||||
float: left; /* Horizontal scroll only */
|
|
||||||
width: 110px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
#container {margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;
|
|
||||||
}
|
|
||||||
/* Sudo Slider */
|
|
||||||
|
|
||||||
|
|
||||||
#projectGallery
|
|
||||||
{float:left;
|
|
||||||
width:600px;
|
|
||||||
height:450px;
|
|
||||||
margin-top:78px;
|
|
||||||
margin-right:20px;
|
|
||||||
}
|
|
||||||
#projectGallery ul, #projectGallery li{list-style:none;position:relative;display:block;}
|
|
||||||
|
|
||||||
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
|
|
||||||
#slider li {display:none;}
|
|
||||||
#slider li:first-child {display:block;}
|
|
||||||
*/
|
|
||||||
|
|
||||||
#projectGallery, #projectGallery li {width:600px;overflow:hidden;}
|
|
||||||
/* // Sudo Slider */
|
|
||||||
/* Numeric Navigation */
|
|
||||||
ol {margin:1em 0;height:28px; }
|
|
||||||
ol li{margin:0 10px 0 0;float:left;list-style:none;height:28px;line-height:28px;}
|
|
||||||
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
|
|
||||||
ol li.current a{background:#5DC9E1;color:#fff;}
|
|
||||||
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}
|
|
||||||
|
|
||||||
.graphic, .prevBtn, .nextBtn{display:block;overflow:hidden;text-indent:-8000px;}
|
|
||||||
|
|
||||||
.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:200px;top:71px;z-index:1000;background:url(../img/btn_prev.gif) no-repeat 0 0;cursor:pointer;}
|
|
||||||
.nextBtn{right:696px;}
|
|
||||||
.nextBtn {background:url(../img/btn_next.gif) no-repeat 0 0;}
|
|
||||||
|
|
||||||
/* Some demos use this line */
|
|
||||||
#slider2 ul, #slider2 li{list-style:none;position:relative;display:block;} #slider2, #slider2 li {width:696px;overflow:hidden;}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
BIN
urbstudio/static/images/favicon.png
Normal file
BIN
urbstudio/static/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
File diff suppressed because it is too large
Load Diff
18
urbstudio/static/js/jquery.sudoSlider.min.js
vendored
18
urbstudio/static/js/jquery.sudoSlider.min.js
vendored
|
|
@ -1,18 +0,0 @@
|
||||||
(function(h){h.fn.sudoSlider=function(X){var d=!1,e=!d,f=this,X=h.extend({controlsShow:e,controlsFadeSpeed:400,controlsFade:e,insertAfter:e,firstShow:d,lastShow:d,vertical:d,speed:800,ease:"swing",auto:d,pause:2E3,continuous:d,prevNext:e,numeric:d,numericAttr:'class="controls"',numericText:[],clickableAni:d,history:d,speedhistory:400,autoheight:e,customLink:d,fade:d,crossFade:e,fadespeed:1E3,updateBefore:d,ajax:d,preloadAjax:100,startSlide:d,ajaxLoadFunction:d,beforeAniFunc:d,afterAniFunc:d,uncurrentFunc:d,
|
|
||||||
currentFunc:d,prevHtml:'<a href="#" class="prevBtn"> previous </a>',nextHtml:'<a href="#" class="nextBtn"> next </a>',loadingText:"Loading Content...",firstHtml:'<a href="#" class="firstBtn"> first </a>',controlsAttr:'id="controls"',lastHtml:'<a href="#" class="lastBtn"> last </a>',autowidth:e,slideCount:1,resumePause:d,moveCount:1},X);return this.each(function(){function ea(c,D){l=0;for(b in J)a[l]=J[b],l++;w=d;E=e;o=c.children("ul");k=o.children("li");i=k.length;if(a[25]&&(o.length==0&&c.append(o=
|
|
||||||
h("<ul></ul>")),a[25].length>i)){for(b=1;b<=a[25].length-i;b++)o.append("<li><p>"+a[35]+"</p></li>");k=o.children("li");i=k.length}y=g=0;s=i-1;p=e;K=q=Y=d;R=[];w=d;c.css("position")=="static"&&c.css("position","relative");k.css({"float":"left",display:"block"});a[40]=n(a[40]);a[42]--;u=a[40];a[21]||(a[40]+=a[42]);a[40]>i&&(a[40]=i);a[27]=n(a[27])||1;F=a[11]&&(!a[21]||a[40]>1);for(b=0;b<i;b++)a[15][b]=a[15][b]||b+1,a[25][b]=a[25][b]||d;if(F){for(j=a[40];j>=1;j--)o.prepend(k.eq(-a[40]+j-1).clone()).append(k.eq(a[40]-
|
|
||||||
j).clone());r=o.children("li");if(a[25])for(b=i-a[40];b<i;b++)a[25][b]&&b!=a[27]-1&&z(b,d,0,d)}a[2]=a[2]&&!a[11];o[a[6]?"height":"width"](1E7);r=o.children("li");A=d;if(a[0]){A=h("<span "+a[37]+"></span>");h(c)[a[3]?"after":"before"](A);if(a[13]){fa=A.prepend("<ol "+a[14]+"></ol>").children();l=a[13]=="pages"?u:1;for(b=0;b<i-(a[11]||a[13]=="pages"?1:u)+1;b+=l)R[b]=h("<li rel='"+(b+1)+"'><a href='#'><span>"+a[15][b]+"</span></a></li>").appendTo(fa).click(function(){G(h(this).attr("rel")-1,e);return d})}a[4]&&
|
|
||||||
(ga=S(a[36],"first"));a[5]&&(ha=S(a[38],"last"));a[12]&&(ia=S(a[34],"next"),ja=S(a[33],"prev"))}if(a[26]===e)for(j=0;j<=s;j++)a[25][j]&&a[27]-1!=j&&z(j,d,0,d);l=[1,7,10,18,23];for(b in l)a[n(l[b])]=sa(a[n(l[b])]);a[20]&&h(a[20]).live("click",function(){if(b=h(this).attr("rel"))b=="stop"?(a[9]=d,clearTimeout(x),L=d):b=="start"?(x=M(a[10]),a[9]=e):b=="block"?p=d:b=="unblock"?p=e:p&&G(b==n(b)?b-1:b,e);return d});Z(r.slice(0,a[40]),e,function(){a[9]&&(x=M(a[10]));D?B(D,d,d,d):a[17]?(h.hashchange?h(window).hashchange(T):
|
|
||||||
h.address?h.address.change(function(){T()}):h(window).bind("hashchange",T),T()):B(a[27]-1,d,d,d)})}function T(){a:{var c=location.hash.substr(1);for(j in a[15])if(a[15][j]==c)break a;j=c?g:0}E?B(j,d,d,d):j!=g&&G(j,d)}function ka(){if(a[25]&&n(a[26]))for(b in a[25])if(a[25][b]){clearTimeout(U);U=setTimeout(function(){z(b,d,0,d)},n(a[26]));break}}function M(a){L=e;return setTimeout(function(){G("next",d)},a)}function sa(a){return n(a)||a==0?n(a):a=="fast"?200:a=="normal"||a=="medium"?400:a=="slow"?
|
|
||||||
600:400}function S(a,b){return h(a).prependTo(A).click(function(){G(b,e);return d})}function G(c,b){N=d;if(!w){if(a[9]){var v=a[7];q&&a[22]?v=n(v*0.6):q&&(v=0);b?(clearTimeout(x),L=d,a[41]&&(x=M(v+a[41]))):x=M(a[10]+v)}a[21]?la(c,b):(a[11]?(c=O(c),v=Math.abs(g-c),c<a[40]-u+1&&Math.abs(g-c-i)<v&&(c+=i,v=Math.abs(g-c-i)),c>s-a[40]&&Math.abs(g-c+i)<v&&(c-=i)):c=O(c),B(c,b,e,d))}}function ma(c,d,b){if(b)var b=ia,e=ha,g="next",f="last",i=a[5];else b=ja,e=ga,g="prev",f="first",i=a[4];if(a[0]){if(a[12])b[c?
|
|
||||||
"fadeIn":"fadeOut"](d);if(i)e[c?"fadeIn":"fadeOut"](d)}if(a[20])h(a[20]).filter(function(){return h(this).attr("rel")==g||h(this).attr("rel")==f})[c?"fadeIn":"fadeOut"](d)}function na(a,b){ma(a,b,d);ma(a<i-u,b,e)}function $(c){c=t(c)+1;if(a[13])for(b in R)oa(R[b],c);a[20]&&oa(h(a[20]),c)}function oa(c,D){c.filter&&(c.filter(".current").removeClass("current").each(function(){h.isFunction(a[31])&&a[31].call(this,h(this).attr("rel"))}),c.filter(function(){l=h(this).attr("rel");if(a[13]=="pages")for(b=
|
|
||||||
0;b<u;b++){if(l==D-b)return e}else return l==D;return d}).addClass("current").each(function(){h.isFunction(a[32])&&a[32].call(this,D)}))}function Z(a,d,b){var a=a.add(a.find("img")).filter("img"),e=a.length;e||b();a.load(function(){this.naturalHeight&&!this.clientHeight&&h(this).height(this.naturalHeight).width(this.naturalWidth);d?(e--,e==0&&b()):b()}).each(function(){if((this.complete||this.complete===void 0)&&d){var a=this.src;this.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
|
|
||||||
this.src=a}})}function V(c,b){a[19]&&pa(c,b,e);a[39]&&pa(c,b,d)}function pa(a,b,e){P.ready(function(){qa(a,b,e);Z(k.eq(a),d,function(){qa(a,b,e)})})}function qa(c,b,e){c=t(c);l=k.eq(c)[e?"height":"width"]();P.animate(e?{height:l}:{width:l},{queue:d,duration:b,easing:a[8]})}function aa(){o.css(a[6]?"margin-top":"margin-left",ba(g))}function ba(c){c=r.eq(c+(F?a[40]:0));return c.length?-c.position()[a[6]?"top":"left"]:0}function ta(){g=t(g);a[24]||$(g);aa();p=e;if(a[17]&&Y)window.location.hash=a[15][g];
|
|
||||||
!q&&N&&C(g,e)}function C(c,b){(b?ca:da)(k.eq(c),t(c)+1);if(F&&(c<a[40]&&(b?ca:da)(r.eq(c<0?c+a[40]:c-a[40]),c+1),c>s-a[40]||c==-a[40]))(b?ca:da)(r.eq(c==-a[40]?-1:a[40]+c-s-1),c+1)}function ca(c,b){h.isFunction(a[30])&&a[30].call(c,b)}function da(c,b){h.isFunction(a[29])&&a[29].call(c,b)}function O(c){return c=="next"?t(g+1+a[42]):c=="prev"?t(g-1-a[42]):c=="first"?0:c=="last"?s:n(c)}function z(c,b,g,f){U&&clearTimeout(U);var m=a[25][c],i=k.eq(c),l=g===e,g=g===e?0:g;q&&!a[22]&&n(a[23]*0.4);var j=d;
|
|
||||||
h.ajax({url:m,success:function(a,h,m){m.getResponseHeader("Content-Type").substr(0,5)!="image"&&(j=e,i.html(a),ra(c,g,f,b,l,d))},complete:function(){if(!j)image=new Image,i.html("").append(image),image.src=m,ra(c,g,f,b,l,e)}});a[25][c]=d;J.ajax[c]=d}function ra(c,b,g,f,i,l){var j=k.eq(c);F&&(c<a[40]&&r.eq(c<0?c+a[40]:c-a[40]).replaceWith(h(j).clone()),c>s-a[40]&&r.eq(a[40]+c-s-1).replaceWith(h(j).clone()),r=o.children("li"),i===e&&aa());f&&V(c,b);Z(j,e,function(){i===e&&aa();h.isFunction(g)&&g();
|
|
||||||
ka()});h.isFunction(a[28])&&a[28].call(j,n(c)+1,l);g==2&&(C(c,d),N||(C(c,e),N=e))}function la(c,f,i){if(O(c)!=g&&!w&&p){K=d;a[24]&&$(O(c));var j=!f&&!a[9]&&a[17]?a[23]*(a[18]/a[7]):a[23],m=O(c);a[2]&&na(m,a[1]);if(i)j=W,H&&H--;else if(a[25]){H=0;W=j;for(b=m;b<m+u;b++)a[25][b]&&(z(t(b),d,j,function(){la(c,f,e)}),H++)}else H=d;if(!H)if(p=!f,V(m,a[23]),C(m,d),a[22]){var l=e,i=0;for(b=m;b<m+u;b++)k.eq(t(b)).clone().prependTo(P).css({"z-index":"100000",position:"absolute","list-style":"none",top:a[6]?
|
|
||||||
i:0,left:a[6]?0:i}).hide().fadeIn(a[23],function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");q=p=e;if(l){B(m,d,d,d);if(a[17]&&f)window.location.hash=a[15][g];C(m,e);l=d}h(this).remove();q=d}),i+=k.eq(b)[a[6]?"outerHeight":"outerWidth"](e)}else{var o=n(j*0.6);k.stop().fadeTo(j-o,0.001,function(){q=p=e;B(m,d,d,d);p=!f;k.fadeTo(o,1,function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");if(a[17]&&f)window.location.hash=a[15][g];p=e;q=d;C(m,e)})})}}}function B(c,
|
|
||||||
f,h,j){if(p&&!w&&(c!=g||E)&&i>t(c)||j){j||(K=d);p=!f&&!a[9]?e:a[16];Y=f;y=g;g=c;a[24]&&$(g);var m=Math.sqrt(Math.abs(y-g)),k=!h?0:!f&&!a[9]?n(m*a[18]):n(m*a[7]),m=t(g);if(j)k=W,Q&&Q--;else if(a[25]){a[25][m]&&(z(m,e,E||k,2),K=e);if(!q){var j=y>g?g:y,r=y>g?y:g;Q=0;W=k;for(b=j;b<=r;b++)b<=s&&b>=0&&a[25][b]&&(z(b,d,k,function(){B(c,f,h,e)}),Q++)}for(b=m+1;b<=m+u;b++)a[25][b]&&z(b,d,0,d)}Q||(!q&&!K&&(C(m,d),N=e),q||V(g,k),l=ba(g),o.animate(a[6]?{marginTop:l}:{marginLeft:l},{queue:d,duration:k,easing:a[8],
|
|
||||||
complete:ta}),a[2]&&(k=a[1],!f&&!a[9]&&(k=a[18]/a[7]*a[1]),h||(k=0),q&&(k=n(a[23]*0.6)),na(g,k)),E&&(a[25][m]||ka()),E=d)}}function t(a){return n(a<0?a+i:a>s?a-i:a)}function n(a){return parseInt(a,10)}var E,o,k,r,i,g,y,s,p,Y,q,K,R,fa,w,A,ga,ha,ia,ja,x,I,W,Q,H,L,b,l,j,F,u,N=d,U,P=h(this),J=X,a=[];ea(P,d);f.getOption=function(a){return J[a]};f.setOption=function(a,b){b&&(f.destroy(),J[a]=b,f.init());return f};f.insertSlide=function(c,b,d){if(c){f.destroy();b>i&&(b=i);c="<li>"+c+"</li>";!b||b==0?o.prepend(c):
|
|
||||||
k.eq(b-1).after(c);(b<=I||!b||b==0)&&I++;if(a[15].length<b)a[15].length=b;a[15].splice(b,0,d||n(b)+1);f.init()}return f};f.removeSlide=function(b){b--;f.destroy();k.eq(b).remove();a[15].splice(b,1);b<I&&I--;f.init();return f};f.goToSlide=function(a){G(a==n(a)?a-1:a,e);return f};f.block=function(){p=d;return f};f.unblock=function(){p=e;return f};f.startAuto=function(){a[9]=e;x=M(a[10]);return f};f.stopAuto=function(){a[9]=d;clearTimeout(x);L=d;return f};f.destroy=function(){I=g;A&&A.remove();w=e;h(a[20]).die("click");
|
|
||||||
if(F)for(b=1;b<=a[40];b++)r.eq(b-1).add(r.eq(-b)).remove();o.css(a[6]?"margin-top":"margin-left",ba(g));return f};f.init=function(){w&&ea(P,I);return f};f.adjust=function(a){a||(a=0);V(j,a);return f};f.getValue=function(a){return a=="currentSlide"?g+1:a=="totalSlides"?i:a=="clickable"?p:a=="destroyed"?w:a=="autoAnimation"?L:void 0}})}})(jQuery);
|
|
||||||
|
|
@ -1,62 +1,78 @@
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||||
<title>{% block title %} {% endblock %}</title><!-- titles to be given for everything -->
|
|
||||||
|
<meta name="keywords" content="Urban Studio, Architecture Firm, Interiors, Commercial, Industrial, Residential, Hospitality, Retail, Pronit Nath, Amisha Nath, Mumbai, India" />
|
||||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
|
|
||||||
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
|
{% block extra_meta %}
|
||||||
|
<meta name="title" content="Urban Studio{% block extra_meta_content %} {% endblock %}" />
|
||||||
<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
|
<meta name="description" content="Urban Studio: An Architecture and Interiors Firm in Mumbai" />
|
||||||
<script type="text/javascript" src="/static/js/pronit.js"></script><!--DELETE ALL EXTRA JS AND IMAGE FILES LATER -->
|
{% endblock %}
|
||||||
|
|
||||||
{% block extra_head %}
|
<title> Urban Studio India | Architecture & Interiors{% block title %} {% endblock %}</title>
|
||||||
|
|
||||||
{% endblock %}
|
<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
|
||||||
|
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
|
||||||
</head>
|
|
||||||
|
<!--[if lt IE 9]>
|
||||||
<body>
|
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||||
|
<![endif]-->
|
||||||
<div id="wrapper">
|
|
||||||
|
<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
|
||||||
<div id="main">
|
<script type="text/javascript" src="/static/js/pronit.js"></script>
|
||||||
|
|
||||||
<ul id="menu">
|
{% block extra_head %}
|
||||||
<li><a href="home">Home</a></li>
|
|
||||||
<li><a href="profile">Firm Profile</a></li>
|
{% endblock %}
|
||||||
<li><a href="projects">Projects</a></li>
|
|
||||||
<li><a href="jobs">Job Applications</a></li>
|
</head>
|
||||||
<li><a href="contact">Contact</a></li>
|
|
||||||
<li><a href="links">Links</a></li>
|
<body>
|
||||||
<li><a href="noteworthy">Noteworthy</a></li>
|
|
||||||
|
<div id="wrapper">
|
||||||
</ul><!--MENU CLOSING-->
|
|
||||||
|
<div id="main">
|
||||||
<img src="/static/images/urban-studio-logo.jpg" width="120" height="430" alt="logo" id="logo">
|
|
||||||
|
<ul id="menu">
|
||||||
{% block content %}
|
<li><a href="home">Home</a></li>
|
||||||
{% endblock %}
|
<li><a href="profile">Firm Profile</a></li>
|
||||||
|
<li><a href="projects">Projects</a></li>
|
||||||
{% block names %}
|
<li><a href="jobs">Job Applications</a></li>
|
||||||
<div id="names">
|
<li><a href="contact">Contact</a></li>
|
||||||
<p>Pronit Nath</p>
|
<li><a href="links">Links</a></li>
|
||||||
<p>Amisha Nath</p>
|
<li><a href="noteworthy">Noteworthy</a></li>
|
||||||
</div><!--NAMES CLOSING-->
|
|
||||||
{% endblock %}
|
</ul><!--MENU CLOSING-->
|
||||||
|
|
||||||
</div><!--MAIN CLOSING-->
|
<img src="/static/images/urban-studio-logo.jpg" width="120" height="430" alt="logo" id="logo">
|
||||||
|
|
||||||
</div><!--WRAPPER CLOSING-->
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
<div id="footer">
|
|
||||||
<p>© Copyright by Urban Studio, 2009. All rights Reserved.</p>
|
{% block names %}
|
||||||
</div><!--FOOTER CLOSING-->
|
<div id="names">
|
||||||
|
<p>Pronit Nath</p>
|
||||||
</body>
|
<p>Amisha Nath</p>
|
||||||
|
</div><!--NAMES CLOSING-->
|
||||||
</html>
|
{% endblock %}
|
||||||
|
|
||||||
|
</div><!--MAIN CLOSING-->
|
||||||
|
|
||||||
|
<div id="pushFooter">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!--WRAPPER CLOSING-->
|
||||||
|
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<p>© Copyright by Urban Studio, 2009. All rights Reserved.</p>
|
||||||
|
</div><!--FOOTER CLOSING-->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,29 +1,34 @@
|
||||||
{% extends 'inner.html' %}
|
{% extends 'inner.html' %}
|
||||||
|
|
||||||
{% block inner_content %}
|
{% block title %} | Contact {% endblock %}
|
||||||
<address>
|
|
||||||
<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
|
{% block extra_meta_content %}: Contact {% endblock %}
|
||||||
Mimi Building No.19, Ground Floor,<br>
|
|
||||||
Plot No. 60, 1st Road TPS IV,<br>
|
{% block inner_content %}
|
||||||
Almeida Park, Bandra (West),<br>
|
<address>
|
||||||
Mumbai 400 050<br><br>
|
<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
|
||||||
Telephone : <br>91-22-26406717<br>
|
Mimi Building No.19, Ground Floor,<br>
|
||||||
91-22-65023283<br><br>
|
Plot No. 60, 1st Road TPS IV,<br>
|
||||||
|
Almeida Park, Bandra (West),<br>
|
||||||
E-Mail :<br>
|
Mumbai 400 050<br><br>
|
||||||
|
Telephone : <br>91-22-26406717<br>
|
||||||
<a href="">urbanstudioindia@yahoo.co.in</a><br>
|
91-22-65023283<br><br>
|
||||||
|
|
||||||
<a href="">urbanstudioindia@gmail.com</a></p>
|
E-Mail :<br>
|
||||||
</address>
|
|
||||||
|
<p>urbanstudioindia@yahoo.co.in</p>
|
||||||
{% endblock %}
|
|
||||||
|
<p>urbanstudioindia@gmail.com</p>
|
||||||
|
</p>
|
||||||
{% block names %}
|
</address>
|
||||||
<div id="names">
|
|
||||||
<p>Pronit Nath</p>
|
{% endblock %}
|
||||||
<p>Amisha Nath</p>
|
|
||||||
</div><!--NAMES CLOSING-->
|
|
||||||
|
{% block names %}
|
||||||
{% endblock %}
|
<div id="names">
|
||||||
|
<p>Pronit Nath</p>
|
||||||
|
<p>Amisha Nath</p>
|
||||||
|
</div><!--NAMES CLOSING-->
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,33 @@
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
{% block title %}PLEASE ADD TITLES HERE{% endblock %}<!-- please add titles here --->
|
{% block title %} | Lifestyle | Design | Urbanism | Mumbai {% endblock %}
|
||||||
|
|
||||||
{% block extra_head %}
|
{% block extra_head %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/css/home.css" type="text/css"/>
|
<link rel="stylesheet" href="/static/css/home.css" type="text/css"/>
|
||||||
<link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css"/><!-- what in the world happens on control minus?? -->
|
<link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css"/>
|
||||||
|
|
||||||
<script src="/static/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
|
|
||||||
|
<script src="/static/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
|
||||||
<script type="text/javascript">
|
|
||||||
|
<script type="text/javascript">
|
||||||
$(document).ready(function() {
|
|
||||||
$('#slider').nivoSlider();
|
$(document).ready(function() {
|
||||||
});
|
$('#slider').nivoSlider({
|
||||||
|
directionNav: false,
|
||||||
</script>
|
});
|
||||||
|
});
|
||||||
{% endblock %}
|
|
||||||
|
</script>
|
||||||
{% block content %}
|
|
||||||
<div id="slider">
|
{% endblock %}
|
||||||
<!-- i disable the previous and next from the css only, dint touch the JS, did the right thing? LOOKS TERRIBLE IN IE -->
|
|
||||||
<img src="/static/images/Slide5.jpg" width="750" height="563">
|
{% block content %}
|
||||||
<img src="/static/images/Slide14.jpg" width="750" height="563">
|
<div id="slider">
|
||||||
<img src="/static/images/Slide21.jpg" width="750" height="563">
|
|
||||||
</div><!--SLIDER CLOSING-->
|
<img src="/static/images/Slide5.jpg" width="750" height="563">
|
||||||
{% endblock %}
|
<img src="/static/images/Slide14.jpg" width="750" height="563">
|
||||||
|
<img src="/static/images/Slide21.jpg" width="750" height="563">
|
||||||
|
</div><!--SLIDER CLOSING-->
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,21 @@
|
||||||
{% extends 'inner.html' %}
|
{% extends 'inner.html' %}
|
||||||
|
|
||||||
{% block inner_content %}
|
{% block title %} | Job Applications | Architects | Interior Designers | Visualisers | Draftsmen | Mumbai {% endblock %}
|
||||||
<p>We are currently looking to work with Architects, Interior Designers, Visualisers and draftsmen to work
|
|
||||||
on high-end Architectural and Interior projects in the Commercial, Residential, Hospitality, Retail and Institutional sectors.</p> <br>
|
{% block extra_meta_content %}: Job Applications {% endblock %}
|
||||||
|
|
||||||
<p>Please mail us your resume with details/date of joining at <br><br>
|
|
||||||
|
{% block inner_content %}
|
||||||
<span class="orange"><a href="">urbanstudioindia@yahoo.co.in</a></span> <br><br><!-- my link is only "", right?import copy to clipboard -->
|
<p>We are currently looking to work with Architects, Interior Designers, Visualisers and draftsmen to work
|
||||||
|
on high-end Architectural and Interior projects in the Commercial, Residential, Hospitality, Retail and Institutional sectors.</p> <br>
|
||||||
<span class="orange"><a href="">urbanstudioindia@gmail.com.</a></span><br>
|
|
||||||
</p>
|
<p>Please mail us your resume with details/date of joining at <br><br>
|
||||||
|
|
||||||
{% endblock %}
|
<p>urbanstudioindia@yahoo.co.in</p> <br>
|
||||||
|
|
||||||
|
<p>urbanstudioindia@gmail.com</p><br>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,26 @@
|
||||||
{% extends 'inner.html' %}
|
{% extends 'inner.html' %}
|
||||||
{% block contentId %}
|
|
||||||
id="showContent"
|
{% block title %} | Links {% endblock %}
|
||||||
{% endblock %}
|
|
||||||
|
{% block extra_meta_content %}: Links {% endblock %}
|
||||||
{% block inner_content %}
|
|
||||||
<p class="orange"><strong>Title</strong></p>
|
{% block contentId %}
|
||||||
<br>
|
id="showContent"
|
||||||
<p>This is dummy text about a beautiful architectural website.</p>
|
{% endblock %}
|
||||||
<br>
|
|
||||||
<a href="">www.link.com</a>
|
{% block inner_content %}
|
||||||
<br><br><br>
|
<p class="orange"><strong>Title</strong></p>
|
||||||
|
<br>
|
||||||
<p class="orange"><strong>Title</strong></p>
|
<p>This is dummy text about a beautiful architectural website.</p>
|
||||||
<br>
|
<br>
|
||||||
<p>This is dummy text about a beautiful architectural website.</p>
|
<a href="">www.link.com</a>
|
||||||
<br>
|
<br><br><br>
|
||||||
<a href="">www.link.com</a>
|
|
||||||
<br><br><br>
|
<p class="orange"><strong>Title</strong></p>
|
||||||
{% endblock %}
|
<br>
|
||||||
|
<p>This is dummy text about a beautiful architectural website.</p>
|
||||||
|
<br>
|
||||||
|
<a href="">www.link.com</a>
|
||||||
|
<br><br><br>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,65 +1,69 @@
|
||||||
{% extends 'inner.html' %}
|
{% extends 'inner.html' %}
|
||||||
|
|
||||||
{% block extra2_head %}
|
{% block title %} | Noteworthy {% endblock %}
|
||||||
|
|
||||||
<style type="text/css">
|
{% block extra_meta_content %}: Noteworthy {% endblock %}
|
||||||
|
|
||||||
.noteworthy {
|
{% block extra2_head %}
|
||||||
margin-bottom:40px;
|
|
||||||
}
|
<style type="text/css">
|
||||||
|
|
||||||
.noteworthy:last-child {
|
.noteworthy {
|
||||||
margin-bottom:10px;
|
margin-bottom:40px;
|
||||||
}/*is this correct?*/
|
}
|
||||||
|
|
||||||
.imgLinks {
|
.noteworthy:last-child {
|
||||||
padding-right:20px;
|
margin-bottom:10px;
|
||||||
float:left;
|
}
|
||||||
}
|
|
||||||
|
.imgLinks {
|
||||||
.imgLinks img
|
padding-right:20px;
|
||||||
{margin:0 auto;} /*we may want to remove this later*/
|
float:left;
|
||||||
</style>
|
width:200px;
|
||||||
{% endblock %}
|
height:150px;
|
||||||
|
}
|
||||||
{% block contentId %}
|
|
||||||
id="showContent"
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block inner_content %}
|
{% block contentId %}
|
||||||
|
id="showContent"
|
||||||
<div class="noteworthy">
|
{% endblock %}
|
||||||
<div class="imgLinks">
|
|
||||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
|
{% block inner_content %}
|
||||||
</div><!-- What about different image sizes? make a container for the same? -->
|
|
||||||
<p class="orange"><strong>Title</strong></p>
|
<div class="noteworthy">
|
||||||
<br>
|
<div class="imgLinks">
|
||||||
<p>This is dummy text about a beautiful architectural website.</p>
|
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
|
||||||
<br>
|
</div>
|
||||||
<a href="">Read more</a>
|
<p class="orange"><strong>Title</strong></p>
|
||||||
<br><br><br>
|
<br>
|
||||||
</div><!--NOTEWORTHY CLOSING -->
|
<p>This is dummy text about a beautiful architectural website.</p>
|
||||||
|
<br>
|
||||||
<div class="noteworthy">
|
<a href="">Read more</a>
|
||||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
|
<br><br><br>
|
||||||
<p class="orange"><strong>Title</strong></p>
|
</div><!--NOTEWORTHY CLOSING -->
|
||||||
<br>
|
|
||||||
<p>This is dummy text about a beautiful architectural website.</p>
|
<div class="noteworthy">
|
||||||
<br>
|
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||||
<a href="">Read more</a>
|
<p class="orange"><strong>Title</strong></p>
|
||||||
<br><br><br>
|
<br>
|
||||||
</div><!--NOTEWORTHY CLOSING -->
|
<p>This is dummy text about a beautiful architectural website.</p>
|
||||||
|
<br>
|
||||||
<div class="noteworthy">
|
<a href="">Read more</a>
|
||||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
|
<br><br><br>
|
||||||
<p class="orange"><strong>Title</strong></p>
|
</div><!--NOTEWORTHY CLOSING -->
|
||||||
<br>
|
|
||||||
<p>This is dummy text about a beautiful architectural website.</p>
|
<div class="noteworthy">
|
||||||
<br>
|
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||||
<a href="">Read more</a>
|
<p class="orange"><strong>Title</strong></p>
|
||||||
<br><br><br>
|
<br>
|
||||||
</div><!--NOTEWORTHY CLOSING -->
|
<p>This is dummy text about a beautiful architectural website.</p>
|
||||||
|
<br>
|
||||||
|
<a href="">Read more</a>
|
||||||
{% endblock %}
|
<br><br><br>
|
||||||
|
</div><!--NOTEWORTHY CLOSING -->
|
||||||
|
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,29 @@
|
||||||
{% extends 'inner.html' %}
|
{% extends 'inner.html' %}
|
||||||
|
|
||||||
{% block inner_content %}
|
{% block title %} | Pronit Nath | Amisha Nath {% endblock %}
|
||||||
|
|
||||||
<p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
|
{% block extra_meta_content %}: Profile {% endblock %}
|
||||||
<br><br></p>
|
|
||||||
<p>The firm is headed by <br><br><span class="orange">Pronit Nath</span> (GD-ARCH, Mumbai / AA dip-London / RIBA-2) and <br> <span class="orange">Amisha Thanawala</span> (GD-ARCH, Mumbai / M-ARCH,THE BARTLETT, UK)</p><br>
|
{% block inner_content %}
|
||||||
|
|
||||||
<p>Urban Studio is an office of young cross-disciplinary architects that operate as a collective collaborative of multiple expertises.
|
<p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
|
||||||
Among the different fields of interests that influence Urban Studio's approach towards architecture and interior design are the new sciences, information technology, artificial intelligence, infrastructural systems and the contemporary city.</p>
|
<br><br></p>
|
||||||
|
<p>The firm is headed by <br><br><span class="orange">Pronit Nath</span> (GD-ARCH, Mumbai / AA dip-London / RIBA-2) and <br> <span class="orange">Amisha Thanawala</span> (GD-ARCH, Mumbai / M-ARCH,THE BARTLETT, UK)</p><br>
|
||||||
<br>
|
|
||||||
|
<p>Urban Studio is an office of young cross-disciplinary architects that operate as a collective collaborative of multiple expertises.
|
||||||
<p>Our work has been featured in several local as well as international publications. Currently with a team of 20 Architects and Interior Designers, Urban Studio is successfully handling projects of varied scales in different sectors of residential, commercial, hospitality, retail & institutional with several local and international publications featuring our work. From working on a large 100 acre mixed use scheme in Hyderabad to custom designing furniture pieces Urban Studio strives to attain the design bandwidth necessary in future markets. Urban Studio consciously limits itself in the number of projects that it handles at a time because of its commitment to design development and client service believing that in the end "good design is always good business".</p>
|
Among the different fields of interests that influence Urban Studio's approach towards architecture and interior design are the new sciences, information technology, artificial intelligence, infrastructural systems and the contemporary city.</p>
|
||||||
|
|
||||||
|
<br>
|
||||||
{% endblock %}
|
|
||||||
|
<p>Our work has been featured in several local as well as international publications. Currently with a team of 20 Architects and Interior Designers, Urban Studio is successfully handling projects of varied scales in different sectors of residential, commercial, hospitality, retail & institutional with several local and international publications featuring our work. From working on a large 100 acre mixed use scheme in Hyderabad to custom designing furniture pieces Urban Studio strives to attain the design bandwidth necessary in future markets. Urban Studio consciously limits itself in the number of projects that it handles at a time because of its commitment to design development and client service believing that in the end "good design is always good business".</p>
|
||||||
{% block names %}
|
|
||||||
<div id="names">
|
|
||||||
<p>Pronit Nath</p>
|
{% endblock %}
|
||||||
<p>Amisha Nath</p>
|
|
||||||
</div><!--NAMES CLOSING-->
|
{% block names %}
|
||||||
|
<div id="names">
|
||||||
{% endblock %}
|
<p>Pronit Nath</p>
|
||||||
|
<p>Amisha Nath</p>
|
||||||
|
</div><!--NAMES CLOSING-->
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,14 @@
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
|
{% block title %} | Commercial | Residential | Hospitality | Retail | Institutional {% endblock %}
|
||||||
|
|
||||||
|
|
||||||
|
{% block extra_meta_content %}: Projects {% endblock %}
|
||||||
|
|
||||||
{% block extra_head %}
|
{% block extra_head %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
|
<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
|
||||||
<link rel="stylesheet" href="/static/css/global.css" type="text/css"/>
|
<link rel="stylesheet" href="/static/css/projectslider.css" type="text/css"/>
|
||||||
<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
|
<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
|
||||||
|
|
||||||
<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
|
<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
|
||||||
|
|
@ -14,6 +20,7 @@
|
||||||
$('#slidesDiv').slides({
|
$('#slidesDiv').slides({
|
||||||
preload: true,
|
preload: true,
|
||||||
preloadImage: 'img/loading.gif',
|
preloadImage: 'img/loading.gif',
|
||||||
|
pagination: false, //SANJ NOT WORKING
|
||||||
play: 5000,
|
play: 5000,
|
||||||
pause: 4000,
|
pause: 4000,
|
||||||
hoverPause: true
|
hoverPause: true
|
||||||
|
|
@ -48,7 +55,7 @@
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
(function($) {
|
(function($) {
|
||||||
$(function() { //on DOM ready
|
$(function() {
|
||||||
$("#scroller").simplyScroll({
|
$("#scroller").simplyScroll({
|
||||||
speed: 5
|
speed: 5
|
||||||
});
|
});
|
||||||
|
|
@ -60,6 +67,9 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
||||||
|
{% block names %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div id="galleryContainer">
|
<div id="galleryContainer">
|
||||||
|
|
||||||
|
|
@ -67,13 +77,7 @@
|
||||||
|
|
||||||
<div id="slidesDiv">
|
<div id="slidesDiv">
|
||||||
<div class="slidesInner">
|
<div class="slidesInner">
|
||||||
<a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>
|
|
||||||
<a href=""><img src="/static/images/Slidedummya.jpg" width="297" height="450" alt="Slide 1"></a>
|
|
||||||
<a href=""><img src="/static/images/Slidedummyb.jpg" width="600" height="450" alt="Slide 2"></a>
|
|
||||||
<a href=""><img src="/static/images/Slidedummyc.jpg" width="299" height="450" alt="Slide 2"></a>
|
|
||||||
<a href=""><img src="/static/images/Slidedummyd.jpg" width="600" height="375" alt="Slide 2"></a>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
|
<a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
|
||||||
|
|
@ -94,55 +98,22 @@
|
||||||
<p class="orange" id="projectDesignStatement">Design Statement</p>
|
<p class="orange" id="projectDesignStatement">Design Statement</p>
|
||||||
<p>Dummy text</p>
|
<p>Dummy text</p>
|
||||||
<br>
|
<br>
|
||||||
<!--
|
<p class="orange" id="projectExtraText">Content Block</p>
|
||||||
<p class="orange">Start Date ???</p>
|
|
||||||
<p>Dummy text</p>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<p class="orange">End Date ???</p>
|
|
||||||
<p>Dummy text</p>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<p class="orange">Location ???</p>
|
|
||||||
<p>Dummy text</p>
|
|
||||||
<br>
|
|
||||||
-->
|
|
||||||
<p class="orange" id="projectExtraText">Content Block ???</p>
|
|
||||||
<p>Dummy text Dummy text Dummy text</p>
|
<p>Dummy text Dummy text Dummy text</p>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
</div><!--TEXT GALLERY CLOSING-->
|
</div><!--TEXT GALLERY CLOSING-->
|
||||||
<!--</div> --><!--PROJECT GALLERY CLOSING-->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="clear">
|
<div class="clear">
|
||||||
</div><!--CLEAR CLOSING-->
|
</div><!--CLEAR CLOSING-->
|
||||||
|
|
||||||
<ul id="scroller"><!-- logo jutting right on 1024 -->
|
<ul id="scroller">
|
||||||
{% load thumbnail %}
|
{% load thumbnail %}
|
||||||
{% for p in projects %}
|
{% for p in projects %}
|
||||||
{% thumbnail p.thumb_image "100x100" crop="center" as im %}
|
{% thumbnail p.thumb_image "100x100" crop="center" as im %}
|
||||||
<li><img src="{{ im.url }}" data-id="{{ p.id }}" width="100" height="100" class="projectThumb" /></li>
|
<li><img src="{{ im.url }}" data-id="{{ p.id }}" width="100" height="100" class="projectThumb" /></li>
|
||||||
{% endthumbnail %}
|
{% endthumbnail %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<!--
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
|
||||||
-->
|
|
||||||
</ul>
|
</ul>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
Loading…
Reference in New Issue
Block a user