/* Cathedral Roman Catholic Primary School Screen Stylesheet */ /* Build by John Simpson, Design by Gary White */ /* Created Feburay 2006 */ /* Main Body paramaters */ body { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:#AEA597; color:#AEA597; } ol, ul, li { list-style-position:inside; margin: 0px 5px 10px 0px; } p { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #666666; text-align:left; } img { behavior: url("../scripts/pngbehavior.htc"); } /* DIV's */ #nav_bookmark { position:absolute; left:24px; top:38px; visibility: visible; z-index:10; overflow:hidden; } #nav_home { position:absolute; left:89px; top:195px; visibility: visible; z-index:10; overflow:hidden; } #nav_houseteams { position:absolute; left:63px; top:220px; visibility: visible; z-index:10; overflow:hidden; } #nav_schoolcouncil { position:absolute; left:54px; top:255px; visibility: visible; z-index:10; overflow:hidden; } #nav_gallery { position:absolute; left:74px; top:290px; visibility: visible; z-index:10; overflow:hidden; } #nav_catmouse { position:absolute; left:51px; top:323px; visibility: visible; z-index:10; overflow:hidden; } #nav_safe { position:absolute; left:58px; top:365px; visibility: visible; z-index:10; overflow:hidden; } #alien { position:absolute; left:243px; top:300px; visibility: visible; z-index:14; overflow:hidden; } #koff { position:absolute; left:284px; top:381px; visibility: visible; z-index:14; overflow:hidden; } #koff-generic { position:absolute; left:529px; top:13px; visibility: visible; z-index:14; overflow:hidden; } #childimage { position:absolute; left:120px; top:180px; visibility: visible; z-index:6; overflow:hidden; } #aboutimage { position:absolute; left:100px; top:110px; visibility: visible; z-index:6; overflow:hidden; } #pencil { position:absolute; left:257px; top:160px; visibility: visible; z-index:7; overflow:hidden; } #paperclips { position:absolute; left:80px; top:375px; visibility: visible; z-index:7; overflow:hidden; } #catmouse { position:absolute; left:155px; top:311px; visibility: visible; z-index:9; overflow:hidden; } #rockets { position:absolute; left:420px; bottom:120px; visibility: visible; z-index:14; overflow:hidden; } #archive { position:absolute; left:200px; top:190px; visibility: visible; z-index:9; overflow:hidden; } #address { position:absolute; left:20px; bottom:15px; visibility: visible; z-index:9; overflow:hidden; } #paperclipguy { position:absolute; left:140px; top:54px; visibility: visible; z-index:7; overflow:hidden; } #copyright { position:absolute; left:582px; bottom:-15px; visibility: visible; z-index:9; overflow:hidden; } /* */ /* Backgrounds */ #plain_bg { width:800px; height:600px; background:url('../images/book_background.jpg'); color:#666; position:relative; } #school_council { width:800px; height:600px; background:url('../images/kids_p3.jpg'); color:#666; position:relative; } #gallery { width:800px; height:600px; background:url('../images/kids_p4.jpg'); color:#666; position:relative; } #safelinks { width:800px; height:600px; background:url('../images/kids_p6.jpg'); color:#666; position:relative; } #cat_mouse_bg { width:800px; height:600px; background:url('../images/cat_mouse_background.jpg'); color:#666; position:relative; } #house_teams_bg { width:800px; height:600px; background:url('../images/house_teams_background.jpg'); color:#666; position:relative; } /* Text */ .content { background: none; left: 0; top: 0; width: 400; height: 260; clip: rect(0,400,260,0); z-index: 7; overflow: hidden; text-align:left; } .copy { font-family: verdana; font-size: 9px; color: #666; text-align:left; } .scores { font-family:"Courier New", Courier, monospace; font-weight: bold; font-size: 13px; color: #fff; } .blue_on { font-family: verdana; font-size: 10px; font-weight: bold; color: #666; line-height:13px; text-align:center; } .white_bold { font-family: verdana; font-size: 10px; font-weight: bold; color: #fff; text-align:center; line-height:15px; } .grey_bold { font-family: verdana; font-size: 10px; font-weight: bold; color: #666; text-align:center; line-height:15px; } .staff { font-family: verdana; font-size: 9px; color: #808080; text-align:left; font-weight: normal; text-align: center; } .address { font-family: verdana; font-size: 9px; color: #fff; text-align:center; font-weight: normal; text-align: center; } /* Titles */ .safelinks_title { font-family: verdana; font-size: 9px; color: #666; text-align:left; font-weight: bold; text-align: left; } .safelinks_desc { font-family: verdana; font-size: 9px; color: #666; text-align:left; font-weight: normal; text-align: left; } .staff_title { font-family: verdana; font-size: 9px; color: #808080; text-align:left; font-weight: bold; text-align: center; } .address_title { font-family: verdana; font-size: 9px; color: #fff; text-align:center; font-weight: bold; text-align: center; } /* Colour Pallet */ /* Links */ a.white_bold:link { text-decoration: none; color: #fff; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:15px; } a.white_bold:visited { text-decoration: none; color: #fff; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:15px; } a.white_bold:hover { text-decoration: none; color: #666; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:15px; } a.blue_bold:link { text-decoration: none; color: #7489C4; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; } a.blue_bold:visited { text-decoration: none; color: #7489C4; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; } a.blue_bold:hover { text-decoration: none; color: #666; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; } a.safelinks:link { text-decoration: none; color: #7089D1; font-weight: normal; font-family: Verdana; font-size: 9px; } a.safelinks:visited { text-decoration: none; color: #7089D1; font-weight: normal; font-family: Verdana; font-size: 9px; } a.safelinks:hover { text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 9px; } /* DIV ID's */ /* Backgrounds */ #background_top { width:800px; height:90px; background:url('../images/backgrounds/background_top.jpg'); background-repeat:no-repeat; color:#666; z-index:1; text-align:left; margin:0px; padding:0px; } #background_mid { width:800px; height:100%; background:url('../images/backgrounds/background_mid.jpg'); background-repeat:repeat-y; color:#666; z-index:1; text-align:left; position:relative; margin:0px; padding-bottom:10px; } #background_bottom { width:800px; height:94px; background:url('../images/backgrounds/background_bottom.jpg'); background-repeat:no-repeat; color:#666; z-index:1; margin:0px; padding:0px; } /* */ .landscape { position:absolute; left:190px; top:250px; visibility: visible; z-index:9; overflow:hidden; } .portait { position:absolute; left:255px; top:245px; visibility: visible; z-index:9; overflow:hidden; } .shadowed { float:left; background: url(../images/drop-shadow.png) no-repeat bottom right !important; background: url(../images/drop-shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; behavior: url("../scripts/pngbehavior.htc"); } .shadowed img { display: block; position: relative; background-color: #fff; border: 1px solid #999; margin: -6px 6px 6px -6px; padding: 4px; cursor: pointer; } .shadowed2 { float:left; background: url(../images/drop-shadow.png) no-repeat bottom right !important; background: url(../images/drop-shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; behavior: url("../scripts/pngbehavior.htc"); } .shadowed2 img { display: block; position: relative; background-color: #fff; border: 1px solid #999; margin: -6px 6px 6px -6px; padding: 4px; } .shadowed1 { float:left; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; behavior: url("../scripts/pngbehavior.htc"); } .shadowed1 img { display: block; position: relative; background-color: #fff; border: 1px solid #999; margin: -6px 6px 6px -6px; padding: 4px; } .copyright { font-family: verdana; font-size: 10px; font-weight: normal; color: #fff; line-height:13px; padding: 0px 3px 0px 3px; text-align:center; } a.copyright:link { text-decoration: none; color: #fff; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; } a.copyright:visited { text-decoration: none; color: #fff; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; } a.copyright:hover { text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }