Difference between revisions of "Template:Copenhagen-Header"

 
(36 intermediate revisions by 2 users not shown)
Line 23: Line 23:
  
 
   /***************************************************** CUSTOM WIKI SETTINGS  ****************************************************/
 
   /***************************************************** CUSTOM WIKI SETTINGS  ****************************************************/
 +
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    padding-right: 16px;
 +
    color: white; !important!
 +
}
 +
 +
a:hover {
 +
    color: white;
 +
    text-decoration: underline;
 +
}
 +
 +
a {
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
 +
#bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] {
 +
    text-decoration: underline;
 +
}
 +
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    padding-right: 16px;
 +
    color: white;
 +
}
 +
 +
a:visited {
 +
    color: white;
 +
text-decoration: underline;
 +
}
  
 
b, strong {
 
b, strong {
Line 390: Line 419:
 
align-content: center;
 
align-content: center;
 
     width:300px;
 
     width:300px;
−
     height:300px;
+
     height:495px;
 
}
 
}
  
 
.img-responsive2{
 
.img-responsive2{
−
    width:500px;
+
align-content: center;
−
     height:350px;
+
  width:400px;
 +
     height:400px;
 +
transform: rotate(90deg);
 
}
 
}
  
 
.img-responsive3{
 
.img-responsive3{
−
     width:350px;
+
     width:500px;
−
     height:300px;
+
     height:350px;
 
}
 
}
  
Line 600: Line 631:
 
.team-img {
 
.team-img {
 
width:400px;
 
width:400px;
−
     height:500px;
+
     height:400px;
 
}
 
}
  
Line 716: Line 747:
 
   position: fixed;  
 
   position: fixed;  
 
   margin-right: 410px;  
 
   margin-right: 410px;  
−
}
 
−
 
−
 
−
a[title]:hover:after {
 
−
  content: attr(title);
 
−
  padding: 4px 8px;
 
−
  color: #333;
 
−
  position: absolute;
 
−
  left: 0;
 
−
  top: 100%;
 
−
  white-space: nowrap;
 
−
  z-index: 20px;
 
−
  -moz-border-radius: 5px;
 
−
  -webkit-border-radius: 5px;
 
−
  border-radius: 5px;
 
−
  -moz-box-shadow: 0px 0px 4px #222;
 
−
  -webkit-box-shadow: 0px 0px 4px #222;
 
−
  box-shadow: 0px 0px 4px #222;
 
−
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
 
−
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
 
−
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
 
−
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
 
−
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
 
−
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
 
 
}
 
}
  
Line 799: Line 806:
  
 
         .fireTip {
 
         .fireTip {
−
             margin-left: -150px;
+
             margin-left: 0px;
 
         }
 
         }
  
−
        p {
+
.cart {
−
            margin: 200px;
+
    overflow:hidden;
−
        }
+
    padding:10px 3px;
 +
    background: yellow;
 +
}
  
 
     </style>
 
     </style>
Line 883: Line 892:
 
});
 
});
  
−
$(function () {
 
−
  $('[data-toggle="tooltip"]').tooltip()
 
−
})
 
  
−
  $(document).ready(function() {
+
$(function() {
−
        var hasToolTip =false;
+
            $( document ).tooltip({
−
        $('#password').on({
+
                items: "input",
−
            "click": function() {
+
                content: function() {
−
                hasToolTip = true;
+
                    return $('.myPopover').html();
−
                $(this).tooltip({ items: "#password", content: "Displaying on click"});
+
                },
−
                $(this).tooltip("open");
+
                position: {
−
            },
+
                    my: "center bottom-20",
−
            "mouseout": function() {     
+
                    at: "center top",
−
                if(hasToolTip)
+
                    using: function( position, feedback ) {
−
                {
+
                        $( this ).css( position );
−
                    $(this).tooltip("disable");  
+
                        $( "<div>" )
−
                     hasToolTip = false;
+
                                .addClass( "arrow" )
−
                 }                                                  
+
                                .addClass( feedback.vertical )
−
             }
+
                                .addClass( feedback.horizontal )
−
        });
+
                                .appendTo( this );
−
    });
+
                     }
 +
                 }
 +
             });
  
−
$(document).ready(function () {
+
            $('.fireTip').click(function () {
−
    $( document ).tooltip( {
+
                if(!$(this).hasClass('open')) {
−
        track:    true,
+
                    $('#age').trigger('mouseover');
−
        content:  function() {
+
                    $(this).addClass('open');
−
            return  $( this ).attr( "title" );
+
                } else {
−
        }
+
                    $('#age').trigger('mouseout');
−
    });     
+
                    $(this).removeClass('open');
−
    $('div').click(function(){
+
                }
−
        $('#show').html($('#' + $(this).attr('aria-describedby')).children().html());
+
−
    });
+
−
});
+
  
 +
            })
  
−
var id = "#tt";
+
        });
