/* CSS Document */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/iframe_fix.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* ____________________________________________________________________ */ #cs { border: none; margin: 0; padding: 0; width: 328px; position: absolute; top:0px; left: 680px; z-index: 100; height:14px; float:right; } #cs p{ border: none; margin: 0; padding:0px; float:right; font-weight:bold; text-decoration:none; color:#cccccc; font-size:14px;} #cs a{ border: none; margin: 0; padding:0px; float:right; font-weight:bold; text-decoration:none; color:#cccccc; font-size:14px;} #logo2 { border: none; margin: 0; padding: 0; width: 328px; position: absolute; top: 18px; left: 720px; z-index: 100; height:75px; } #logo2 img { border: none; margin: 0; padding: 0; } .inputbutton { background-color: #ffffff; border: 0px solid #cccccc; color: #999999; margin: 0 0 0 0; padding: 0px; width: 45px; font-size:11px; font-weight: bold; } /* ____________________________________________________________________ */ /* Sitename */ #sitename-anim09 { overflow: hidden; position: absolute; top: 95px; left: 0px; z-index: 200; float:right; } /* Commented Backslash Hack \*/ #sitename-anim09 { position: absolute; } /* End IE5-Mac hack */ #sitename-anim09 span, #sitename-anim09 h1 { display: block; font-size: 12px; font-weight: bold; overflow: hidden; white-space: nowrap; padding: 0; font-family:Geneva, Arial, Helvetica, sans-serif;Geneva, Arial, Helvetica, sans-serif; color:#ADAF62; width:1000px; } #sitename-anim09 span a:active,{ color: #ADAF62; text-decoration: none;font-weight: bold; } #sitename-anim09 span a:focus,{ color: #ADAF62; text-decoration: none;font-weight: bold; } #sitename-anim09 h1 a:active,{ color: #ADAF62; text-decoration: none;font-weight: bold; } #sitename-anim09 h1 a:focus { color: #ADAF62; text-decoration: none;font-weight: bold; } #sitename-anim09 a, a:link { color: #ADAF62; text-decoration: none;font-weight: bold; } /* ______________________________________________________________________ */ /* Default layout for content pages */ #main { position: relative; margin-left: 88px; margin-top:150px; z-index:50; padding-top: 5px; height: 100%; width:936px; } /* need position relative to enable z-index */ #main a {color:#961053; font-weight:bold; text-decoration:none;} #main a:hover {color:#FF2F9E ; font-weight:bold; text-decoration:none; } /* Leader page style 1 - fixed width splash image and primary content with right side secondary content*/ .page-leader-style1 #content { width:280px; margin: 0; padding: 0; float: left; margin:0px 0px 0px 0px; border:0px; z-index:50; } .page-leader-style1 #content-1 { width:924px; margin: 0; padding: 0; float: left; border:0px; z-index:50; min-height:400px; } .page-leader-style1 #content-primary { border:0px; margin: 0; padding: 0; width: 280px; margin-left: 200px; margin-top:0px; } .page-leader-style1 #content-secondary { margin: 0; padding: 0; width: auto; margin-left: 500px; margin-top:0px;} .page-leader-style1 #content-secondary body { border-top:#CCCC33 dotted 1px; } /* _____________________________ Boxes - Left - Leader _____________ */ .boxpromo { font-size: 1em; margin-top: 0.4em; line-height: 1.2em; word-wrap: break-word; width: 100%; position: relative; } .boxpromo .header, { font-size: 14px; padding:0px; margin:0px; border:0px; background-color:#F3F8E0; font-weight:bold;margin-bottom:8px; } .boxpromo .body { font-size: 0.85em; padding: 5px 5px 5px 10px } .boxpromo .footer { margin: 0; padding: 0; height: 1px; width: 90%; clear: both;} .boxpromo .body img{ float: left; border: 0px; background-color: #f5f5f5; margin-right: 1.1em; margin-bottom: 0.4em; padding: 0; position: relative; background-image: url(/r/); } .boxpromo h2 { padding: 0.0px 0.5px 0.5px 5px; font-size: 13px; } .boxpromo .header h2 {padding: 0px 5px 5px 5px; font-size: 13px; } .box-pallete-white { border-top:#DBDD95 4px solid; border-bottom:#cccccc 1px dotted; background-color: #ffffff; color: inherit; } .box-pallete-white li {list-style-image:url(/Animation09/images/icons/li.gif); margin-bottom:0px;} .box-pallete-white-h { border-top:#DBDD95 4px solid;border-bottom:#cccccc 0px dotted; background-color: #F3F8E0; color: inherit; height:18px; margin-bottom:8px; } .box-pallete-white h2 { background-color: #F3F8E0; color: #000000; padding: 0px 5px 5px 5px; font-size: 13px; } .box-pallete-white h4 { background-color: #F3F8E0; color: #000000; padding: 0px 5px 5px 5px; font-size: 12px; } .box-pallete-dotted { border-bottom:#666 1px dotted; background-color: #fff ; color: inherit; } .box-pallete-grey { border-top:#DBDD95 4px solid;border-bottom:#DBDD95 1px dotted; background-color: #fefefef; color: inherit; } .box-pallete-grey-h { border-top:#DBDD95 4px solid;border-bottom:#DBDD95 1px dotted; background-color: #f5f5f5; color: inherit; } .box-pallete-grey h2 { background-color: inherit; color: #000000; } .box-pallete-grey h4 { background-color: inherit; color: #000000; } .boxpromo .body h2 { margin: 0 0 0.5em 0; padding: 0; } .boxpromo p { margin: 0; padding: 0 0 0 10px 0px; } .boxpromo ul { list-style-image:url(/Animation09/images/icons/li.gif) margin: 0; padding: 0 0 0.05em 0; } .boxpromo ul li { margin: 0 0 0.8em 2em; padding: 0; } .boxpromo ol li { margin: 0 0 0.8em 2em; padding: 0; } .boxpromo img { float: left;border: 0px; background-color: #f5f5f5; margin-right: 1.1em; margin-bottom: 0.4em; padding: 0; position: relative; background-image: url(Alex%20Curtis);} /* _____________________________Promo boxes for home and leader pages _____________ */ .lists{ display:inline; height:auto; float :left; position:relative; width:440px; padding:0px; margin:0px; border:0px;} .lists ul {list-style-image: list-style-image:url(/Animation09/images/icons/li.gif); margin-top:10px; margin-bottom:10px;} .lists ul li {display:block; border-bottom:1px #efefef dotted; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/iframe_fix.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* ------------------ This is for the new research home page ----------------------- */ #menu_container a, #menu_container a:link { background-color:transparent; color: #000000; text-decoration:none;} #menu_container a:visited { background-color:transparent; color: #961053; font-weight:bold; } #menu_container a:hover { text-decoration: none; background-color:#ffffff; color: #999999;font-weight: bold; border-bottom:0px #efefef solid; font-weight: bold; } #menu_container {padding:0; margin:0; margin-left:88px; list-style:none; z-index:800; width:926px; height:28px; display:inline; background-color:transparent ; top:123px;; background-image:url(); background-position:right top; background-repeat:no-repeat; float:left; border-bottom:0px; position:relative;font-weight: bold; } #menu_container table {position:relative; float:left; padding:0px; margin:0px; } #menu_container table td { padding: 0; } #menu_container table td ul { margin: 0 0 0 0; padding: 0; } #menu_container table td ul li { margin: 0 0 0 0; } #pmenu, #pmenu ul { list-style-type:none; margin:0pt; padding:0pt;} /* #pmenu iframe { position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;} */ #pmenu iframe { position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;} #pmenu a:link { display:block; width:154px; font-weight: bold; font-size:12px; height:24px; line-height:27px; text-decoration:none; text-indent:5px; border:0px; border-bottom:3px solid #efefef; background:transparent; /* background:#efefef; */ /* For web browsers who care */ opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #pmenu li {float:left; background:#ffffff; } #pmenu li.hot {float:left; background-color:#ffffff; border-bottom:3px solid #e2de96;} #pmenu li ul li a:link{border-width:0px 0px 1px 0px ; } #pmenu li.drop {background:#ffffff url(/images/misc/arrows/arrow-d-a09.gif) no-repeat right center; z-index:600;} #pmenu li.drop-hot {background:#ffffff url(/images/misc/arrows/arrow-d-a09.gif) no-repeat right center; border-bottom:3px solid #e2de96; } #pmenu li.fly {background:#ffffff url(/images/misc/arrows/arrow-r-a09.gif) no-repeat right center; border-bottom:3px solid #efefef;} #pmenu li.fly-hot {background:#ffffff url(/images/misc/arrows/arrow-r-a09.gif) no-repeat right center; border-bottom:3px solid #e2de96;} #pmenu table {border-collapse:collapse; width:0; height:0; border:0; font-size:12px;} #pmenu a:visited { display:block; width:154px; font-size:12px; font-weight: bold; color:#000000; height:24px; line-height:27px; text-decoration:none; text-indent:5px; border-bottom:0px solid #961053; border-bottom:3px solid #efefef;} #pmenu li ul li a:visited {border-width:0px 0px 0px 0px ; } #pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0px 0px 1px 0px; background:#ffffff url(/images/misc/arrows/arrow-d-a09.gif) no-repeat right center; border-bottom:3px solid #e2de96; } #pmenu li a.enclose-hot, #pmenu li a.enclose-hot:visited {border-width:0px 0px 3px 0px; background:#ffffff url(/images/misc/arrows/arrow-d-a09.gif) no-repeat right center; border-bottom:3px solid #e2de96;} #pmenu li a:hover {position:relative; color:#000000; background:#ffffff; border-bottom:3px solid #e2de96; z-index:600;} #pmenu li:hover {position:relative; z-index:600; } #pmenu li:hover > a {color:#961053; font-weight:bold; background:#ffffff; z-index:600; border-bottom:3px solid #961053; } #pmenu li ul {position:absolute; left:-9999px; width:154px; } #pmenu li:hover > ul {top:-1px; left:150px; width:150px; z-index:600;} #pmenu > li:hover > ul {left:0; top:26px;} #pmenu li:hover ul.first {top:-1px; background:#ffffff url(/images/misc/arrows/arrow-r-a09.gif) no-repeat right center; border-bottom:3px solid #e2de96;} #pmenu li:hover ul.first-hot {top:-1px; background:#ffffff; border-bottom:3px solid #e2de96;} #pmenu li a:hover ul {left:-1px; top:25px; width:150px;background:#ffffff; } #pmenu li a:hover ul a:hover ul, #pmenu li a:hover ul a:hover ul a:hover ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { top:-24px; left:150px; } #pmenu li a:hover ul {top:0px;} #pmenu li a:hover ul a:hover ul ul, #pmenu li a:hover ul a:hover ul a:hover ul ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul, #pmenu a:hover ul iframe, #pmenu li a:hover ul a:hover ul iframe, #pmenu li a:hover ul a:hover ul a:hover ul iframe, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul iframe {left:-9999px;} #pmenu a:hover iframe {left:-1px; top:25px;} #pmenu a:hover a:hover iframe, #pmenu a:hover a:hover a:hover iframe, #pmenu a:hover a:hover a:hover a:hover iframe {left:150px; top:-1px;} #pmenu li a:active, #pmenu li a:focus {background:#ffffff; color:#999999; border-bottom:3px solid #e2de96;} #pmenu li a:hover ul ul {left:-9999px;} .counter{ background-image:url(http://www.cs.manchester.ac.uk/Animation09/images/bg/counter.jpg); height:30px; width:600px; padding: 3px 3px 3px 3px; margin:3px; border:none;} /* ----------------- End This is for the new research home page ------------------- */ /* ______________________________________________________________________ */ #footer { font-size: 11px; position: relative; clear: both; margin: 20px 0 5px 88px ; padding: 0 0 0 0 0; width: 924px; font-weight:100; border-top: 1px dotted #cccccc; } #footer a, a:link, a:visited {text-decoration: none; font-weight:100; color: #666666;} #footer a:hover {text-decoration: none; font-weight:100; color: #8F4765;} #footer a:active {text-decoration: none; font-weight:100; color:#cccccc;} .nav-footer { margin: 0; padding: 5px ;border-bottom:1px solid #CCCCCC; border-top:0px;} .nav-footer p { margin: 0; padding: 5px 0px 5px 0; font-weight:100; } .feedback { background-color: #ffffff; color: #000000; display: block; text-align: right; padding: 0.3em 0.3em 0.5em 0.3em; font-weight:100; display:inline;} .feedback p { float:right; margin: 0; padding: 5px 0 5px 0; color:#000000;font-weight:100;} .feedback a, a:focus, a:link, a:active {color:#000000;font-weight:100; text-decoration: none; } /* Gallery */ .gal-b { position:relative; width:100%; height:100%; border:0px; margin:0px; padding:0px; padding-left:auto ; padding-right:auto; background-color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-main {position:relative; width:1024px; left:50%; margin-left:-514px; height:auto; border:0px; margin-right:auto; font-family:Geneva, Arial, Helvetica, sans-serif; float:left; } .gal-head { position:relative;float:left; width:1024px; height:100px; display:inline;} .gal-logo { position:relative;float:left; width:240px; height:56px;} .gal-title {position:relative; float:left; width:320px; font-weight:bold; font-size:12px; color:#888888; height:35px; margin-top:22px; margin-left:10px; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; color:#ADAF62;} .gal-menu {position:relative; height:35px; width:446px; font-weight:bold; font-size:14px; color:#888888; margin-top:22px; text-align:right; float:left; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-menu a, .gal-menu a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;font-size:14px; : inherit;} .gal-menu a:visited { background-color:transparent; color: #333; text-decoration:none;font-size:14px;font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} .gal-menu a:hover { text-decoration: none; background-color:#ffffff;text-decoration:none; color: #906;font-weight: bold; border:0px; text-decoration:none; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} .gal-row { position:relative; float:left; width:1024px; height:30px; display:block; border-top:1px dotted #999; text-align:right; margin-bottom:5px; margin-top:10px; color:#333; font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} .gal-row-help h2{ position:relative; float:right; width:500px; border:1px dotted #999; text-align:right; color:#333; font-family:Geneva, Arial, Helvetica, sans-serif;inherit;font-size:14px; font-weight:normal; right:8px; height:52px; padding-right:5px;} .gal-row-help a{color:#ff0000; font-size:14px; font-weight:bold; } .gal-row-help a:link{color:#ff0000; font-size:14px; font-weight:bold; } .gal-row-help a:visited{color:#ff0000; font-size:14px; font-weight:bold; } .gal-row-help a:hover {color:#ff0000; font-size:14px; font-weight:bold; } .gal-row h2 {font-size:16px; width:1016px; font-weight:bold;display:block; color:#666; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-box { position:relative; width:244px; height:348px; margin:5px; display:block; float:left; border:1px dotted #999;font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-box p {position:relative; float:left; font-size:12px; color:#888; padding-left:5px;font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .award-name span {position:relative; float:left; font-size:12px; color:#888;font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .award-film-title {font-size:13px; font-weight:bold; color:#888;font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-box a, .gal-box a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} .gal-box a:visited { background-color:transparent; color: #cccccc; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-box a:hover { text-decoration: none; background-color:#ffffff;text-decoration:none; color: #906;font-weight: bold; border:0px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-tab { position:relative; float:left; border:1px dotted #666 ;font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} table {font-size:12px; font-weight:bold; color:#666; text-align:center; margin-left:auto; margin-right:auto;font-family:Geneva, Arial, Helvetica, sans-serif;inherit;} table h2 {font-weight:bold; font-size:16px; color:#666;} table h2 a, table h2 a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;} table h2 a:visited { background-color:transparent; color: #cccccc; text-decoration:none; } table a:hover { text-decoration: none; background-color:#ffffff;text-decoration:none; color: #906;font-weight: bold; border:0px; text-decoration:none; } td {border:1px dotted #666 ; font-size:12px; font-weight:bold; color:#666; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif;inherit; } .gal-box-icon {width:26px; position:relative; height:31px; } .gal-box img{ padding-left:5px;} .gal-footer { position:relative; width:1015px; height:100px;font-weight:bold; font-size:14px; color:#888888; height:45px; text-align:right; float:left; border:0px; border-top:1px dotted #cccccc; } .gal-footer a, .gal-footer a:link { background-color:transparent; color: #069; text-decoration:none;font-weight: bold;font-size:14px;} .gal-footer a:visited { background-color:transparent; color: #333; text-decoration:none;font-size:14px;font-weight: bold; } .gal-footer a:hover { text-decoration: none; background-color:#ffffff; text-decoration:none; color: #906;font-weight: bold; border:0px; text-decoration:none; font-size:14px;} .join {float:left; position:relative; width:500px; height:52px; font:Verdana, Geneva, sans-serif; color:#666; font-size:12px; text-align:left ; border:1px dotted #999; margin-top:12px; } .join img {border:none;}