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;
|
||||
height:563px;
|
||||
|
|
|
|||
|
|
@ -1,21 +1,22 @@
|
|||
|
||||
.content {
|
||||
width:600px;
|
||||
font-family:Geneva, Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
||||
font-size:16px;
|
||||
line-height:18px;
|
||||
color:#e3e3e3; /*formerly a2a1a1*/
|
||||
background-color:rgb(8,0,8);
|
||||
line-height:20px;
|
||||
color:#b1b1b1;
|
||||
background-color:rgb(4,0,4);
|
||||
margin:0 auto;
|
||||
margin-top:78px;
|
||||
margin-bottom:20px;
|
||||
padding:20px;
|
||||
text-align:justify;
|
||||
border:4px groove #4d4c4c;
|
||||
display:none;}
|
||||
border:1px dotted #555;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content a {
|
||||
text-decoration:none;
|
||||
color:#e3e3e3;
|
||||
color:#b1b1b1;
|
||||
}
|
||||
|
||||
.content a:hover {
|
||||
|
|
@ -23,5 +24,6 @@ border-bottom:1px solid #db7232;
|
|||
color:#db7232;
|
||||
}
|
||||
|
||||
#showContent
|
||||
{display:block;}
|
||||
#showContent {
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -18,17 +18,18 @@ clear:both;
|
|||
width:100%;
|
||||
min-width:1000px; /*TBC to suit layout*/
|
||||
min-height:100%; /*required for sticky footer*/
|
||||
height:100%;
|
||||
height: auto !important;
|
||||
margin:0 auto;
|
||||
}
|
||||
margin-bottom:-48px;}
|
||||
|
||||
#main {
|
||||
padding-bottom:48px;
|
||||
min-height:617px; /*to keep logo from jutting into footer at lower resolutions*/
|
||||
overflow:auto;
|
||||
padding-top:78px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
#logo {/*slightly too long for 1024 resolution in IE on scrolling down, what to do?*/
|
||||
position:fixed;
|
||||
#logo {
|
||||
position:absolute;
|
||||
top:74px;
|
||||
left:6px;
|
||||
z-index:9999;
|
||||
|
|
@ -39,7 +40,7 @@ display:none;
|
|||
position:fixed;
|
||||
top:0px;
|
||||
width:100%;
|
||||
min-width:850px;
|
||||
min-width:1000px;
|
||||
height:36px;
|
||||
text-align:center;
|
||||
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 */
|
||||
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
|
||||
padding-top:18px;
|
||||
-moz-box-shadow:2px 2px 18px #666;
|
||||
-webkit-box-shadow:2px 2px 18px #666;
|
||||
box-shadow:2px 2px 18px #666;
|
||||
border-bottom:1px solid #222;
|
||||
-moz-box-shadow:2px 2px 18px #555;
|
||||
-webkit-box-shadow:2px 2px 18px #555;
|
||||
box-shadow:2px 2px 18px #555;
|
||||
z-index:10000;
|
||||
}
|
||||
|
||||
|
|
@ -61,29 +63,40 @@ font-family:"Century Gothic", "Arial Narrow", Helvetica, Arial, sans-serif;
|
|||
font-size:16px;
|
||||
text-align:center;
|
||||
text-transform:uppercase;
|
||||
margin-right:24px;
|
||||
margin-left:24px;
|
||||
margin-right:20px;
|
||||
margin-left:20px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#menu li a {
|
||||
text-decoration:none;
|
||||
color:#c1c1c1; /*formerly a2a1a1*/
|
||||
color:#c1c1c1;
|
||||
}
|
||||
|
||||
#menu li a:hover {
|
||||
color:#db7232; /*previously af1650*/
|
||||
#menu li a:hover, #menu li a:active {
|
||||
color:#db7232;
|
||||
border-bottom:1px solid #a2a1a1;
|
||||
}
|
||||
|
||||
#menu li a:focus {
|
||||
color:#db7232;
|
||||
border-bottom:1px solid #a2a1a1;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.menuSelected
|
||||
{
|
||||
color:#db7232;
|
||||
}
|
||||
|
||||
.orange {
|
||||
color:#db7232;
|
||||
}
|
||||
|
||||
#names
|
||||
{
|
||||
font-family:"Arial Narrow", Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
||||
font-size:16px;
|
||||
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
||||
font-size:14px;
|
||||
color:#db7232;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
|
|
@ -95,11 +108,14 @@ right:26px;
|
|||
padding-bottom:4px;
|
||||
}
|
||||
|
||||
#footer /*too much top margin, which doesn't show in IE*/
|
||||
#pushFooter {
|
||||
height:48px;
|
||||
}
|
||||
|
||||
#footer
|
||||
{
|
||||
width:100%;
|
||||
height:30px;
|
||||
margin-top:-48px;
|
||||
padding-top:18px;
|
||||
font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
|
||||
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 {
|
||||
display:block;
|
||||
position:absolute;
|
||||
|
|
@ -46,46 +22,7 @@
|
|||
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 {
|
||||
|
||||
.nivo-controlNav {
|
||||
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
|
||||
{color:#e3e3e3;
|
||||
font-size:14px;
|
||||
/*background-color:purple;*/
|
||||
width:860px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
/*#projectGallery
|
||||
{color:#e3e3e3;
|
||||
font-size:14px;
|
||||
background-color:purple;
|
||||
width:860px;
|
||||
margin:0 auto;}*/
|
||||
|
||||
.projectSlider
|
||||
{/*background-color:blue;*/
|
||||
width:600px;
|
||||
{width:600px;
|
||||
height:450px;
|
||||
margin-top:78px;
|
||||
margin-right:20px;
|
||||
float:left;
|
||||
}
|
||||
|
|
@ -27,27 +17,8 @@ float:left;
|
|||
{width:220px;
|
||||
padding:9px;
|
||||
height:430px;
|
||||
margin-top:78px;
|
||||
float:left;
|
||||
text-align:justify;
|
||||
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,8 +1,10 @@
|
|||
/* Container DIV - automatically generated */
|
||||
|
||||
|
||||
.simply-scroll-container {
|
||||
position:relative;
|
||||
margin:0 auto;}
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
/* Clip DIV - automatically generated */
|
||||
.simply-scroll-clip {
|
||||
|
|
@ -39,12 +41,9 @@ opacity:1;
|
|||
}
|
||||
|
||||
.selected {
|
||||
filter:alpha(opacity=100); /*IE*/
|
||||
opacity:1;
|
||||
} /*to make sure it retains opacity on selection via Javascript?*/
|
||||
|
||||
/* Master button styles - note that up and down versions
|
||||
have been removed in this example */
|
||||
filter:alpha(opacity=100)!important; /*IE*/
|
||||
opacity:1!important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn {
|
||||
position:absolute;
|
||||
|
|
@ -83,18 +82,11 @@ background-position:84px 0 !important;
|
|||
background-position: 84px -88px;
|
||||
}
|
||||
|
||||
/* Custom class modifications - adds to / overrides above
|
||||
|
||||
.simply-scroll is default base class */
|
||||
|
||||
/* Container DIV */
|
||||
.simply-scroll {
|
||||
width: 860px;
|
||||
height: 100px;
|
||||
margin-bottom: 20px;
|
||||
margin-top:2px;
|
||||
|
||||
z-index:20000;}
|
||||
padding-top:10px;
|
||||
z-index:20000;}
|
||||
|
||||
/* Clip DIV */
|
||||
.simply-scroll .simply-scroll-clip {
|
||||
|
|
@ -102,9 +94,8 @@ z-index:20000;}
|
|||
height: 100px;
|
||||
}
|
||||
|
||||
/* Explicitly set height/width of each list item */
|
||||
.simply-scroll .simply-scroll-list li {
|
||||
float: left; /* Horizontal scroll only */
|
||||
float: left;
|
||||
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);
|
||||
|
|
@ -5,14 +5,26 @@
|
|||
<head>
|
||||
|
||||
<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" />
|
||||
|
||||
{% block extra_meta %}
|
||||
<meta name="title" content="Urban Studio{% block extra_meta_content %} {% endblock %}" />
|
||||
<meta name="description" content="Urban Studio: An Architecture and Interiors Firm in Mumbai" />
|
||||
{% endblock %}
|
||||
|
||||
<title> Urban Studio India | Architecture & Interiors{% block title %} {% endblock %}</title>
|
||||
|
||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
|
||||
<script type="text/javascript" src="/static/js/pronit.js"></script><!--DELETE ALL EXTRA JS AND IMAGE FILES LATER -->
|
||||
<script type="text/javascript" src="/static/js/pronit.js"></script>
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
|
|
@ -51,8 +63,12 @@
|
|||
|
||||
</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-->
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Contact {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Contact {% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
<address>
|
||||
<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
|
||||
|
|
@ -12,9 +16,10 @@
|
|||
|
||||
E-Mail :<br>
|
||||
|
||||
<a href="">urbanstudioindia@yahoo.co.in</a><br>
|
||||
<p>urbanstudioindia@yahoo.co.in</p>
|
||||
|
||||
<a href="">urbanstudioindia@gmail.com</a></p>
|
||||
<p>urbanstudioindia@gmail.com</p>
|
||||
</p>
|
||||
</address>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,18 +1,21 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}PLEASE ADD TITLES HERE{% endblock %}<!-- please add titles here --->
|
||||
{% block title %} | Lifestyle | Design | Urbanism | Mumbai {% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
<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 type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#slider').nivoSlider();
|
||||
$('#slider').nivoSlider({
|
||||
directionNav: false,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
@ -21,7 +24,7 @@ $(document).ready(function() {
|
|||
|
||||
{% block content %}
|
||||
<div id="slider">
|
||||
<!-- 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">
|
||||
<img src="/static/images/Slide14.jpg" width="750" height="563">
|
||||
<img src="/static/images/Slide21.jpg" width="750" height="563">
|
||||
|
|
|
|||
|
|
@ -1,14 +1,19 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Job Applications | Architects | Interior Designers | Visualisers | Draftsmen | Mumbai {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Job Applications {% endblock %}
|
||||
|
||||
|
||||
{% block inner_content %}
|
||||
<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>
|
||||
|
||||
<p>Please mail us your resume with details/date of joining at <br><br>
|
||||
|
||||
<span class="orange"><a href="">urbanstudioindia@yahoo.co.in</a></span> <br><br><!-- my link is only "", right?import copy to clipboard -->
|
||||
<p>urbanstudioindia@yahoo.co.in</p> <br>
|
||||
|
||||
<span class="orange"><a href="">urbanstudioindia@gmail.com.</a></span><br>
|
||||
<p>urbanstudioindia@gmail.com</p><br>
|
||||
</p>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,9 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Links {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Links {% endblock %}
|
||||
|
||||
{% block contentId %}
|
||||
id="showContent"
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Noteworthy {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Noteworthy {% endblock %}
|
||||
|
||||
{% block extra2_head %}
|
||||
|
||||
<style type="text/css">
|
||||
|
|
@ -10,15 +14,15 @@ margin-bottom:40px;
|
|||
|
||||
.noteworthy:last-child {
|
||||
margin-bottom:10px;
|
||||
}/*is this correct?*/
|
||||
}
|
||||
|
||||
.imgLinks {
|
||||
padding-right:20px;
|
||||
float:left;
|
||||
width:200px;
|
||||
height:150px;
|
||||
}
|
||||
|
||||
.imgLinks img
|
||||
{margin:0 auto;} /*we may want to remove this later*/
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -31,7 +35,7 @@ float:left;
|
|||
<div class="noteworthy">
|
||||
<div class="imgLinks">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
|
||||
</div><!-- What about different image sizes? make a container for the same? -->
|
||||
</div>
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
|
|
@ -41,7 +45,7 @@ float:left;
|
|||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<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? -->
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
|
|
@ -51,7 +55,7 @@ float:left;
|
|||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<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? -->
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Pronit Nath | Amisha Nath {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Profile {% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
|
||||
<p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
|
||||
|
|
|
|||
|
|
@ -1,8 +1,14 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %} | Commercial | Residential | Hospitality | Retail | Institutional {% endblock %}
|
||||
|
||||
|
||||
{% block extra_meta_content %}: Projects {% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
<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"/>
|
||||
|
||||
<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
|
||||
|
|
@ -14,6 +20,7 @@
|
|||
$('#slidesDiv').slides({
|
||||
preload: true,
|
||||
preloadImage: 'img/loading.gif',
|
||||
pagination: false, //SANJ NOT WORKING
|
||||
play: 5000,
|
||||
pause: 4000,
|
||||
hoverPause: true
|
||||
|
|
@ -48,7 +55,7 @@
|
|||
<script type="text/javascript">
|
||||
|
||||
(function($) {
|
||||
$(function() { //on DOM ready
|
||||
$(function() {
|
||||
$("#scroller").simplyScroll({
|
||||
speed: 5
|
||||
});
|
||||
|
|
@ -60,6 +67,9 @@
|
|||
{% endblock %}
|
||||
|
||||
|
||||
{% block names %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="galleryContainer">
|
||||
|
||||
|
|
@ -67,12 +77,6 @@
|
|||
|
||||
<div id="slidesDiv">
|
||||
<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>
|
||||
|
||||
|
|
@ -94,55 +98,22 @@
|
|||
<p class="orange" id="projectDesignStatement">Design Statement</p>
|
||||
<p>Dummy text</p>
|
||||
<br>
|
||||
<!--
|
||||
<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 class="orange" id="projectExtraText">Content Block</p>
|
||||
<p>Dummy text Dummy text Dummy text</p>
|
||||
<br>
|
||||
|
||||
</div><!--TEXT GALLERY CLOSING-->
|
||||
<!--</div> --><!--PROJECT GALLERY CLOSING-->
|
||||
|
||||
</div>
|
||||
<div class="clear">
|
||||
</div><!--CLEAR CLOSING-->
|
||||
|
||||
<ul id="scroller"><!-- logo jutting right on 1024 -->
|
||||
<ul id="scroller">
|
||||
{% load thumbnail %}
|
||||
{% for p in projects %}
|
||||
{% 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>
|
||||
{% endthumbnail %}
|
||||
{% 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>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user