−
var $elem = $(id);
+
  
−
$elem.on("mouseenter", function (e) {
+
$(document).ready(function(){
−
     e.stopImmediatePropagation();
+
$("#masterclass-popover").popover({
−
});
+
    html : true,
 +
placement: 'bottom',
 +
    title: $("#masterclass-popover-head").html(),
 +
     content: $("#masterclass-popover-content").html()
 +
    });
  
−
$elem.tooltip({ items: id, content: "Displaying on click"});
+
$("small.download-notice a").click(function(e) {
−
 
+
     e.preventDefault();
−
$elem.on("click", function (e) {
+
});
−
      
+
−
    $elem.tooltip("open");
+
 
});
 
});
  
−
 
+
$(document).on("click", ".tooltip", function() {
−
$elem.on("mouseleave", function (e) {
+
     $(this).tooltip(
−
     e.stopImmediatePropagation();
+
        {
−
});
+
            items: ".tooltip",
−
       
+
            content: function(){
−
 
+
                return $(this).data('description');
−
$(document).mouseup(function (e) {
+
            },
−
    var container = $(".ui-tooltip");
+
            close: function( event, ui ) {
−
    if (! container.is(e.target) &&
+
                var me = this;
−
        container.has(e.target).length === 0)
+
                ui.tooltip.hover(
−
    {
+
                    function () {
−
         $elem.tooltip("close");
+
                        $(this).stop(true).fadeTo(400, 1);
−
    }
+
                    },
 +
                    function () {
 +
                        $(this).fadeOut("400", function(){
 +
                            $(this).remove();
 +
                        });
 +
                    }
 +
                );
 +
                ui.tooltip.on("remove", function(){
 +
                    $(me).tooltip("destroy");
 +
                });
 +
          },
 +
         }
 +
    );
 +
    $(this).tooltip("open");
 
});
 
});
  
Line 985: Line 1,005:
 
                     <li>
 
                     <li>
 
                         <div class="dropdown">
 
                         <div class="dropdown">
−
                             <a href="https://2017.igem.org/Team:UCopenhagen/Safety"><button class="dropbtn">Safety</button></a>
+
                             <a href="https://2017.igem.org/Team:UCopenhagen/Safety"><button class="dropbtn">Safety & Labnotes</button></a>
 
                             <div class="dropdown-content">
 
                             <div class="dropdown-content">
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Safety">Safety</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Safety">Safety</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Notebook">Notebook</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Notebook">Notebook</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Protocols">Protocols</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/Protocols">Protocols</a>
 +
                                <a href="https://2017.igem.org/Team:UCopenhagen/Improve">Improve</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,008: Line 1,029:
 
                             <div class="dropdown-content">
 
                             <div class="dropdown-content">
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Silver">Overview</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Silver">Overview</a>
 +
                                <a href="https://2017.igem.org/Team:UCopenhagen/HP/Ethics">Ethics</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Gold_Integrated">Integrated</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Gold_Integrated">Integrated</a>
−
                                <a href="https://2017.igem.org/Team:UCopenhagen/HP/Ethics">Ethics</a>
 
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Events">Events</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Events">Events</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Media">Media</a>
 
                                 <a href="https://2017.igem.org/Team:UCopenhagen/HP/Media">Media</a>
 
                             </div>
 
                             </div>
−
                        </div>
 
−
                    </li>
 
−
<li>
 
−
                        <div class="dropdown">
 
−
                            <a href="https://2017.igem.org/Team:UCopenhagen/Next"><button href="https://2017.igem.org/Team:UCopenhagen/Project" class="dropbtn">What's next?</button></a>
 
−
                            <div class="dropdown-content">
 
−
                                <a href="https://2017.igem.org/Team:UCopenhagen/Next">Next steps</a>
 
−
                                <a href="https://2017.igem.org/Team:UCopenhagen/Limitations">Limitations</a>
 
−
                                <a href="https://2017.igem.org/Team:UCopenhagen/Ethical-concerns">Ethical concerns</a>
 
−
                                <a href="https://2017.igem.org/Team:UCopenhagen/Final">Final words</a>
 
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>

Latest revision as of 03:57, 2 November 2017