Med hub: Difference between revisions
Usama Talib (talk | contribs) Created page with " '''CSS''' →CSS placed here will be applied to all skins: .outer { position:relative; float:left; height: 168px; width: 350px; margin: 5px; border..." |
Usama Talib (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
__NOTOC__ | |||
'''CS''' | |||
$("#menu").ready(function() { | |||
if($.inArray("2001user",mw.config.get('wgUserGroups'))>= 0){ | |||
if(mw.config.get('wgPageName') === "Main_Page"){ | |||
window.location.replace("https://cslbehringwiki.bidmc.org/index.php?title=2001"); | |||
} | |||
} | |||
$("#menu").addClass("dropDownMenu"); | |||
$outString = '<li><a href="' + mw.config.get( 'wgScript' ) +'/Main_Page">Home</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Newsletter_Archive">News</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Enrollment_Updates">Enrollment</a></li>'; | |||
$outString += '<li><a href="' + mw.config.get( 'wgScript' ) +'/Trial_Videos">Videos</a></li>'; | |||
$outString += ' <li><a href="#">Documents</a>'; | |||
$outString += ' <ul> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Protocol">Protocol</a></li> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Manuals">Manuals</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Trial_Documents">Trial Documents</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Abstracts_&_Manuscripts">Abstracts & Manuscripts</a></li>'; | |||
$outString += ' </ul>'; | |||
$outString += ' </li> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Trial_Slides">Slides</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Textbook">Textbook</a>'; | |||
$outString += ' <ul> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/HDL">HDL</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/STEMI">STEMI</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/NSTEMI">NSTEMI</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/PCI">PCI</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Atrial_Fibrillation">AFib</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Bleeding">Bleeding</a></li>'; | |||
$outString += ' </ul>'; | |||
$outString += ' <li><a href="#">CONTACTS</a>'; | |||
$outString += ' <ul> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Trial_Leadership">Leadership</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Clinical_Operations">Clinical Operations</a></li> '; | |||
$outString += ' </ul>'; | |||
$outString += ' </li> '; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Frequently_Asked_Questions">FAQs</a></li>'; | |||
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/AEGIS-II_On_the_Road">AEGIS-II On the Road</a></li>'; | |||
$("#menu").html($outString); | |||
$('.dropDownMenu > li').bind('mouseover', openSubMenu); | |||
$('.dropDownMenu > li').bind('mouseout', closeSubMenu); | |||
function openSubMenu() { | |||
$(this).find('ul').css('visibility', 'visible'); | |||
}; | |||
function closeSubMenu() { | |||
$(this).find('ul').css('visibility', 'hidden'); | |||
}; | |||
}); | |||
'''CSS''' | '''CSS''' |
Revision as of 15:56, 3 May 2018
CS
$("#menu").ready(function() { if($.inArray("2001user",mw.config.get('wgUserGroups'))>= 0){ if(mw.config.get('wgPageName') === "Main_Page"){ window.location.replace("https://cslbehringwiki.bidmc.org/index.php?title=2001"); } } $("#menu").addClass("dropDownMenu");
$outString = '
'; $outString += '
'; $outString += '
'; $outString += '
'; $outString += '
- ';
$outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Protocol">Protocol</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Manuals">Manuals</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Trial_Documents">Trial Documents</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Abstracts_&_Manuscripts">Abstracts & Manuscripts</a> '; $outString += '
'; $outString += '
'; $outString += '
- ';
$outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/HDL">HDL</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/STEMI">STEMI</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/NSTEMI">NSTEMI</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/PCI">PCI</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Atrial_Fibrillation">AFib</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Bleeding">Bleeding</a> '; $outString += '
- ';
$outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Trial_Leadership">Leadership</a> '; $outString += '
- <a href="' + mw.config.get( 'wgScript' ) +'/Clinical_Operations">Clinical Operations</a> '; $outString += '
'; $outString += '
'; $outString += '
'; $("#menu").html($outString); $('.dropDownMenu > li').bind('mouseover', openSubMenu); $('.dropDownMenu > li').bind('mouseout', closeSubMenu); function openSubMenu() { $(this).find('ul').css('visibility', 'visible'); }; function closeSubMenu() { $(this).find('ul').css('visibility', 'hidden'); }; }); CSS /* CSS placed here will be applied to all skins */ .outer { position:relative; float:left; height: 168px; width: 350px; margin: 5px; border-radius: 20px; background-image:url(/img_auth.php/6/6e/2001tilebackground.png); } /* CSS placed here will be applied to all skins */ /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } @media print { .infobox.sisterproject { display: none; } } /* CSS placed here will be applied to all skins */ /* Specifies colors of links within body of each page */ a:link {color:#d71900;} a:visited {color:#d71900;} a:hover {color:#FF4D00;} a:active {color:#FF4D00;} /* Ensures footer links remain white when no cursor hovers over them */
- footer-wrap-inner a {
color: #FFFFFF; } /* Determines positioning and formatting for the 2nd level of the Nav bar */ .dropDownMenu li ul { display: block; position: absolute; width: auto; visibility: hidden; background-color: #707879; margin-left: -0.55em; padding: 0.3em; padding-left: 0.65em; border-top-style: solid; border-top-width: 2px; box-shadow: 5px 5px 5px #888888; } /* Changes cursor to a hand when hovering over Nav bar */ .dropDownMenu:hover { cursor:pointer ; } /* Causes Nav bar links to glow when hovering over them */ .dropDownMenu a:hover, .dropDownMenu a:focus { text-shadow: 0px 0px 15px #FFF ; transition-duration: 0.5s ; color: #FF4D00 !important; } /* Causes footer links to glow when hovering over them */
- footer-wrap-inner a:hover, #footer-wrap-inner a:focus {
color: #FF4D00; }
- catlinks {
background: transparent, !important; opacity: 0; } /* Identifies and positions the header image*/
- top-wrap {
position: fixed; width: 100%; z-index: 100; } /*Positions body of page below header*/
- main {
padding-top: 130px; } /*Positions left column divs on home page*/ .left { position:relative; float:left; width:49.2%; } /*Positions right column divs on home page*/ .right { position:relative; float:right; width:49.2%; background-color:#dee6e8; border-radius:10px; margin-bottom:20px; text-align:center; } /*Positions left column divs on scheduler*/ .lefts { position:relative; float:left; width:39.9%; } /*Positions right column divs on scheduler*/ .rights { position:relative; float:right; width:59.9%; } /*When the viewing screen drops below 800px wide, the left and right divs on the home page are positioned vertically*/ @media screen and (max-width: 800px) { .left { display: block; width: 100%; } .right { display: block; width: 100%; } .lefts { display: block; width: 100%; } .rights { display: block; width: 100%; } } .resize { max-width: 90%; height: auto; width: auto;}
- top-wrap {
background-image: url(https://s3-us-west-2.amazonaws.com/perfuse/bg.jpg); background-color: #333333; background-repeat: repeat; padding: 0.625em 2.0em; color: #ffffff; }
- bottom-wrap {
background-image: url(https://s3-us-west-2.amazonaws.com/perfuse/foot.jpg); clear: both; color: #ffffff; padding: 1.5em 0 2.5em; }