body {
margin: 0px;
padding: 0px;
font-size: 100%;
text-align: center;
font-family: Courier New, Courier, monospace;
color: #000000;
}
#container {
text-align: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Courier New, Courier, monospace;
padding: 0em;
background-color: #FFFFFF;
width: inherit;
border: 0px dashed #666666;
height: 800px;
}
#header { /* See header and link, previous versions, e.g. v7..[deleter line-height:0px;]*/
width: inherit;
font-size: 90%;
font-family: Courier New, Courier, monospace;
font-weight: normal;
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 20px;
background-color: ;
color: #000000;
/* Note code for font-weight: bold;*/
}
#main_content{
width: 910px;
height: 560px;
margin: 0 auto;
}
#main_content_film{/* Film Portfolio content*/
width: 910px;
height: 1210px;
margin: 0 auto;
margin-left: 25.5%; /* should match li left margin */
margin-top: -0.3%;
margin-right:55px;/* NEW gallery....This centered it- part 2....I don't know why...NB: was 50px on Gallery */
}
#content_container {/* container for photo content and About content */
width: 910px;
height: 560px;
margin: 0 auto;
margin-bottom: 20%;
}
#portrait{ /* portrait pic pairs */
width: 810px;
align: left;
margin-left: -15.5%; /* should match li left margin */
margin-top: -0.3%;
float: right;/* This cenred it - part 1 */
margin-right:55px;/* NEW gallery....This centered it- part 2....I don't know why...NB: was 50px on Gallery */
}
#arrow_nav { /* all header link items...took out [clear: both;] */
width: 60px;
height: 35px;
font-size:200%;
color: #C8C8C8;
padding-right: 30px;
line-height: 0px;
position: absolute;
top: 100px;
right: 0px;
}
#Title { /* Text to describe story */
font-style: ;
font-size: 100%;
padding-left: 0px;
margin: none;
margin-left:110px;
width: 800px;
}
#Story_title { /* Text to describe story, below red line */
font-style: italic;
font-size: 90%;
margin-left: 15%;
width: 820px;
height: 0.5px;
margin: 0 auto;
margin-bottom: 10px;
}
#text { /*Styling for text within container, e.g about*/
background-color: #FFFFFF;
float: left;
font-family: "Courier New", Courier, monospace;
font-size: 80%;
color: #000000;
width: 220px;
height:190px;
margin-left: -15.5%; /* should match li left margin */
margin-top: -0.3%;
float: right;/* This cenred it - part 1 */
margin-right:55px;/* NEW gallery....This centered it- part 2....I don't know why...NB: was 50px on Gallery */
}
#text2{ /*Styling for text within film: portfolio*/
background-color: #FFFFFF;
float: ;
font-family: "Courier New", Courier, monospace;
font-size: 80%;
color: #000000;
width: 500px;
height:100px;
padding-left: 5px;
padding-right:5px;
margin-left: 0px;
}
#footer {
background-color: #FFFFFF;
padding-right: 40px;
padding-left: 40px;
color: #666666;
font-size: 50%;
margin: 0 auto;
bottom: 0;
}
#nav li { /* all list items AM I USING THIS???DELETE???*/
float: none;
width: 11em; /* width needed or else Opera goes nuts */
}
.clearfloat {
clear: both;
font-size: 1px;
line-height: 0px;
height: 0px;
bottom: 0;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
color: #000000;
background-color: #FF0033;
}/*to put bcak hover underline.....text-decoration: underline;*/
a:active {
text-decoration: none;
color: #999999;
}
.style14 {
font-size: 8px; /*Styling for credits below monitor*/
color: #333333;
}
.style20 {
font-size: 100%
}
.style21 {
font-size: 120%
}
.style27 {
font-size: 70%
}
.style29 {/*Styling for BWCol title/logo*/
color: #000000;
font-size: 145%;
}
.video_holder {
width: 600px
}
.galleryPhoto_portrait {
width: 400px;
height: 558px; /*NEW gallery*/
}
.galleryPhoto_landscape {
width: 810px;
height: 558px;/* NEW gallery widgth */
margin-left: -15.5%; /* should match li left margin */
margin-top: -0.3%;
text-align: center;
float: right;/* This cenred it - part 1 */
margin-right:55px;/* NEW gallery....This centered it- part 2....I don't know why...NB: was 50px on Gallery */
}
.galleryPhoto_gallery {
opacity: 1.00;
filter: alpha(opacity=100); /* For IE8 and earlier */
text-decoration: none;
width: 195px;
height: 132px;
}
.logo {
color: black;
padding-left:30px;
font-size: 125%;
}
.logo:hover {
font-size: 125%;
background-color: #FFFFFF;
}
.logo:link {
text-decoration: none;
}
.home {
font-color: #FF0033;
}
a.home {/*Styling for links in header and "home", current page*/
color: #FF0033;
}
a:hover.home {/*Styling for links + hover in header*/
color: black;
font-weight:
}
.home: visited {
font-color: green;
}
/* TRYING TO WORK OUT THE GALLERY - Links, hover etc. */
a.ex1:hover, a.ex1:active {/* Links with class="ex1".See also ref for .galleryPhoto_gallery and opacity */
opacity: 0.5;
filter: alpha(opacity=80); /* For IE8 and earlier */
text-decoration: none;
}
#rig{ /* gallery */
width: 810px;
height: ; /* This doesn't work, but should be height: 560px; */
padding-bottom: 200%;
}
#rig_container {
}
ul.rig {
list-style: none;
font-size: 0px;
margin-left: -15.5%; /* should match li left margin */
margin-top: -0.6%;
text-align: center;
float: right;/* This cenred it - part 1 */
margin-right:50px;/* This centered it- part 2....I don't know why */
}
ul.rig li {
display: inline-block;
padding: 5px;
background: #fff;
border: ;
position: ;/* should match relative, but link disappears! */
font-size: 16px;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (max-width: 480px) { /*phone, landscape.....uploaded @media only screen and (max-width: 480px) { */
.galleryPhoto_portrait { /*was width=400px and height=560px*/
width: 235px;
height: 320px;
}
.galleryPhoto_landscape {/*was width=810px and height=560px*/
width: 100%;
height: 320px;
}
#main_content{
width: 100%;
height: 320px;
margin: 0 auto;
}
#header { /* See header and link, previous versions, e.g. v7..[deleter line-height:0px;]*/
padding-top: 0px;
padding-bottom: 0.1px;
padding-left: 20px;
}
.logo {
color: black;
padding-left:30px;
font-size: 125%;
}
#content_container {/* container for photo content and About content...[try width:100%!important;] */
width: 100%;
height: 320px;
margin: 0 auto;
}
#portrait{ /* portrait pic pairs */
width: 100%;
align: left;
}
#Story_title { /* Text to describe story */
font-style: italic;
font-size: 90%;
padding-left: 0px;
margin-left:10px;
width: 100%;
}
#arrow_nav {
font-size:150%;
padding-right: 0%;
position: absolute;
top: 0;
right: 0;
}
#container {
text-align: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Courier New, Courier, monospace;
padding: 0em;
background-color: #FFFFFF;
width: inherit;
height: 500px;
}
#text { /*Styling for text within container, e.g about*/
background-color: #FFFFFF;
float: right;
font-family: "Courier New", Courier, monospace;
font-size: 80%;
color: #000000;
width: 40%;
height:190px;
padding-top: 10px;
padding-left: 0px;
padding-right:5px;
margin-left: 20px;
}
#text2{ /*Styling for text within film: portfolio*/
background-color: #FFFFFF;
float: ;
font-family: "Courier New", Courier, monospace;
font-size: 80%;
color: #000000;
width: 45%;
height:100px;
padding-left: px;
padding-right:0px;
margin-left: 0px;
}
#main_content_film{/* Film Portfolio content*/
width: 910px;
height: 1210px;
margin: 0 auto;
margin-left: 2%; /* should match li left margin */
margin-top: -0.3%;
margin-right:55px;/* NEW gallery....This centered it- part 2....I don't know why...NB: was 50px on Gallery */
}
.video_holder {
width: 600px;
}
}
@media only screen and (min-width: 481px) and (max-width: 1024px) { /*bigger screen*/
}
@media only screen and (min-width: 481px) and (max-width: 768px) { /*tablet*/
}
/*e.g. A - goes at top, anchor icon...see named insert/Anchor*/
Top of Page /*e.g. A -goes at bottom*/
/*e.g. B -goes on linked to page...see named insert/Anchor*/
a href="photoEssays_human.html#Gimp" /*e.g. B -goes on page to link*/