Med hub: Difference between revisions

Jump to navigation Jump to search
VisualWikitext
No edit summary
mNo edit summary
 
(78 intermediate revisions by 5 users not shown)
Line 1: Line 1:
__NOTOC__
==Beth Israel Deaconess Medical Center==
'''CS'''
<div style="width: 1px; height: 1px; background-color: #999999; position: fixed; top: 10px; left: 10px"></div><div style="-webkit-user-select: none;">
__NOEDITSECTION____NOTOC__
<div style="text-align: center;">
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #CEDFF2; border: 2px solid #a3b0bf; border-bottom: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub|Home]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #CEDFF2; border: 2px solid #a3b0bf; border-bottom: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub announcements|Announcements]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub grand rounds|Grand rounds]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub journal club|Journal Club]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub schedule|Schedule]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub resources|Resources]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub events|Events]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub fellowship placements|Fellowship Placements]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub morning report|Morning Report]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub case reports|Case Reports]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub morbidity and mortality|M & M]]&nbsp;&nbsp;&nbsp;</div>
<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub article of the week|Article of the Week]]&nbsp;&nbsp;&nbsp;</div>
<div style="clear:both; width: 95%; border: 3px solid #999; padding: 1em 1em; font-size: 120%;">


