Difference between revisions of "Template:Manchester/CSS"
| Line 259: | Line 259: | ||
} | } | ||
| − | .cog22:hover, .cog21:hover, .cog20:hover, .cog19:hover, .cog18:hover, .cog17:hover, .cog16:hover, .cog15:hover, .cog14:hover, .cog13:hover, .cog12:hover, .cog11:hover, .cog10:hover, .cog9:hover, .cog8:hover, .cog7:hover, .cog6:hover, .cog5:hover, .cog4:hover, .cog3:hover, .cog2:hover, .cog1:hover { | + | .cog22:hover, .cog21:hover, .cog20:hover, .cog19:hover, .cog18:hover, .cog17:hover, .cog16:hover, .cog15:hover, .cog14:hover, .cog13:hover, .cog12:hover, .cog11:hover, .cog10:hover, .cog9:hover, .cog8:hover, .cog7:hover, .cog6:hover, .cog5:hover, .cog4:hover, .cog3:hover, .cog2:hover, .cog1:hover, .cog0:hover { |
animation: turning 6s linear infinite; | animation: turning 6s linear infinite; | ||
} | } | ||
| Line 280: | Line 280: | ||
} | } | ||
| − | .ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo{ | + | .ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo{ |
display:none; | display:none; | ||
width: 24%; | width: 24%; | ||
| Line 292: | Line 292: | ||
} | } | ||
| − | .esofinfo, .adsinfo1, .experimentinfo, .aacademyinfo, .aanonymousinfo, .gmpinfo, .nhsinfo, .britscweekinfo, .mancenterpriseinfo, .vennerinfo, .brightsideinfo{ | + | .esofinfo, .adsinfo1, .experimentinfo, .aacademyinfo, .aanonymousinfo, .gmpinfo, .nhsinfo, .britscweekinfo, .mancenterpriseinfo, .vennerinfo, .brightsideinfo, surveyinfo{ |
box-shadow: 2px 2px 5px black; | box-shadow: 2px 2px 5px black; | ||
} | } | ||
| Line 332: | Line 332: | ||
float:left; | float:left; | ||
left: 570px; | left: 570px; | ||
| + | } | ||
| + | |||
| + | .survey{ | ||
| + | background:url(https://static.igem.org/mediawiki/2016/2/25/T--Manchester--survey_logo.png) no-repeat; | ||
| + | background-size: 135px auto; | ||
| + | background-position: center; | ||
} | } | ||
| Line 1,505: | Line 1,511: | ||
$(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){ | $(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){ | ||
$(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'}); | $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'}); | ||
| − | $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd").animate({left:'65.5%'}); | + | $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd, .survey").animate({left:'65.5%'}); |
| − | $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo").delay(700).fadeIn('slow'); | + | $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo").delay(700).fadeIn('slow'); |
}); | }); | ||
| Line 1,525: | Line 1,531: | ||
setTimeout(function(){ | setTimeout(function(){ | ||
$(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'}); | $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'}); | ||
| − | $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd").animate({left:'65.5%'}); | + | $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd, .survey").animate({left:'65.5%'}); |
| − | $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo").delay(700).fadeIn('fast'); | + | $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo").delay(700).fadeIn('fast'); |
},0); | },0); | ||
| Line 1,537: | Line 1,543: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | $(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){ | + | $(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1, .cog0").click(function(){ |
$(".date1").animate({left:'79.5%'}); | $(".date1").animate({left:'79.5%'}); | ||
$(".date2").animate({left:'86.0%'}); | $(".date2").animate({left:'86.0%'}); | ||
Revision as of 16:34, 17 October 2016
