Hi guys, I am new to php so please help me out.
My css file called dm.css. I am hosting on APACHE. The problem is that the php pages does not read the ANALYSIS section of the css file (scroll down). Would anyone know why? This is how I have them referenced...
For example: <h3 class=analysis>Figure 3.</h3>
The DIV tags seem to work. If you want to page source code let me know. Thanks.
THE CSS FILE....
body {
background: #FFF ;
/* color: #000; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
height: 100%;
}
div.maincontainer {
background: url(art/background3a.gif) repeat-x;
height: 100%;
}
#survey_bk {
background: url(art/survey_bg.gif) repeat-x;
}
#analysis_bk {
background: url(art/analysis_bg.gif) repeat-x;
}
#intro_bk {
background: url(art/intro_bg.gif) repeat-x;
}
/**** LINKS ******/
a:link, a:visited {
color:black;
text-decoration: none;
}
a:hover{
color:red;
text-decoration: none;
}
/* links for home page indications */
a:link.info, a:visited.info, a:hover.info {
color:#aaa;
text-decoration: none;
}
/* link for privacy policy */
a:link.legal, a:visited.legal {
color: #330000;
text-decoration:underline;
}
a:hover.legal {
color:red;
text-decoration: underline;
}
/*
div {
border: none;
}
*/
/*****HEADER *******/
div.banner {
margin: 0 0 0 5px;
height: 25px;
width: 800px;
}
#logo {
margin-right: 30px;
margin-bottom:2px;
}
#login_box {
font-size: 12px;
font-weight: bold;
height: 16px;
line-height:16px;
}
#login_pointer{
margin-right: 10px;
margin-top: 1px;
}
.input_box {
margin: 0;
/* height: 14px;*/
font-size:12px;
}
#welcome {
font-size: 12px;
font-weight: bold;
vertical-align: middle;
padding-bottom: 12px;
padding-left: 20px;
}
#intro_table_header {
margin-left: 10px;
}
#indicationhead {
font-family: arial black;
font-size: 16px;
width:300px;
vertical-align: bottom;
margin-left: 0;
}
#indicationhead a:link,#indicationhead a:visited,#indicationhead a:hover{
color:#000;
}
/* for header tabs: data, survey, analysis */
img.tab {
display:block;
margin:0;
padding:0;
}
#tabtable {
float: left;
}
div.topic_bar {
margin-left: 18px;
}
#data_icon_row {
padding-left: 80px;
border-left: 10px solid #c9cd7d;
min-width: 800px;
width: 700px;
}
#analysis_icon_row {
padding-left: 80px;
border-left: 10px solid #508bbb;
}
#survey_icon_row {
padding-left: 80px;
border-left: 10px solid #afda29;
}
#intro_icon_row {
padding-left: 60px;
}
img.iconrow {
margin-left: 30px;
}
img.iconrow_dist {
margin-left: 5px;
margin-right: 5px;
}
img.recovery { /* for icon in workbook recovery popup */
margin-left: 10px;
}
div.dropdown {
margin-left: 20px;
}
#dropdown_link{
font-size:10px;
}
select.dropdown {
font-size: 12px;
font-weight:bold;
background: #FFF;
margin-left: 0;
margin-right: 15px;
margin-bottom:0;
/* margin-top: 5px; */
vertical-align: middle;
width: 225px;
height:14px;
}
img.dropdwn_label {
vertical-align: middle;
}
span.dropdwn_label {
vertical-align: top;
}
/****** MAIN CONTENT AREA *********/
div.maincontent_data_temp {
border-left: 10px solid #c9cd7d;
height: 500px;
}
div.maincontent_survey {
border-left: 10px solid #afda29; /* green */
padding-top:15px;
}
div.maincontent_analysis {
border-left: 10px solid #508bbb; /* blue */
padding-top:18px;
padding-left:10px;
/* border-top: 1px solid red; */
}
div.maincontent_analysis_prn {
border-left: 10px solid #508bbb; /* blue */
padding-top:18px;
padding-left:10px;
}
/****** intro page *****/
div.intro_databox {
border-left: 10px solid #c9cd7d; /* olive*/
border-bottom: 6px solid #c9cd7d;
height: 375px;
padding-left:16px;
}
div.intro_surveybox {
border-left: 10px solid #afda29;
border-bottom: 6px solid #afda29;
height: 325px;
padding-left:15px;
}
div.intro_anabox {
border-left: 9px solid #508bbb;
border-bottom: 6px solid #508bbb;
height: 275px;
padding-left:16px;
}
div.intro_table {
background: #bce4ab;
/* border-top: 12px solid #0e946c; put this back for top green band*/
border-bottom: 6px solid #0e946c;
height: 200px;
padding-left: 15px;
padding-top: 10px;
}
div.footer {
border-bottom: 16px solid #fdd133;
/* padding-top:10px; */
padding-bottom:5px;
padding-left: 70px;
}
.footer_left {
width: 390px;
padding-right: 50px;
font-size: 9px;
}
/* ANALYSIS PAGES */
/*Main section title*/
h1.analysis {
/* font-family:Verdana, Arial, Helvetica, sans-serif; */
font-size: 18 px;
padding:0;
margin: 10 px;
}
/*Subsections*/
h2.analysis {
/* font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size: 14 px;
padding:0;
margin: 10 px;
}
/*Figure titles*/
h3.analysis {
/* font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size: 10 px;
padding:0;
margin: 10 px;
}
/*Content text*/
ctext.analysis {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
}
div.legal {
font-size: 9px;
text-align: center;
padding-top: 5px;
}
.bold_12px {
font-size: 12px;
font-weight: bold;
}
.txt_9px {
font-size: 9px;
}
.txt_9pxb {
font-size: 9px;
font-weight: bold;
}
#bold_txt {
font-weight: bold;
}
.footnote {
font-size: 9px;
font-style: italic;
}
#pp_footnote {
padding-left:18px;
}
#os_indent {
padding-left:16px;
}
/******** TABLES *******/
table.intro {
font-size: 10px;
}
table.pat_pop1 {
font-size: 12px;
}
table.overall_drug {
font-size: 12px;
}
table.lines_therapy {
font-size: 12px;
}
/*
table.dm6 {
font-size: 12px;
}
*/
table.lt1 {
margin-left: 10px;
font-size: 12px;
}
table.pkt1 {
margin-left: 20px;
font-size: 12px;
}
table.sb {
margin-left: 10px;
font-size: 12px;
}
table.txt_12px {
font-size: 12px;
}
table.dm1 {
font-size: 12px;
line-height: 150%;
}
TH.table_title {
color: black;
text-align:left;
}
td.table_title {
color: black;
text-align:left;
font-weight:bold;
}
#subhead {
color: black;
font-weight:normal;
font-style: italic;
text-align:left;
}
td.introtable a:link{
color: black;
}
td.bottom {
font-weight:bold;
}
td.bold { /* same as bottom */
font-weight:bold;
}
td.os_class {
font-weight:bold;
padding-left:15px;
padding-right:8px;
}
td.boxed {
border: 1px solid black;
text-align:right;
padding-right: 2px;
}
td.boxed_wt {
border: 1px solid black;
text-align:right;
padding-right: 2px;
background: white;
}
td.filler {
width: 10px;
}
tr.gray {
background: #cecac3;
}
tr.yellow {
background: #fdd133;
}
tr.green {
background: #5dbb7f;
}
tr.nocolor {
background: #fff;
}
td.green {
background: #5dbb7f;
}
/* background colors */
#yellow {
background: #fdd133;
}
#grey {
background: #cecac3;
}
.green_bk {
background: #0e946c;
}
.ltgreen_bk {
background: #bce4ab;
}
#white_bk {
background: white;
}
/***** text colors *****/
.white {
color: white;
}
.red {
color: #fe2d02;
}
.grey {
color: #aaa;
}
/***** boxes *****/
div.boxed {
border:1px solid black;
background: #FFF;
text-align: right;
padding-right: 2px;
padding-left: 2px;
}
div.boxed1 {
border:1px solid black;
background: #FFF;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:45px;
}
div.boxed1_yel {
border:1px solid black;
background: #fdd133;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:45px;
}
div.boxed2 {
border:1px solid black;
background: #FFF;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:80px;
}
div.boxed2_yel {
border:1px solid black;
background: #fdd133;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:80px;
}
div.boxed2_grn {
border:1px solid black;
background: #bce4ab;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:80px;
}
div.boxed2_red {
border:1px solid black;
background: #fb9081;
text-align: right;
padding-right: 2px;
padding-left: 2px;
width:80px;
}
/*** Images ****/
img.bullet {
margin-right: 6px;
}
img.dm2 {
margin: 15px;
}
#dm3_chart {
border-left: 10px solid #508bbb;
}
img.lt_arrow {
margin-left:15px;
margin-right:10px;
vertical-align: bottom;
}
/*** POPUP WINDOWS ******/
#popup_body {
margin-top:0;
}
#popup_logo {
margin-top: 8px;
margin-right: 50px;
}
#popup_logo_hlp {
margin-top: 8px;
margin-right: 125px;
}
#popup_logo_distrib {
margin-top: 8px;
margin-right: 85px;
}
div.popup_heading {
border-top: 12px solid #0e946c;
border-bottom: 12px solid #0e946c;
color: #aaa;
font-size: 12px;
font-weight: bold;
padding: 5px;
width: 280px;
}
div.popup_heading_wide {
border-top: 12px solid #0e946c;
border-bottom: 12px solid #0e946c;
color: #aaa;
font-size: 12px;
font-weight: bold;
padding: 5px;
}
#help {
width: 370px;
}
div.distrib_heading {
border-top: 12px solid #c9cd7d;
/* border-bottom: 12px solid #0e946c; */
color: #000;
font-size: 12px;
font-weight: bold;
/*padding: 5px;*/
width: 310px;
}
div.popup_text {
padding: 5px;
width: 280px; /* check the width on all popup pages-- was 270 */
font-size: 12px;
}
div.popup_text_gbk {
padding: 5px;
width: 280px; /* check the width on all popup pages-- was 270 */
font-size: 12px;
background: #bce4ab;
}
#small_popup_text {
font-size: 10px;
}
#close_button {
font-size: 10px;
font-weight: bold;
}
div.distrib_legend {
font-size: 9px;
margin-top: 12px;
margin-left: 20px;
margin-bottom: 15px;
}
div.distrib_text_gbk {
width: 310px;
font-size: 12px;
background: #bce4ab;
}
div.pop_banner {
margin: 0 0 0 5px;
height: 25px;
}