$("#menu").ready(function() {
Announcements:
if($.inArray("2001user",mw.config.get('wgUserGroups'))>= 0){
 
if(mw.config.get('wgPageName') === "Main_Page"){
</div>
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>';
==Overview==
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Newsletter_Archive">News</a></li>';
*BIDMC is the official hospital of the Red Sox. It is located in Boston, MA.[[File:Residency1.png|200px|right]] <br style="clear:right" />
$outString += ' <li><a href="' + mw.config.get( 'wgScript' ) +'/Enrollment_Updates">Enrollment</a></li>';
<div class="nomobile">
$outString += '<li><a href="' + mw.config.get( 'wgScript' ) +'/Trial_Videos">Videos</a></li>';
<div style="position:right; width:25%; float:left; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''NEJM'''<hr>{{#Widget:NEJM}}</center>
$outString += ' <li><a href="#">Documents</a>';
</span></div>
$outString += ' <ul> ';
</div>
$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');
                    };


});
<div class="nomobile">
<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''JAMA'''<hr>{{#Widget:JAMA}}</center>
</span></div>
</div>


'''CSS'''
<br style="clear:both" />


/* CSS placed here will be applied to all skins */
==Resources==
.outer {
{| class="wikitable mw-collapsible mw-collapsed" role="presentation"
    position:relative;
| <strong>'''Curriculum'''</strong>
    float:left;
|-
    height: 168px;
|
    width: 350px;
* '''''[[Med Hub#Cardiology|Cardiology]]'''''
    margin: 5px;
|-
    border-radius: 20px;
|
    background-image:url(/img_auth.php/6/6e/2001tilebackground.png);
* '''''[[Med Hub#Endocrinology|Endocrinology]]'''''
 
|-
}
|
/* CSS placed here will be applied to all skins */
* '''''[[Med Hub#Pulmonology|Pulmonology]]'''''
/* Infobox template style */
|-
|
* '''''[[Med Hub#Rheumatology|Rheumatology]]'''''
|-
|
* '''''[[Med Hub#Oncology|Oncology]]'''''
|-
|
* '''''[[Med Hub#Nephrology|Nephrology]]'''''
|-
|
* '''''[[Med Hub#Hematology|Hematology]]'''''
|-
|
* '''''[[Med Hub#Infectious disease|Infectious Disease]]'''''
|-
|
* '''''[[Med Hub#Gastroenterology|Gastroenterology]]'''''
|}


.infobox {
==Events==
  border: 1px solid #aaa;
{| class="wikitable mw-collapsible mw-collapsed" role="presentation"
  background-color: #f9f9f9;
| <strong>'''Events'''</strong>
  color: black;
|-
  margin-bottom: 0.5em;
|
  margin-left: 1em;
* [[Med Hub#Previous events|'''''Previous Events''''']]
  padding: 0.2em;
|-
  float: right;
|
  clear: right;
* [[Medh Hub#Upcoming events|'''''Upcoming Events''''']]
}
|}
.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 {
==Experimentation==
  width: 20em;
{{Drop down list|Name=Resources|Value1=[[Cardiology]]|Value2=[[Endocrinology]]|Value3=[[Pulmonology]]|Value4=[[Rheumatology]]|Value5=[[Nephrology]]|Value6=[[Infectious disease|ID]]|Value7=[[Hematology|Heme/Onc]]|Value8=[[Gastroenterology|GI]]|}}
  font-size: 90%;
}


@media print {
==Experiment2==
    .infobox.sisterproject {
<div class="metadata" style="z-index: 100;" id="Drop-down-list3">
        display: none;
{| cellspacing="0" style="border-collapse: collapse; width: 75px; font-size: 0.9em; border: 0.5px solid black; background-color: white; margin: -.2em 0 0 0;"
    }
|-
}
! colspan="2" style="border-bottom: 0.5px solid black; background-color: #DFE0E1; text-align: left; padding-left: .7em;" |<div class="mw-customtoggle-x1">
{{{Name|Resources}}} &nbsp; [[File:MediaWiki Vector skin action arrow.png|link=]]
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-x1" style="padding:0px; border:0px;">
<div class="mw-collapsible-content" style="text-align:left;">
{{{Value1|Hematology}}}<br>
{{{Value2|Lorem}}}<br>
{{{Value3|Lorem}}}<br>
{{{Value4|Lorem}}}<br>
{{{Value5|Lorem}}}<br>
{{{Value6|Lorem}}}<br>
{{{Value7|Lorem}}}<br>
{{{Value8|Lorem}}}<br>
</div></div>
|}</div>


/* CSS placed here will be applied to all skins */
===1===
<div class="nomobile">
<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''Tweets by NEJM!'''<hr>{{#Widget:NEJM}}</center>
</span></div>
</div>


/* Specifies colors of links within body of each page */
<br style="clear:right" />
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 */
<div class="nomobile">
#footer-wrap-inner a {
<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''Tweets by JAMA!'''<hr>{{#Widget:JAMA}}</center>
        color: #FFFFFF;
</span></div>
}
</div>


/* Determines positioning and formatting for the 2nd level of the Nav bar */
<br style="clear:right" />
.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 */
===2===
.dropDownMenu:hover {
<!DOCTYPE html>
cursor:pointer ;
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}
}


/* Causes Nav bar links to glow when hovering over them */
.dropdown {
.dropDownMenu a:hover, .dropDownMenu a:focus {
    position: relative;
      text-shadow: 0px 0px 15px #FFF ;
    display: inline-block;
      transition-duration: 0.5s ;   
      color: #FF4D00 !important;
}
}


/* Causes footer links to glow when hovering over them */
.dropdown-content {
#footer-wrap-inner a:hover, #footer-wrap-inner a:focus { 
    display: none;
      color: #FF4D00;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
}


#catlinks {
.dropdown-content a {
      background: transparent, !important;
    color: black;
      opacity: 0;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
}


/* Identifies and positions the header image*/
.dropdown-content a:hover {background-color: #ddd}
#top-wrap {
      position: fixed;
      width: 100%;
      z-index: 100;
}


/*Positions body of page below header*/
.dropdown:hover .dropdown-content {
#main {
    display: block;
      padding-top: 130px;
}
}


/*Positions left column divs on home page*/
.dropdown:hover .dropbtn {
.left {
    background-color: #3e8e41;
position:relative; float:left; width:49.2%;
}
}
</style>
</head>
<body>


/*Positions right column divs on home page*/
<h2>Hoverable Dropdown</h2>
.right {
<p>Move the mouse over the button to open the dropdown menu.</p>
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*/
<div class="dropdown">
.lefts {
  <button class="dropbtn">Dropdown</button>
position:relative; float:left; width:39.9%;
  <div class="dropdown-content">
}
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>


/*Positions right column divs on scheduler*/
</body>
.rights {
</html>
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*/
==Nate Test==
@media screen and (max-width: 800px) {
<includeonly><div class="metadata" style="z-index: 100;" id="Drop-down-list2">
    .left {
{| cellspacing="0" style="border-collapse: collapse; width: 75px; font-size: 0.9em; border: 0.5px solid black; background-color: white; margin: -.2em 0 0 0;"
        display: block;
|-
        width: 100%;
! colspan="2" style="border-bottom: 0.5px solid black; background-color: white; text-align: left; padding-left: .7em;" |<div class="mw-customtoggle-{{{id|desks}}}">
    }
{{{Name|Curriculum}}}
    .right {
</div>
        display: block;
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{{id|desks}}}" style="padding:0px; border:0px;">
        width: 100%;
<div class="mw-collapsible-content" style="text-align:left;">
    }
{{{Value1|A}}}<br>
    .lefts {
{{{Value2|B}}}<br>
        display: block;
{{{Value3|C}}}<br>
        width: 100%;
{{{Value4|D}}}<br>
    }
{{{Value5|E}}}<br>
    .rights {
{{{Value6|F}}}<br>
        display: block;
{{{Value7|G}}}<br>
        width: 100%;
{{{Value8|H}}}<br>
    }
</div></div>
}
|}</div></includeonly>
.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 {
{{Drop down list|Name=Curriculum|id=abc}}{{Drop down list|Name=A|id=def}}{{Drop down list|Name=B|id=ghi}}
        background-image: url(https://s3-us-west-2.amazonaws.com/perfuse/foot.jpg);
        clear: both;
        color: #ffffff;
        padding: 1.5em 0 2.5em;
}

Latest revision as of 18:40, 29 May 2018

Beth Israel Deaconess Medical Center

   Home   
   Announcements   
   Grand rounds   
   Journal Club   
   Schedule   
   Resources   
   Events   
   Morning Report   
   Case Reports   
   M & M   

Announcements:

Overview

  • BIDMC is the official hospital of the Red Sox. It is located in Boston, MA.


Resources

Events

Experimentation


Experiment2

1

Tweets by NEJM!


Tweets by JAMA!


2

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn { 

   background-color: #4CAF50;
   color: white;
   padding: 16px;
   font-size: 16px;
   border: none;

}

.dropdown { 

   position: relative;
   display: inline-block;

}

.dropdown-content { 

   display: none;
   position: absolute;
   background-color: #f1f1f1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;

}

.dropdown-content a { 

   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;

}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content { 

   display: block;

}

.dropdown:hover .dropbtn { 

   background-color: #3e8e41;

} </style> </head> <body>

Hoverable Dropdown

Move the mouse over the button to open the dropdown menu.

 <button class="dropbtn">Dropdown</button>

   <a href="#">Link 1</a>
   <a href="#">Link 2</a>
   <a href="#">Link 3</a>

</body> </html>

Nate Test


Retrieved from "https://www.wikidoc.org/index.php?title=Med_hub&oldid=1473302"