mirror of
https://github.com/moexe/FFFGateway-Monitoring.git
synced 2024-11-21 21:53:40 +01:00
moexe
GitHub
commit
2bd5ee0137
@ -5,7 +5,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color:#8db5cb;
|
background-color:#FBFBEF;
|
||||||
text-align:left;
|
text-align:left;
|
||||||
font-family:Arial, Helvetica, sans-serif;
|
font-family:Arial, Helvetica, sans-serif;
|
||||||
# font-family:Verdana, sans-serif;
|
# font-family:Verdana, sans-serif;
|
||||||
@ -30,7 +30,7 @@ body {
|
|||||||
|
|
||||||
#bodybox {
|
#bodybox {
|
||||||
float:left;
|
float:left;
|
||||||
background-color:#ffffff;
|
background-color:#FBFBEF;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
|
||||||
|
|
||||||
@ -38,7 +38,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
|
background-color:#FBFBEF;
|
||||||
margin-right:2.5em;
|
margin-right:2.5em;
|
||||||
margin-left:2.5em;
|
margin-left:2.5em;
|
||||||
margin-top:1em;
|
margin-top:1em;
|
||||||
@ -110,6 +110,7 @@ div.mrtg img {
|
|||||||
|
|
||||||
}
|
}
|
||||||
#content {
|
#content {
|
||||||
|
background-color:#FBFBEF;
|
||||||
float:left;
|
float:left;
|
||||||
width:95%;
|
width:95%;
|
||||||
margin-right:0.5em;
|
margin-right:0.5em;
|
||||||
BIN
css/menu-btn.png
Normal file
BIN
css/menu-btn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
396
css/responsive-menu.css
Normal file
396
css/responsive-menu.css
Normal file
@ -0,0 +1,396 @@
|
|||||||
|
|
||||||
|
/*! Responsive menu
|
||||||
|
version: 0.2.1
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Suggested HTML:
|
||||||
|
<a class="rm-toggle rm-button rm-nojs" href="#">Menus</a>
|
||||||
|
<nav class="rm-nav rm-nojs rm-lighten">
|
||||||
|
<ul> ...
|
||||||
|
|
||||||
|
Theme class options: rm-lighten(as illustrated above), rm-darken.
|
||||||
|
rm-lighten theme lightens menu item backgrounds.
|
||||||
|
rm-darken theme darkens menu item backgrounds.
|
||||||
|
Set menu background color to any color
|
||||||
|
to work with the chosen theme.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Set menu background color here */
|
||||||
|
.rm-nav ul,
|
||||||
|
.rm-menu {
|
||||||
|
background-color: rgb(0, 0, 0);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Required styles =========================================================== */
|
||||||
|
|
||||||
|
/* Add clearfix to nav element container*/
|
||||||
|
.rm-container:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Link styles */
|
||||||
|
.rm-toggle {
|
||||||
|
display: none;
|
||||||
|
float: right;
|
||||||
|
padding: 0 .75em;
|
||||||
|
margin: 1em;
|
||||||
|
height: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
background-color: rgb(128, 128, 128); /* fallback */
|
||||||
|
background-color: rgba(128, 128, 128, .5);
|
||||||
|
}
|
||||||
|
.rm-toggle.rm-show {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Button styles */
|
||||||
|
.rm-toggle.rm-button {
|
||||||
|
/* Use data uri */
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjU2N0Q1RTNBMkZFMjExQTlCNjg5QjQzQTBGRDY1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkIzMDBDNTJGODIxMUUyOTgzN0ExQ0FEREZERTE4MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkIzMDBDNDJGODIxMUUyOTgzN0ExQ0FEREZERTE4MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3NTY3RDVFM0EyRkUyMTFBOUI2ODlCNDNBMEZENjVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2NTY3RDVFM0EyRkUyMTFBOUI2ODlCNDNBMEZENjVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S+feugAAAFtJREFUeNpi/P//PwMtAeOQt4AFjU8V2xgZGXmA1E8g/oPuA2pZoAykXgLxVxQLgBLcQEociHkotOMLLgtAQcaOJehIBX+wBhHQApqnotFIHo3k0UgeipEMEGAADaRXEC7WAy0AAAAASUVORK5CYII=);
|
||||||
|
/* Or use png */
|
||||||
|
/*background-image:url(menu-btn.png);*/
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position:center center;
|
||||||
|
padding: 0;
|
||||||
|
width: 2.5em;
|
||||||
|
text-indent: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu Container Element */
|
||||||
|
.rm-nav {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu Element */
|
||||||
|
.rm-nav > ul,
|
||||||
|
.rm-top-menu {
|
||||||
|
clear: both;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu & Sub Menu Items */
|
||||||
|
.rm-nav li,
|
||||||
|
.rm-menu-item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.rm-nav > ul > .rm-last,
|
||||||
|
.rm-top-menu > .rm-last {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.rm-nav li a,
|
||||||
|
.rm-menu-item a {
|
||||||
|
padding: .75em 1em;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
color:#fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menus */
|
||||||
|
.rm-nav li ul,
|
||||||
|
.rm-menu-item .rm-menu {
|
||||||
|
width: 100%;
|
||||||
|
padding:0;
|
||||||
|
margin-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
z-index: 500;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.rm-nav .rm-hover ul,
|
||||||
|
.rm-nav .rm-hover .rm-menu {
|
||||||
|
z-index: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menu Items */
|
||||||
|
.rm-nav li li a,
|
||||||
|
.rm-menu-item .rm-menu-item a {
|
||||||
|
z-index:500;
|
||||||
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
.rm-nav li li.rm-last a,
|
||||||
|
.rm-menu-item .rm-menu-item.rm-last a {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
.rm-nav li li ul,
|
||||||
|
.rm-menu-item .rm-menu-item .rm-menu {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-nav li li li a,
|
||||||
|
.rm-menu-item .rm-menu-item .rm-menu-item a {
|
||||||
|
z-index:600;
|
||||||
|
padding-left: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CSS Animations ============================================================= */
|
||||||
|
.rm-accelerate {
|
||||||
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
-webkit-backface-visibility:hidden;
|
||||||
|
-webkit-perspective: 1000;
|
||||||
|
}
|
||||||
|
.rm-css-animate {
|
||||||
|
display: block;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.rm-css-animate.rm-menu-expanded {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Theme styles ============================================================= */
|
||||||
|
|
||||||
|
.rm-nav a {
|
||||||
|
-webkit-transition: background-color 0.3s;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-toggle:hover,
|
||||||
|
.rm-toggle:focus {
|
||||||
|
background-color: rgb(156, 156, 156); /* fallback */
|
||||||
|
background-color: rgba(156, 156, 156, .5);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-lighten li li a,
|
||||||
|
.rm-lighten li a:focus,
|
||||||
|
.rm-lighten li a:hover,
|
||||||
|
.rm-lighten li.rm-hover a,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item a,
|
||||||
|
.rm-lighten .rm-menu-item a:focus,
|
||||||
|
.rm-lighten .rm-menu-item a:hover,
|
||||||
|
.rm-lighten .rm-menu-item.rm-hover > a {
|
||||||
|
background-color: rgb(32, 32, 32); /* fallback */
|
||||||
|
background-color: rgba(255, 255, 255, .1);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-lighten li li li a,
|
||||||
|
.rm-lighten li li a:focus,
|
||||||
|
.rm-lighten li li a:hover,
|
||||||
|
.rm-lighten li li.rm-hover a,
|
||||||
|
.rm-lighten .rm-menu-expanded li a:focus,
|
||||||
|
.rm-lighten .rm-menu-expanded li a:hover,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item a:focus,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item a:hover,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item.rm-hover a,
|
||||||
|
.rm-lighten .rm-menu-expanded li a:focus,
|
||||||
|
.rm-lighten .rm-menu-expanded li a:hover {
|
||||||
|
background-color: rgb(96, 96, 96); /* fallback */
|
||||||
|
background-color: rgba(255, 255, 255, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-lighten li li li a:focus,
|
||||||
|
.rm-lighten li li li a:hover,
|
||||||
|
.rm-lighten li li li.rm-hover a,
|
||||||
|
.rm-lighten li .rm-menu-expanded a:focus,
|
||||||
|
.rm-lighten li .rm-menu-expanded a:hover,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:focus,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:hover,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-expanded a:focus,
|
||||||
|
.rm-lighten .rm-menu-item .rm-menu-expanded a:hover {
|
||||||
|
background-color: rgb(128, 128, 128); /* fallback */
|
||||||
|
background-color: rgba(255, 255, 255, .3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-darken li li a,
|
||||||
|
.rm-darken li a:focus,
|
||||||
|
.rm-darken li a:hover,
|
||||||
|
.rm-darken li.rm-hover a,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item a,
|
||||||
|
.rm-darken .rm-menu-item a:focus,
|
||||||
|
.rm-darken .rm-menu-item a:hover,
|
||||||
|
.rm-darken .rm-menu-item.rm-hover > a {
|
||||||
|
background-color: rgb(192, 192, 192); /* fallback */
|
||||||
|
background-color: rgba(0, 0, 0, .1);
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-darken li li li a,
|
||||||
|
.rm-darken li li a:focus,
|
||||||
|
.rm-darken li li a:hover,
|
||||||
|
.rm-darken li li.rm-hover a,
|
||||||
|
.rm-darken .rm-menu-expanded li a:focus,
|
||||||
|
.rm-darken .rm-menu-expanded li a:hover,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item a:focus,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item a:hover,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item.rm-hover a,
|
||||||
|
.rm-darken .rm-menu-expanded li a:focus,
|
||||||
|
.rm-darken .rm-menu-expanded li a:hover {
|
||||||
|
background-color: rgb(160, 160, 160); /* fallback */
|
||||||
|
background-color: rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
.rm-darken li li li a:focus,
|
||||||
|
.rm-darken li li li a:hover,
|
||||||
|
.rm-darken li li li.rm-hover a,
|
||||||
|
.rm-darken li .rm-menu-expanded a:focus,
|
||||||
|
.rm-darken li .rm-menu-expanded a:hover,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a:focus,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item .rm-menu-item a:hover,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-expanded a:focus,
|
||||||
|
.rm-darken .rm-menu-item .rm-menu-expanded a:hover {
|
||||||
|
background-color: rgb(128, 128, 128); /* fallback */
|
||||||
|
background-color: rgba(0, 0, 0, .3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Expanded Layout styles - .rm-layout-expanded class is applied by plugin ========= */
|
||||||
|
|
||||||
|
.rm-layout-expanded .rm-nav > ul,
|
||||||
|
.rm-layout-expanded .rm-top-menu {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-layout-expanded .rm-nav > ul > li,
|
||||||
|
.rm-layout-expanded .rm-top-menu > .rm-menu-item {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded .rm-nav > ul > .rm-last,
|
||||||
|
.rm-layout-expanded .rm-top-menu > .rm-last {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded .rm-nav > ul > li > a,
|
||||||
|
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
|
||||||
|
height: 3em;
|
||||||
|
line-height: 3em; /* match with height to center vertically */
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded li ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu {
|
||||||
|
width: 15em;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded li.rm-last ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item.rm-last .rm-menu,
|
||||||
|
.rm-layout-expanded li.rm-2nd-last ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item.rm-2nd-last .rm-menu {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded li li ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu {
|
||||||
|
position: absolute;
|
||||||
|
left: 100%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded li li.rm-last ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu-item.rm-last .rm-menu,
|
||||||
|
.rm-layout-expanded li li.rm-2nd-last ul,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu-item.rm-2nd-last .rm-menu{
|
||||||
|
right: 100%;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded li a,
|
||||||
|
.rm-layout-expanded li li a,
|
||||||
|
.rm-layout-expanded li li li a,
|
||||||
|
.rm-layout-expanded .rm-menu-item a,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu-item a,
|
||||||
|
.rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu-item a {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* clearfix */
|
||||||
|
.rm-layout-expanded .rm-nav > ul:before,
|
||||||
|
.rm-layout-expanded .rm-nav > ul:after,
|
||||||
|
.rm-layout-expanded .rm-top-menu:before,
|
||||||
|
.rm-layout-expanded .rm-top-menu:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded .rm-nav > ul:after,
|
||||||
|
.rm-layout-expanded .rm-top-menu:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No JS Styles ============================================================= */
|
||||||
|
|
||||||
|
/* Hide Sub Menus */
|
||||||
|
.no-js .rm-nav li ul,
|
||||||
|
.rm-nojs li ul,
|
||||||
|
.no-js .rm-nav .rm-menu-item .rm-menu,
|
||||||
|
.rm-nojs .rm-menu-item .rm-menu {
|
||||||
|
position: absolute;
|
||||||
|
left: -999em;
|
||||||
|
}
|
||||||
|
.rm-toggle.rm-nojs {
|
||||||
|
display: inline-block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Expanded layout if JS not supported */
|
||||||
|
/* Note: The min-width value here should match minWidth value set in JS */
|
||||||
|
@media screen and ( min-width: 769px ) {
|
||||||
|
|
||||||
|
.rm-nojs > ul > li,
|
||||||
|
.no-js .rm-nav > ul > li,
|
||||||
|
.rm-nojs > .rm-menu > .rm-menu-item,
|
||||||
|
.no-js .rm-nav > .rm-menu > .rm-menu-item {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-nojs li a,
|
||||||
|
.no-js .rm-nav li a,
|
||||||
|
.rm-nojs .rm-menu-item a,
|
||||||
|
.no-js .rm-nav .rm-menu-item a {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* clearfix */
|
||||||
|
.rm-nojs > ul:before,
|
||||||
|
.rm-nojs > ul:after,
|
||||||
|
.no-js .rm-nav > ul:before,
|
||||||
|
.no-js .rm-nav > ul:after,
|
||||||
|
.rm-nojs > .rm-menu:before,
|
||||||
|
.rm-nojs > .rm-menu:after,
|
||||||
|
.no-js .rm-nav > .rm-menu:before,
|
||||||
|
.no-js .rm-nav > .rm-menu:after{
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.rm-nojs > ul:after,
|
||||||
|
.no-js .rm-nav > ul:after,
|
||||||
|
.rm-nojs > .rm-menu:after,
|
||||||
|
.no-js .rm-nav > .rm-menu:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.rm-toggle.rm-nojs {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Calculation Styles ============================================================
|
||||||
|
* Applied and removed by jQuery during menu height calculations
|
||||||
|
*/
|
||||||
|
|
||||||
|
.rm-calculate {
|
||||||
|
position: absolute !important;
|
||||||
|
max-height: none !important;
|
||||||
|
overflow: visible !important;
|
||||||
|
}
|
||||||
|
.rm-layout-contracted .rm-calculate {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accessibility ============================================================ */
|
||||||
|
|
||||||
|
.rm-container .accessibly-hidden {
|
||||||
|
position: absolute;
|
||||||
|
left: -999em;
|
||||||
|
}
|
||||||
3
css/responsive-menu.min.css
vendored
Normal file
3
css/responsive-menu.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
112
css/styles.css
Normal file
112
css/styles.css
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
/* Unessential CSS - Just here to make this sample page prettier */
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 1060px;
|
||||||
|
padding: 1px 3em;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
header:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.brand, h1, h2, h3 {
|
||||||
|
font-family: 'Roboto Condensed', sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
h4, h5, h6 {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .dev-output pre {
|
||||||
|
overflow: auto;
|
||||||
|
max-height: 500px;
|
||||||
|
background-color: #EBF4FD;
|
||||||
|
padding: 0 1em 1em;
|
||||||
|
}
|
||||||
|
.brand {
|
||||||
|
float: left;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
.brand p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.rm-nav {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
font-size: 1.4em;
|
||||||
|
line-height: 40px;
|
||||||
|
margin: 20px 0 0;
|
||||||
|
width: 50px;
|
||||||
|
height: 40px;
|
||||||
|
/* background-color: #3C97D5; */
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-toggle.rm-button {
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rm-css-animate.rm-menu-expanded {
|
||||||
|
max-height: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.rm-container.rm-layout-expanded {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.rm-nav li a,
|
||||||
|
.rm-top-menu a {
|
||||||
|
padding: .75rem 1rem;
|
||||||
|
font-size: .9em;
|
||||||
|
line-height: 1.5rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.rm-layout-expanded .rm-nav > ul > li > a,
|
||||||
|
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
|
||||||
|
height: 80px;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
background-image: url("../images/cloud.jpg");
|
||||||
|
background-position: center top;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
min-height: 100%;
|
||||||
|
padding-top: 1px;
|
||||||
|
}
|
||||||
|
.tagline {
|
||||||
|
width: 360px;
|
||||||
|
font-size: 1.75em;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 1.2;
|
||||||
|
text-align: center;
|
||||||
|
margin: 275px auto;
|
||||||
|
color: #1A88D3;
|
||||||
|
}
|
||||||
|
.tagline strong {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
.dev-output {
|
||||||
|
background-color: #e1eaf3; /* fall-back */
|
||||||
|
background-color: rgba(255,255,255,.85);
|
||||||
|
color: #000;
|
||||||
|
padding: 2em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
21
ende.html
21
ende.html
@ -1,21 +0,0 @@
|
|||||||
|
|
||||||
<div id="fuss">
|
|
||||||
|
|
||||||
<div id="content" style="font-size:14px; font-weight:bold">
|
|
||||||
<table border="0" width="100%">
|
|
||||||
<tr>
|
|
||||||
<td>Tel.:<br>
|
|
||||||
mobil: </td>
|
|
||||||
<tr>
|
|
||||||
<td style="font-size:12px"><a href="impressum.php">Impressum</a></td>
|
|
||||||
<td style="font-size:12px"><a href="datenschutz.php">Datenschutzhinweis</a></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div></div>
|
|
||||||
</div></div></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<div id='cssmenu'>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li><a href="index.php">Startseite</a></li>
|
|
||||||
<li class='has-sub'><a href='#'><span>Gateways</span></a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
|
||||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
|
||||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
|
||||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
|
||||||
<li><a href="http://78.47.36.148">fff-has</a></li>
|
|
||||||
<li><a href="http://163.172.161.233">fff-rola1</a></li>
|
|
||||||
<li class='last'><a http://5.189.166.50">fff-has2</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a target="_blank" href="/mrtg/start.html">MRTG</a></li>
|
|
||||||
<li><a target="_blank" href="http://163.172.161.233:8082">babelweb-rola1</a></li>
|
|
||||||
<li class='last'><a target="_blank" href="https://monitoring.freifunk-franken.de/">Monitoring</a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
239
html/responsive-menu.html
Normal file
239
html/responsive-menu.html
Normal file
@ -0,0 +1,239 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||||
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||||
|
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||||
|
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||||
|
<head lang="en">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Responsive Menu Test</title>
|
||||||
|
|
||||||
|
<!-- Apply Responsive Menu CSS -->
|
||||||
|
<link href="css/responsive-menu.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Unsere css -->
|
||||||
|
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
|
||||||
|
|
||||||
|
<!-- Unessential CSS - Just here to make this sample page prettier -->
|
||||||
|
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<link href="css/styles.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Load modernizr or html5shiv -->
|
||||||
|
<script src="//cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
|
||||||
|
<script>window.modernizr || document.write('<script src="../lib/modernizr/modernizr-custom.js"><\/script>')</script>
|
||||||
|
<!--<script src="../lib/html5shiv/html5shiv.js"></script>-->
|
||||||
|
|
||||||
|
<!-- Load jQuery -->
|
||||||
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="../lib/jquery-legacy/jquery.js"><\/script>')</script>
|
||||||
|
|
||||||
|
<!-- Load Responsive Menu -->
|
||||||
|
<script src="js/responsive-menu.js" type="text/javascript"></script>
|
||||||
|
|
||||||
|
<!-- Setup Responsive Menu -->
|
||||||
|
<script>
|
||||||
|
jQuery(function ($) {
|
||||||
|
var menu = $('.rm-nav').rMenu({
|
||||||
|
|
||||||
|
// Optional Settings
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Minimum width for expanded layout in pixels - String
|
||||||
|
* The media query in css file should be changed to match this
|
||||||
|
* Must be in pixels and include px units if not using Modernizr.
|
||||||
|
* @default '769px'
|
||||||
|
*/
|
||||||
|
minWidth: '960px',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The opening and closing speed of the menus in milliseconds
|
||||||
|
* @default 400
|
||||||
|
*/
|
||||||
|
//transitionSpeed: 400,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The jQuery easing function - used with jQuery transitions
|
||||||
|
* @default 'swing'
|
||||||
|
* @options 'swing', 'linear'
|
||||||
|
*/
|
||||||
|
//jqueryEasing: 'swing',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The CSS3 transitions easing function - used with CSS3 transitions
|
||||||
|
* @default 'ease'
|
||||||
|
*/
|
||||||
|
//css3Easing: 'ease',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Use button as toggle link - instead of text
|
||||||
|
* @default true
|
||||||
|
*/
|
||||||
|
//toggleBtnBool: true,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The Toggle Link selector
|
||||||
|
* @default '.rm-toggle'
|
||||||
|
*/
|
||||||
|
//toggleSel: '.rm-toggle',
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The menu/sub-menu selector
|
||||||
|
* @default 'ul'
|
||||||
|
*/
|
||||||
|
//menuSel: 'ul',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The menu items selector
|
||||||
|
* @default 'li'
|
||||||
|
*/
|
||||||
|
//menuItemsSel: 'li',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class the plugin adds to the container of the nav element
|
||||||
|
* @default 'rm-container'
|
||||||
|
*/
|
||||||
|
//containerClass: 'rm-container',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class the plugin adds to the nav element
|
||||||
|
* @default 'rm-nav'
|
||||||
|
*/
|
||||||
|
//navElementClass: 'rm-nav',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class the plugin adds to the top menu element
|
||||||
|
* @default 'rm-top-menu'
|
||||||
|
*/
|
||||||
|
//topMenuClass: 'rm-top-menu',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class applied to menu items that contain a sub-menu
|
||||||
|
* @default 'rm-parent'
|
||||||
|
*/
|
||||||
|
//parentClass: 'rm-parent',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class applied to container element to trigger expanded layout
|
||||||
|
* @default 'rm-layout-expanded'
|
||||||
|
*/
|
||||||
|
//expandedClass: 'rm-layout-expanded',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class applied to container element to trigger contracted layout
|
||||||
|
* @default 'rm-layout-contracted'
|
||||||
|
*/
|
||||||
|
//contractedClass: 'rm-layout-contracted',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Use CSS3 animation/transitions class name
|
||||||
|
* @default 'rm-css-animate'
|
||||||
|
* Do not use animation/transitions: ''
|
||||||
|
*/
|
||||||
|
//animateClass: 'rm-css-animate',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Force GPU Acceleration class name
|
||||||
|
* @default 'rm-accelerate'
|
||||||
|
* Do not force: ''
|
||||||
|
*/
|
||||||
|
//accelerateClass: 'rm-accelerate',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Use development mode - outputs information to html element on test page
|
||||||
|
* Must uncomment appropriate if statements in the jQuery code
|
||||||
|
* @default false
|
||||||
|
*/
|
||||||
|
//developmentMode: false
|
||||||
|
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<div class="wrapper">
|
||||||
|
<div class="brand">
|
||||||
|
<p><a href="#" class="logo">FFF-Hassfurt</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- START Responsive Menu HTML -->
|
||||||
|
<div class="rm-container">
|
||||||
|
<a class="rm-toggle rm-button rm-nojs" href="#">Menu</a>
|
||||||
|
|
||||||
|
<nav class="rm-nav rm-nojs rm-lighten">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Die Gateways</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||||
|
<li><a href="http://5.189.166.50">fff-has2</a></li>
|
||||||
|
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||||
|
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||||
|
<li><a href="http://78.47.36.148">fff-has</a></li>
|
||||||
|
<li><a href="http://163.172.161.233">fff-rola1</a></li>
|
||||||
|
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 2</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 3</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 4</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 5</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 6</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 7</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Sub Item 4</a></li>
|
||||||
|
<li><a href="#">Sub Item 5</a></li>
|
||||||
|
<li><a href="#">Sub Item 6</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 2</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 3</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 4</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 5</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 6</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 7</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Sub Item 7</a></li>
|
||||||
|
<li><a href="#">Sub Item 8</a></li>
|
||||||
|
<li><a href="#">Sub Item 9</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Main Item 2</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Item 2</a></li>
|
||||||
|
<li><a href="#">Sub Item 3</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 2</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 3</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 4</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 5</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 6</a></li>
|
||||||
|
<li><a href="#">Sub Sub Item 7</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Sub Item 4</a></li>
|
||||||
|
<li><a href="#">Sub Item 5</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Main Item 3</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Item 2</a></li>
|
||||||
|
<li><a href="#">Sub Item 3</a></li>
|
||||||
|
<li><a href="#">Sub Item 4</a></li>
|
||||||
|
</ul></li>
|
||||||
|
<li><a href="#">Main Item 4</a></li>
|
||||||
|
<li><a href="#">Main Item 5</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Sub Item 1</a></li>
|
||||||
|
<li><a href="#">Sub Item 2</a></li>
|
||||||
|
</ul></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div><!-- .rm-container -->
|
||||||
|
<!-- End Responsive Menu HTML -->
|
||||||
|
</div><!-- .wrapper -->
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
<!DOCTYPE HTML>
|
|
||||||
<html><head>
|
|
||||||
<title>Status Gateway rola1</title>
|
|
||||||
<meta http-equiv="content-type" content="text/html">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="main.css" type="text/css" media="screen">
|
|
||||||
<script src="script.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
</head><body>
|
|
||||||
<div id="wrapper">
|
|
||||||
<div id="kopf">
|
|
||||||
</div>
|
|
||||||
<div id="bodybox">
|
|
||||||
<?php
|
|
||||||
include 'html/navh.html';
|
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
BIN
img/nav.jpg
BIN
img/nav.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
@ -1,5 +1,5 @@
|
|||||||
<?php
|
<?php
|
||||||
include 'html/site.html';
|
include 'html/responsive-menu.html';
|
||||||
include 'html/start.html';
|
include 'html/start.html';
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|||||||
1001
js/responsive-menu.js
Normal file
1001
js/responsive-menu.js
Normal file
File diff suppressed because it is too large
Load Diff
2
js/responsive-menu.min.js
vendored
Normal file
2
js/responsive-menu.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
322
lib/html5shiv/html5shiv.js
vendored
Normal file
322
lib/html5shiv/html5shiv.js
vendored
Normal file
@ -0,0 +1,322 @@
|
|||||||
|
/**
|
||||||
|
* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||||
|
*/
|
||||||
|
;(function(window, document) {
|
||||||
|
/*jshint evil:true */
|
||||||
|
/** version */
|
||||||
|
var version = '3.7.2';
|
||||||
|
|
||||||
|
/** Preset options */
|
||||||
|
var options = window.html5 || {};
|
||||||
|
|
||||||
|
/** Used to skip problem elements */
|
||||||
|
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
|
||||||
|
|
||||||
|
/** Not all elements can be cloned in IE **/
|
||||||
|
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
|
||||||
|
|
||||||
|
/** Detect whether the browser supports default html5 styles */
|
||||||
|
var supportsHtml5Styles;
|
||||||
|
|
||||||
|
/** Name of the expando, to work with multiple documents or to re-shiv one document */
|
||||||
|
var expando = '_html5shiv';
|
||||||
|
|
||||||
|
/** The id for the the documents expando */
|
||||||
|
var expanID = 0;
|
||||||
|
|
||||||
|
/** Cached data for each document */
|
||||||
|
var expandoData = {};
|
||||||
|
|
||||||
|
/** Detect whether the browser supports unknown elements */
|
||||||
|
var supportsUnknownElements;
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
try {
|
||||||
|
var a = document.createElement('a');
|
||||||
|
a.innerHTML = '<xyz></xyz>';
|
||||||
|
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
|
||||||
|
supportsHtml5Styles = ('hidden' in a);
|
||||||
|
|
||||||
|
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
||||||
|
// assign a false positive if unable to shiv
|
||||||
|
(document.createElement)('a');
|
||||||
|
var frag = document.createDocumentFragment();
|
||||||
|
return (
|
||||||
|
typeof frag.cloneNode == 'undefined' ||
|
||||||
|
typeof frag.createDocumentFragment == 'undefined' ||
|
||||||
|
typeof frag.createElement == 'undefined'
|
||||||
|
);
|
||||||
|
}());
|
||||||
|
} catch(e) {
|
||||||
|
// assign a false positive if detection fails => unable to shiv
|
||||||
|
supportsHtml5Styles = true;
|
||||||
|
supportsUnknownElements = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
}());
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Creates a style sheet with the given CSS text and adds it to the document.
|
||||||
|
* @private
|
||||||
|
* @param {Document} ownerDocument The document.
|
||||||
|
* @param {String} cssText The CSS text.
|
||||||
|
* @returns {StyleSheet} The style element.
|
||||||
|
*/
|
||||||
|
function addStyleSheet(ownerDocument, cssText) {
|
||||||
|
var p = ownerDocument.createElement('p'),
|
||||||
|
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
||||||
|
|
||||||
|
p.innerHTML = 'x<style>' + cssText + '</style>';
|
||||||
|
return parent.insertBefore(p.lastChild, parent.firstChild);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the value of `html5.elements` as an array.
|
||||||
|
* @private
|
||||||
|
* @returns {Array} An array of shived element node names.
|
||||||
|
*/
|
||||||
|
function getElements() {
|
||||||
|
var elements = html5.elements;
|
||||||
|
return typeof elements == 'string' ? elements.split(' ') : elements;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extends the built-in list of html5 elements
|
||||||
|
* @memberOf html5
|
||||||
|
* @param {String|Array} newElements whitespace separated list or array of new element names to shiv
|
||||||
|
* @param {Document} ownerDocument The context document.
|
||||||
|
*/
|
||||||
|
function addElements(newElements, ownerDocument) {
|
||||||
|
var elements = html5.elements;
|
||||||
|
if(typeof elements != 'string'){
|
||||||
|
elements = elements.join(' ');
|
||||||
|
}
|
||||||
|
if(typeof newElements != 'string'){
|
||||||
|
newElements = newElements.join(' ');
|
||||||
|
}
|
||||||
|
html5.elements = elements +' '+ newElements;
|
||||||
|
shivDocument(ownerDocument);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the data associated to the given document
|
||||||
|
* @private
|
||||||
|
* @param {Document} ownerDocument The document.
|
||||||
|
* @returns {Object} An object of data.
|
||||||
|
*/
|
||||||
|
function getExpandoData(ownerDocument) {
|
||||||
|
var data = expandoData[ownerDocument[expando]];
|
||||||
|
if (!data) {
|
||||||
|
data = {};
|
||||||
|
expanID++;
|
||||||
|
ownerDocument[expando] = expanID;
|
||||||
|
expandoData[expanID] = data;
|
||||||
|
}
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* returns a shived element for the given nodeName and document
|
||||||
|
* @memberOf html5
|
||||||
|
* @param {String} nodeName name of the element
|
||||||
|
* @param {Document} ownerDocument The context document.
|
||||||
|
* @returns {Object} The shived element.
|
||||||
|
*/
|
||||||
|
function createElement(nodeName, ownerDocument, data){
|
||||||
|
if (!ownerDocument) {
|
||||||
|
ownerDocument = document;
|
||||||
|
}
|
||||||
|
if(supportsUnknownElements){
|
||||||
|
return ownerDocument.createElement(nodeName);
|
||||||
|
}
|
||||||
|
if (!data) {
|
||||||
|
data = getExpandoData(ownerDocument);
|
||||||
|
}
|
||||||
|
var node;
|
||||||
|
|
||||||
|
if (data.cache[nodeName]) {
|
||||||
|
node = data.cache[nodeName].cloneNode();
|
||||||
|
} else if (saveClones.test(nodeName)) {
|
||||||
|
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
|
||||||
|
} else {
|
||||||
|
node = data.createElem(nodeName);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Avoid adding some elements to fragments in IE < 9 because
|
||||||
|
// * Attributes like `name` or `type` cannot be set/changed once an element
|
||||||
|
// is inserted into a document/fragment
|
||||||
|
// * Link elements with `src` attributes that are inaccessible, as with
|
||||||
|
// a 403 response, will cause the tab/window to crash
|
||||||
|
// * Script elements appended to fragments will execute when their `src`
|
||||||
|
// or `text` property is set
|
||||||
|
return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* returns a shived DocumentFragment for the given document
|
||||||
|
* @memberOf html5
|
||||||
|
* @param {Document} ownerDocument The context document.
|
||||||
|
* @returns {Object} The shived DocumentFragment.
|
||||||
|
*/
|
||||||
|
function createDocumentFragment(ownerDocument, data){
|
||||||
|
if (!ownerDocument) {
|
||||||
|
ownerDocument = document;
|
||||||
|
}
|
||||||
|
if(supportsUnknownElements){
|
||||||
|
return ownerDocument.createDocumentFragment();
|
||||||
|
}
|
||||||
|
data = data || getExpandoData(ownerDocument);
|
||||||
|
var clone = data.frag.cloneNode(),
|
||||||
|
i = 0,
|
||||||
|
elems = getElements(),
|
||||||
|
l = elems.length;
|
||||||
|
for(;i<l;i++){
|
||||||
|
clone.createElement(elems[i]);
|
||||||
|
}
|
||||||
|
return clone;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
||||||
|
* @private
|
||||||
|
* @param {Document|DocumentFragment} ownerDocument The document.
|
||||||
|
* @param {Object} data of the document.
|
||||||
|
*/
|
||||||
|
function shivMethods(ownerDocument, data) {
|
||||||
|
if (!data.cache) {
|
||||||
|
data.cache = {};
|
||||||
|
data.createElem = ownerDocument.createElement;
|
||||||
|
data.createFrag = ownerDocument.createDocumentFragment;
|
||||||
|
data.frag = data.createFrag();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ownerDocument.createElement = function(nodeName) {
|
||||||
|
//abort shiv
|
||||||
|
if (!html5.shivMethods) {
|
||||||
|
return data.createElem(nodeName);
|
||||||
|
}
|
||||||
|
return createElement(nodeName, ownerDocument, data);
|
||||||
|
};
|
||||||
|
|
||||||
|
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
||||||
|
'var n=f.cloneNode(),c=n.createElement;' +
|
||||||
|
'h.shivMethods&&(' +
|
||||||
|
// unroll the `createElement` calls
|
||||||
|
getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
|
||||||
|
data.createElem(nodeName);
|
||||||
|
data.frag.createElement(nodeName);
|
||||||
|
return 'c("' + nodeName + '")';
|
||||||
|
}) +
|
||||||
|
');return n}'
|
||||||
|
)(html5, data.frag);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Shivs the given document.
|
||||||
|
* @memberOf html5
|
||||||
|
* @param {Document} ownerDocument The document to shiv.
|
||||||
|
* @returns {Document} The shived document.
|
||||||
|
*/
|
||||||
|
function shivDocument(ownerDocument) {
|
||||||
|
if (!ownerDocument) {
|
||||||
|
ownerDocument = document;
|
||||||
|
}
|
||||||
|
var data = getExpandoData(ownerDocument);
|
||||||
|
|
||||||
|
if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
|
||||||
|
data.hasCSS = !!addStyleSheet(ownerDocument,
|
||||||
|
// corrects block display not defined in IE6/7/8/9
|
||||||
|
'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
|
||||||
|
// adds styling not present in IE6/7/8/9
|
||||||
|
'mark{background:#FF0;color:#000}' +
|
||||||
|
// hides non-rendered elements
|
||||||
|
'template{display:none}'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (!supportsUnknownElements) {
|
||||||
|
shivMethods(ownerDocument, data);
|
||||||
|
}
|
||||||
|
return ownerDocument;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The `html5` object is exposed so that more elements can be shived and
|
||||||
|
* existing shiving can be detected on iframes.
|
||||||
|
* @type Object
|
||||||
|
* @example
|
||||||
|
*
|
||||||
|
* // options can be changed before the script is included
|
||||||
|
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
||||||
|
*/
|
||||||
|
var html5 = {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* An array or space separated string of node names of the elements to shiv.
|
||||||
|
* @memberOf html5
|
||||||
|
* @type Array|String
|
||||||
|
*/
|
||||||
|
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* current version of html5shiv
|
||||||
|
*/
|
||||||
|
'version': version,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A flag to indicate that the HTML5 style sheet should be inserted.
|
||||||
|
* @memberOf html5
|
||||||
|
* @type Boolean
|
||||||
|
*/
|
||||||
|
'shivCSS': (options.shivCSS !== false),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Is equal to true if a browser supports creating unknown/HTML5 elements
|
||||||
|
* @memberOf html5
|
||||||
|
* @type boolean
|
||||||
|
*/
|
||||||
|
'supportsUnknownElements': supportsUnknownElements,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
||||||
|
* methods should be overwritten.
|
||||||
|
* @memberOf html5
|
||||||
|
* @type Boolean
|
||||||
|
*/
|
||||||
|
'shivMethods': (options.shivMethods !== false),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A string to describe the type of `html5` object ("default" or "default print").
|
||||||
|
* @memberOf html5
|
||||||
|
* @type String
|
||||||
|
*/
|
||||||
|
'type': 'default',
|
||||||
|
|
||||||
|
// shivs the document according to the specified `html5` object options
|
||||||
|
'shivDocument': shivDocument,
|
||||||
|
|
||||||
|
//creates a shived element
|
||||||
|
createElement: createElement,
|
||||||
|
|
||||||
|
//creates a shived documentFragment
|
||||||
|
createDocumentFragment: createDocumentFragment,
|
||||||
|
|
||||||
|
//extends list of elements
|
||||||
|
addElements: addElements
|
||||||
|
};
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
// expose html5
|
||||||
|
window.html5 = html5;
|
||||||
|
|
||||||
|
// shiv the document
|
||||||
|
shivDocument(document);
|
||||||
|
|
||||||
|
}(this, document));
|
||||||
10346
lib/jquery-legacy/jquery.js
vendored
Normal file
10346
lib/jquery-legacy/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
4
lib/modernizr/modernizr-custom.js
Normal file
4
lib/modernizr/modernizr-custom.js
Normal file
File diff suppressed because one or more lines are too long
12
navh.html
12
navh.html
@ -1,12 +0,0 @@
|
|||||||
<div id='cssmenu'>
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li><a href="index.php">Startseite</a></li>
|
|
||||||
<li><a target="_blank" href="/mrtg/start.html">MRTG</a></li>
|
|
||||||
<li><a target="_blank" href="http://163.172.161.233:8082">babelweb</a></li>
|
|
||||||
<li><a target="_blank" href="https://163.172.161.233:8000">jupyter-hub</a></li>
|
|
||||||
<li class='last'><a href="">last</a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
553
reset.css
553
reset.css
@ -1,553 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en" class=" is-copy-enabled">
|
|
||||||
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
|
|
||||||
<meta charset='utf-8'>
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta http-equiv="Content-Language" content="en">
|
|
||||||
<meta name="viewport" content="width=1020">
|
|
||||||
|
|
||||||
|
|
||||||
<title>Lingulo-Responsive-Tutorial/reset.css at master · ChristophAnastasiades/Lingulo-Responsive-Tutorial · GitHub</title>
|
|
||||||
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
|
|
||||||
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
|
|
||||||
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
|
|
||||||
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
|
|
||||||
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
|
|
||||||
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
|
|
||||||
<meta property="fb:app_id" content="1401488693436528">
|
|
||||||
|
|
||||||
<meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="ChristophAnastasiades/Lingulo-Responsive-Tutorial" name="twitter:title" /><meta content="Lingulo-Responsive-Tutorial - HTML5 Responsive Website Tutorial by http://www.lingulo.com" name="twitter:description" /><meta content="https://avatars2.githubusercontent.com/u/6797181?v=3&s=400" name="twitter:image:src" />
|
|
||||||
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars2.githubusercontent.com/u/6797181?v=3&s=400" property="og:image" /><meta content="ChristophAnastasiades/Lingulo-Responsive-Tutorial" property="og:title" /><meta content="https://github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial" property="og:url" /><meta content="Lingulo-Responsive-Tutorial - HTML5 Responsive Website Tutorial by http://www.lingulo.com" property="og:description" />
|
|
||||||
<meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
|
|
||||||
<meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
|
|
||||||
<link rel="assets" href="https://assets-cdn.github.com/">
|
|
||||||
|
|
||||||
<meta name="pjax-timeout" content="1000">
|
|
||||||
|
|
||||||
|
|
||||||
<meta name="msapplication-TileImage" content="/windows-tile.png">
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
|
||||||
<meta name="selected-link" value="repo_source" data-pjax-transient>
|
|
||||||
|
|
||||||
<meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
|
|
||||||
<meta name="google-analytics" content="UA-3769691-2">
|
|
||||||
|
|
||||||
<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="github" name="octolytics-app-id" /><meta content="BCC2B71B:0D1A:22605E17:562A8E15" name="octolytics-dimension-request_id" />
|
|
||||||
|
|
||||||
<meta content="Rails, view, blob#show" data-pjax-transient="true" name="analytics-event" />
|
|
||||||
|
|
||||||
|
|
||||||
<meta class="js-ga-set" name="dimension1" content="Logged Out">
|
|
||||||
<meta class="js-ga-set" name="dimension4" content="Current repo nav">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<meta name="is-dotcom" content="true">
|
|
||||||
<meta name="hostname" content="github.com">
|
|
||||||
<meta name="user-login" content="">
|
|
||||||
|
|
||||||
<link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#4078c0">
|
|
||||||
<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
|
|
||||||
|
|
||||||
<meta content="cfa12499c9e830f3a230f65ac0d5a74cc7cd280a" name="form-nonce" />
|
|
||||||
|
|
||||||
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-ce671588d7b6afbb8bc61feba5b37b4acc3341aec654ff7a2405b657922ff0c1.css" media="all" rel="stylesheet" />
|
|
||||||
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github2-ed11b2e059c035eff96c8e0662efb7bbcffa8acc4978b0b94a8830b79ddf1736.css" media="all" rel="stylesheet" />
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<meta http-equiv="x-pjax-version" content="df5e5b2ba4129064fac70b75675f69a4">
|
|
||||||
|
|
||||||
|
|
||||||
<meta name="description" content="Lingulo-Responsive-Tutorial - HTML5 Responsive Website Tutorial by http://www.lingulo.com">
|
|
||||||
<meta name="go-import" content="github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial git https://github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial.git">
|
|
||||||
|
|
||||||
<meta content="6797181" name="octolytics-dimension-user_id" /><meta content="ChristophAnastasiades" name="octolytics-dimension-user_login" /><meta content="23041820" name="octolytics-dimension-repository_id" /><meta content="ChristophAnastasiades/Lingulo-Responsive-Tutorial" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="23041820" name="octolytics-dimension-repository_network_root_id" /><meta content="ChristophAnastasiades/Lingulo-Responsive-Tutorial" name="octolytics-dimension-repository_network_root_nwo" />
|
|
||||||
<link href="https://github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial/commits/master.atom" rel="alternate" title="Recent Commits to Lingulo-Responsive-Tutorial:master" type="application/atom+xml">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
<body class="logged_out env-production windows vis-public page-blob">
|
|
||||||
<a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="header header-logged-out" role="banner">
|
|
||||||
<div class="container clearfix">
|
|
||||||
|
|
||||||
<a class="header-logo-wordmark" href="https://github.com/" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
|
|
||||||
<span class="mega-octicon octicon-logo-github"></span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="header-actions" role="navigation">
|
|
||||||
<a class="btn btn-primary" href="/join" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
|
|
||||||
<a class="btn" href="/login?return_to=%2FChristophAnastasiades%2FLingulo-Responsive-Tutorial%2Fblob%2Fmaster%2Fcss%2Freset.css" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="site-search repo-scope js-site-search" role="search">
|
|
||||||
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
|
|
||||||
<label class="js-chromeless-input-container form-control">
|
|
||||||
<div class="scope-badge">This repository</div>
|
|
||||||
<input type="text"
|
|
||||||
class="js-site-search-focus js-site-search-field is-clearable chromeless-input"
|
|
||||||
data-hotkey="s"
|
|
||||||
name="q"
|
|
||||||
placeholder="Search"
|
|
||||||
aria-label="Search this repository"
|
|
||||||
data-global-scope-placeholder="Search GitHub"
|
|
||||||
data-repo-scope-placeholder="Search"
|
|
||||||
tabindex="1"
|
|
||||||
autocapitalize="off">
|
|
||||||
</label>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="header-nav left" role="navigation">
|
|
||||||
<li class="header-nav-item">
|
|
||||||
<a class="header-nav-link" href="/explore" data-ga-click="(Logged out) Header, go to explore, text:explore">Explore</a>
|
|
||||||
</li>
|
|
||||||
<li class="header-nav-item">
|
|
||||||
<a class="header-nav-link" href="/features" data-ga-click="(Logged out) Header, go to features, text:features">Features</a>
|
|
||||||
</li>
|
|
||||||
<li class="header-nav-item">
|
|
||||||
<a class="header-nav-link" href="https://enterprise.github.com/" data-ga-click="(Logged out) Header, go to enterprise, text:enterprise">Enterprise</a>
|
|
||||||
</li>
|
|
||||||
<li class="header-nav-item">
|
|
||||||
<a class="header-nav-link" href="/pricing" data-ga-click="(Logged out) Header, go to pricing, text:pricing">Pricing</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="start-of-content" class="accessibility-aid"></div>
|
|
||||||
|
|
||||||
<div id="js-flash-container">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div role="main" class="main-content">
|
|
||||||
<div itemscope itemtype="http://schema.org/WebPage">
|
|
||||||
<div class="pagehead repohead instapaper_ignore readability-menu">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="clearfix">
|
|
||||||
|
|
||||||
|
|
||||||
<ul class="pagehead-actions">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="/login?return_to=%2FChristophAnastasiades%2FLingulo-Responsive-Tutorial"
|
|
||||||
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
|
|
||||||
aria-label="You must be signed in to watch a repository" rel="nofollow">
|
|
||||||
<span class="octicon octicon-eye"></span>
|
|
||||||
Watch
|
|
||||||
</a>
|
|
||||||
<a class="social-count" href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/watchers">
|
|
||||||
7
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="/login?return_to=%2FChristophAnastasiades%2FLingulo-Responsive-Tutorial"
|
|
||||||
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
|
|
||||||
aria-label="You must be signed in to star a repository" rel="nofollow">
|
|
||||||
<span class="octicon octicon-star"></span>
|
|
||||||
Star
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="social-count js-social-count" href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/stargazers">
|
|
||||||
22
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="/login?return_to=%2FChristophAnastasiades%2FLingulo-Responsive-Tutorial"
|
|
||||||
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
|
|
||||||
aria-label="You must be signed in to fork a repository" rel="nofollow">
|
|
||||||
<span class="octicon octicon-repo-forked"></span>
|
|
||||||
Fork
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/network" class="social-count">
|
|
||||||
34
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public ">
|
|
||||||
<span class="mega-octicon octicon-repo"></span>
|
|
||||||
<span class="author"><a href="/ChristophAnastasiades" class="url fn" itemprop="url" rel="author"><span itemprop="title">ChristophAnastasiades</span></a></span><!--
|
|
||||||
--><span class="path-divider">/</span><!--
|
|
||||||
--><strong><a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial" data-pjax="#js-repo-pjax-container">Lingulo-Responsive-Tutorial</a></strong>
|
|
||||||
|
|
||||||
<span class="page-context-loader">
|
|
||||||
<img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="repository-with-sidebar repo-container new-discussion-timeline ">
|
|
||||||
<div class="repository-sidebar clearfix">
|
|
||||||
|
|
||||||
<nav class="sunken-menu repo-nav js-repo-nav js-sidenav-container-pjax js-octicon-loaders"
|
|
||||||
role="navigation"
|
|
||||||
data-pjax="#js-repo-pjax-container"
|
|
||||||
data-issue-count-url="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/issues/counts">
|
|
||||||
<ul class="sunken-menu-group">
|
|
||||||
<li class="tooltipped tooltipped-w" aria-label="Code">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial" aria-label="Code" aria-selected="true" class="js-selected-navigation-item selected sunken-menu-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /ChristophAnastasiades/Lingulo-Responsive-Tutorial">
|
|
||||||
<span class="octicon octicon-code"></span> <span class="full-word">Code</span>
|
|
||||||
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</a> </li>
|
|
||||||
|
|
||||||
<li class="tooltipped tooltipped-w" aria-label="Issues">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /ChristophAnastasiades/Lingulo-Responsive-Tutorial/issues">
|
|
||||||
<span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
|
|
||||||
<span class="js-issue-replace-counter"></span>
|
|
||||||
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</a> </li>
|
|
||||||
|
|
||||||
<li class="tooltipped tooltipped-w" aria-label="Pull requests">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/pulls" aria-label="Pull requests" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g p" data-selected-links="repo_pulls /ChristophAnastasiades/Lingulo-Responsive-Tutorial/pulls">
|
|
||||||
<span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull requests</span>
|
|
||||||
<span class="js-pull-replace-counter"></span>
|
|
||||||
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</a> </li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
<div class="sunken-menu-separator"></div>
|
|
||||||
<ul class="sunken-menu-group">
|
|
||||||
|
|
||||||
<li class="tooltipped tooltipped-w" aria-label="Pulse">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-selected-links="pulse /ChristophAnastasiades/Lingulo-Responsive-Tutorial/pulse">
|
|
||||||
<span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
|
|
||||||
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</a> </li>
|
|
||||||
|
|
||||||
<li class="tooltipped tooltipped-w" aria-label="Graphs">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-selected-links="repo_graphs repo_contributors /ChristophAnastasiades/Lingulo-Responsive-Tutorial/graphs">
|
|
||||||
<span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
|
|
||||||
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
|
|
||||||
</a> </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="only-with-full-nav">
|
|
||||||
|
|
||||||
<div class="js-clone-url clone-url open"
|
|
||||||
data-protocol-type="http">
|
|
||||||
<h3 class="text-small text-muted"><span class="text-emphasized">HTTPS</span> clone URL</h3>
|
|
||||||
<div class="input-group js-zeroclipboard-container">
|
|
||||||
<input type="text" class="input-mini text-small text-muted input-monospace js-url-field js-zeroclipboard-target"
|
|
||||||
value="https://github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial.git" readonly="readonly" aria-label="HTTPS clone URL">
|
|
||||||
<span class="input-group-button">
|
|
||||||
<button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="js-clone-url clone-url "
|
|
||||||
data-protocol-type="subversion">
|
|
||||||
<h3 class="text-small text-muted"><span class="text-emphasized">Subversion</span> checkout URL</h3>
|
|
||||||
<div class="input-group js-zeroclipboard-container">
|
|
||||||
<input type="text" class="input-mini text-small text-muted input-monospace js-url-field js-zeroclipboard-target"
|
|
||||||
value="https://github.com/ChristophAnastasiades/Lingulo-Responsive-Tutorial" readonly="readonly" aria-label="Subversion checkout URL">
|
|
||||||
<span class="input-group-button">
|
|
||||||
<button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="clone-options text-small text-muted">You can clone with
|
|
||||||
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/users/set_protocol?protocol_selector=http&protocol_type=clone" class="inline-form js-clone-selector-form " data-form-nonce="cfa12499c9e830f3a230f65ac0d5a74cc7cd280a" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="bqz+hUpbZycpiyM6LGPjWQYxVweiQq84aGk8Lb0slk70nF2k56xsYKRzvV6LZBDfNEcnG5aIHlVE/soRpwgCXQ==" /></div><button class="btn-link js-clone-selector" data-protocol="http" type="submit">HTTPS</button></form> or <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/users/set_protocol?protocol_selector=subversion&protocol_type=clone" class="inline-form js-clone-selector-form " data-form-nonce="cfa12499c9e830f3a230f65ac0d5a74cc7cd280a" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="zXaS9XWJ7MikoWbxLUiENphQA/caniO8xufEBmeHJv3VD4wWRoksjfjdvIBxFwFsK/uhbKCHKluBu3M/hqy2mg==" /></div><button class="btn-link js-clone-selector" data-protocol="subversion" type="submit">Subversion</button></form>.
|
|
||||||
<a href="https://help.github.com/articles/which-remote-url-should-i-use" class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
|
|
||||||
<span class="octicon octicon-question"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<a href="https://windows.github.com" class="btn btn-sm sidebar-button" title="Save ChristophAnastasiades/Lingulo-Responsive-Tutorial to your computer and use it in GitHub Desktop." aria-label="Save ChristophAnastasiades/Lingulo-Responsive-Tutorial to your computer and use it in GitHub Desktop.">
|
|
||||||
<span class="octicon octicon-desktop-download"></span>
|
|
||||||
Clone in Desktop
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/archive/master.zip"
|
|
||||||
class="btn btn-sm sidebar-button"
|
|
||||||
aria-label="Download the contents of ChristophAnastasiades/Lingulo-Responsive-Tutorial as a zip file"
|
|
||||||
title="Download the contents of ChristophAnastasiades/Lingulo-Responsive-Tutorial as a zip file"
|
|
||||||
rel="nofollow">
|
|
||||||
<span class="octicon octicon-cloud-download"></span>
|
|
||||||
Download ZIP
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/blob/3d7096a889458d06d75e788c40645a05f0c1e461/css/reset.css" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>
|
|
||||||
|
|
||||||
<!-- blob contrib key: blob_contributors:v21:402c93b03e5a69c8f5d6ba39bcadae38 -->
|
|
||||||
|
|
||||||
<div class="file-navigation js-zeroclipboard-container">
|
|
||||||
|
|
||||||
<div class="select-menu js-menu-container js-select-menu left">
|
|
||||||
<button class="btn btn-sm select-menu-button js-menu-target css-truncate" data-hotkey="w"
|
|
||||||
title="master"
|
|
||||||
type="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
|
|
||||||
<i>Branch:</i>
|
|
||||||
<span class="js-select-button css-truncate-target">master</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">
|
|
||||||
|
|
||||||
<div class="select-menu-modal">
|
|
||||||
<div class="select-menu-header">
|
|
||||||
<span class="select-menu-title">Switch branches/tags</span>
|
|
||||||
<span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="select-menu-filters">
|
|
||||||
<div class="select-menu-text-filter">
|
|
||||||
<input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
|
|
||||||
</div>
|
|
||||||
<div class="select-menu-tabs">
|
|
||||||
<ul>
|
|
||||||
<li class="select-menu-tab">
|
|
||||||
<a href="#" data-tab-filter="branches" data-filter-placeholder="Filter branches/tags" class="js-select-menu-tab" role="tab">Branches</a>
|
|
||||||
</li>
|
|
||||||
<li class="select-menu-tab">
|
|
||||||
<a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">
|
|
||||||
|
|
||||||
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
|
|
||||||
|
|
||||||
|
|
||||||
<a class="select-menu-item js-navigation-item js-navigation-open selected"
|
|
||||||
href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/blob/master/css/reset.css"
|
|
||||||
data-name="master"
|
|
||||||
data-skip-pjax="true"
|
|
||||||
rel="nofollow">
|
|
||||||
<span class="select-menu-item-icon octicon octicon-check"></span>
|
|
||||||
<span class="select-menu-item-text css-truncate-target" title="master">
|
|
||||||
master
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="select-menu-no-results">Nothing to show</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
|
|
||||||
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="select-menu-no-results">Nothing to show</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="btn-group right">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/find/master"
|
|
||||||
class="js-show-file-finder btn btn-sm empty-icon tooltipped tooltipped-nw"
|
|
||||||
data-pjax
|
|
||||||
data-hotkey="t"
|
|
||||||
aria-label="Quickly jump between files">
|
|
||||||
<span class="octicon octicon-list-unordered"></span>
|
|
||||||
</a>
|
|
||||||
<button aria-label="Copy file path to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="breadcrumb js-zeroclipboard-target">
|
|
||||||
<span class="repo-root js-repo-root"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial" class="" data-branch="master" data-pjax="true" itemscope="url"><span itemprop="title">Lingulo-Responsive-Tutorial</span></a></span></span><span class="separator">/</span><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/tree/master/css" class="" data-branch="master" data-pjax="true" itemscope="url"><span itemprop="title">css</span></a></span><span class="separator">/</span><strong class="final-path">reset.css</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="commit-tease">
|
|
||||||
<span class="right">
|
|
||||||
<a class="commit-tease-sha" href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/commit/8e4bca341346d75da90db55a12c0e57ddef772ed" data-pjax>
|
|
||||||
8e4bca3
|
|
||||||
</a>
|
|
||||||
<time datetime="2014-08-26T14:06:32Z" is="relative-time">Aug 26, 2014</time>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<img alt="@ChristophAnastasiades" class="avatar" height="20" src="https://avatars1.githubusercontent.com/u/6797181?v=3&s=40" width="20" />
|
|
||||||
<a href="/ChristophAnastasiades" class="user-mention" rel="author">ChristophAnastasiades</a>
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/commit/8e4bca341346d75da90db55a12c0e57ddef772ed" class="message" data-pjax="true" title="New responsive navigation, updated directory structure
|
|
||||||
|
|
||||||
Signed-off-by: Christoph Anastasiades <info@gokroko.de>">New responsive navigation, updated directory structure</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="commit-tease-contributors">
|
|
||||||
<a class="muted-link contributors-toggle" href="#blob_contributors_box" rel="facebox">
|
|
||||||
<strong>1</strong>
|
|
||||||
contributor
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="blob_contributors_box" style="display:none">
|
|
||||||
<h2 class="facebox-header" data-facebox-id="facebox-header">Users who have contributed to this file</h2>
|
|
||||||
<ul class="facebox-user-list" data-facebox-id="facebox-description">
|
|
||||||
<li class="facebox-user-list-item">
|
|
||||||
<img alt="@ChristophAnastasiades" height="24" src="https://avatars3.githubusercontent.com/u/6797181?v=3&s=48" width="24" />
|
|
||||||
<a href="/ChristophAnastasiades">ChristophAnastasiades</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="file">
|
|
||||||
<div class="file-header">
|
|
||||||
<div class="file-actions">
|
|
||||||
|
|
||||||
<div class="btn-group">
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/raw/master/css/reset.css" class="btn btn-sm " id="raw-url">Raw</a>
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/blame/master/css/reset.css" class="btn btn-sm js-update-url-with-hash">Blame</a>
|
|
||||||
<a href="/ChristophAnastasiades/Lingulo-Responsive-Tutorial/commits/master/css/reset.css" class="btn btn-sm " rel="nofollow">History</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a class="octicon-btn tooltipped tooltipped-nw"
|
|
||||||
href="https://windows.github.com"
|
|
||||||
aria-label="Open this file in GitHub Desktop"
|
|
||||||
data-ga-click="Repository, open with desktop, type:windows">
|
|
||||||
<span class="octicon octicon-device-desktop"></span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<button type="button" class="octicon-btn disabled tooltipped tooltipped-nw"
|
|
||||||
aria-label="You must be signed in to make or propose changes">
|
|
||||||
<span class="octicon octicon-pencil"></span>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="octicon-btn octicon-btn-danger disabled tooltipped tooltipped-nw"
|
|
||||||
aria-label="You must be signed in to make or propose changes">
|
|
||||||
<span class="octicon octicon-trashcan"></span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="file-info">
|
|
||||||
1 lines (1 sloc)
|
|
||||||
<span class="file-info-divider"></span>
|
|
||||||
1.03 KB
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="blob-wrapper data type-css">
|
|
||||||
<table class="highlight tab-size js-file-line-container" data-tab-size="8">
|
|
||||||
<tr>
|
|
||||||
<td id="L1" class="blob-num js-line-number" data-line-number="1"></td>
|
|
||||||
<td id="LC1" class="blob-code blob-code-inner js-file-line">/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" style="display:none">Jump to Line</a>
|
|
||||||
<div id="jump-to-line" style="display:none">
|
|
||||||
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="" class="js-jump-to-line-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
|
|
||||||
<input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line…" aria-label="Jump to line" autofocus>
|
|
||||||
<button type="submit" class="btn">Go</button>
|
|
||||||
</form></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-backdrop"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="site-footer" role="contentinfo">
|
|
||||||
<ul class="site-footer-links right">
|
|
||||||
<li><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
|
|
||||||
<li><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
|
|
||||||
<li><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
|
|
||||||
<li><a href="https://shop.github.com" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
|
|
||||||
<li><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
|
|
||||||
<li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>
|
|
||||||
<li><a href="https://github.com/pricing" data-ga-click="Footer, go to pricing, text:pricing">Pricing</a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<a href="https://github.com" aria-label="Homepage">
|
|
||||||
<span class="mega-octicon octicon-mark-github" title="GitHub"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="site-footer-links">
|
|
||||||
<li>© 2015 <span title="0.03851s from github-fe120-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
|
|
||||||
<li><a href="https://github.com/site/terms" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
|
|
||||||
<li><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
|
|
||||||
<li><a href="https://github.com/security" data-ga-click="Footer, go to security, text:security">Security</a></li>
|
|
||||||
<li><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact</a></li>
|
|
||||||
<li><a href="https://help.github.com" data-ga-click="Footer, go to help, text:help">Help</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="ajax-error-message" class="flash flash-error">
|
|
||||||
<span class="octicon octicon-alert"></span>
|
|
||||||
<button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
|
|
||||||
<span class="octicon octicon-x"></span>
|
|
||||||
</button>
|
|
||||||
Something went wrong with that request. Please try again.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-161cec7f4cb9a187f66c2ecb8f59c9098e2ad64458af917ec72f9d61d6b8089b.js"></script>
|
|
||||||
<script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-e86725a26cd06610bcb4eb0595c577ff55ce0278be0e917357c284057de00c04.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner hidden">
|
|
||||||
<span class="octicon octicon-alert"></span>
|
|
||||||
<span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
|
|
||||||
<span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
14
script.js
14
script.js
@ -1,14 +0,0 @@
|
|||||||
( function( $ ) {
|
|
||||||
$( document ).ready(function() {
|
|
||||||
$('#cssmenu').prepend('<div id="menu-button">Menu</div>');
|
|
||||||
$('#cssmenu #menu-button').on('click', function(){
|
|
||||||
var menu = $(this).next('ul');
|
|
||||||
if (menu.hasClass('open')) {
|
|
||||||
menu.removeClass('open');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
menu.addClass('open');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
} )( jQuery );
|
|
||||||
25
site.html
25
site.html
@ -1,25 +0,0 @@
|
|||||||
<!DOCTYPE HTML>
|
|
||||||
<html><head>
|
|
||||||
<title>Status Gateway rola1</title>
|
|
||||||
<meta http-equiv="content-type" content="text/html">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="main.css" type="text/css" media="screen">
|
|
||||||
<script src="script.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
</head><body>
|
|
||||||
<div id="wrapper">
|
|
||||||
<div id="kopf">
|
|
||||||
</div>
|
|
||||||
<div id="bodybox">
|
|
||||||
<?php
|
|
||||||
include 'navh.html';
|
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
329
styles.css
329
styles.css
@ -1,329 +0,0 @@
|
|||||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
|
|
||||||
#cssmenu,
|
|
||||||
#cssmenu ul,
|
|
||||||
#cssmenu ul li,
|
|
||||||
#cssmenu ul li a,
|
|
||||||
#cssmenu #menu-button {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
list-style: none;
|
|
||||||
line-height: 1;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
#cssmenu:after,
|
|
||||||
#cssmenu > ul:after {
|
|
||||||
content: ".";
|
|
||||||
display: block;
|
|
||||||
clear: both;
|
|
||||||
visibility: hidden;
|
|
||||||
line-height: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
#cssmenu #menu-button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#cssmenu {
|
|
||||||
width: auto;
|
|
||||||
font-family: 'Open Sans', Helvetica, sans-serif;
|
|
||||||
background: #39b1cc;
|
|
||||||
background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
|
|
||||||
background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
|
|
||||||
background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
|
|
||||||
background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
|
|
||||||
background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
|
|
||||||
}
|
|
||||||
#cssmenu > ul {
|
|
||||||
background: url('images/bg.png');
|
|
||||||
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
#cssmenu.align-right > ul > li {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li {
|
|
||||||
float: left;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
#cssmenu.align-center > ul {
|
|
||||||
float: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#cssmenu.align-center > ul > li {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
#cssmenu.align-center ul ul {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li > a {
|
|
||||||
padding: 18px 25px 21px 25px;
|
|
||||||
border-right: 1px solid rgba(80, 80, 80, 0.12);
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #d3eced;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li:hover > a,
|
|
||||||
#cssmenu > ul > li > a:hover,
|
|
||||||
#cssmenu > ul > li.active > a {
|
|
||||||
color: #ffffff;
|
|
||||||
background: #32a9c3;
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li.has-sub > a {
|
|
||||||
padding-right: 45px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li.has-sub > a::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border: 6px solid transparent;
|
|
||||||
border-top-color: #d3eced;
|
|
||||||
right: 17px;
|
|
||||||
top: 22px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li.has-sub.active > a::after,
|
|
||||||
#cssmenu > ul > li.has-sub:hover > a {
|
|
||||||
border-top-color: #ffffff;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul {
|
|
||||||
position: absolute;
|
|
||||||
left: -9999px;
|
|
||||||
top: 60px;
|
|
||||||
padding-top: 6px;
|
|
||||||
font-size: 13px;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
|
|
||||||
-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
|
|
||||||
-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
|
|
||||||
-o-transition: top 0.2s ease, opacity 0.2s ease-in;
|
|
||||||
transition: top 0.2s ease, opacity 0.2s ease-in;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li > ul::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border: 5px solid transparent;
|
|
||||||
border-bottom-color: #ffffff;
|
|
||||||
top: -4px;
|
|
||||||
left: 20px;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right > ul > li > ul::after {
|
|
||||||
left: auto;
|
|
||||||
right: 20px;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul ul::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border: 5px solid transparent;
|
|
||||||
border-right-color: #ffffff;
|
|
||||||
top: 11px;
|
|
||||||
left: -4px;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul ul::after {
|
|
||||||
border-right-color: transparent;
|
|
||||||
border-left-color: #ffffff;
|
|
||||||
left: auto;
|
|
||||||
right: -4px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li > ul {
|
|
||||||
top: 120px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li:hover > ul {
|
|
||||||
top: 52px;
|
|
||||||
left: 0;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right > ul > li:hover > ul {
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul ul {
|
|
||||||
padding-top: 0;
|
|
||||||
padding-left: 6px;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul ul {
|
|
||||||
padding-right: 6px;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul > li:hover > ul {
|
|
||||||
left: 180px;
|
|
||||||
top: 0;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul > li:hover > ul {
|
|
||||||
left: auto;
|
|
||||||
right: 100%;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li a {
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 400;
|
|
||||||
padding: 11px 25px;
|
|
||||||
width: 180px;
|
|
||||||
# color: #777777;
|
|
||||||
color: #ffffff;
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
background: #32a9c3;
|
|
||||||
|
|
||||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li:hover > a,
|
|
||||||
#cssmenu ul ul li.active > a {
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li:first-child > a {
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li:last-child > a {
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li > ul::after {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li.has-sub > a::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border: 4px solid transparent;
|
|
||||||
border-left-color: #777777;
|
|
||||||
right: 17px;
|
|
||||||
top: 14px;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul li.has-sub > a::after {
|
|
||||||
border-left-color: transparent;
|
|
||||||
border-right-color: #777777;
|
|
||||||
right: auto;
|
|
||||||
left: 17px;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li.has-sub.active > a::after,
|
|
||||||
#cssmenu ul ul li.has-sub:hover > a::after {
|
|
||||||
border-left-color: #333333;
|
|
||||||
}
|
|
||||||
#cssmenu.align-right ul ul li.has-sub.active > a::after,
|
|
||||||
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
|
|
||||||
border-right-color: #333333;
|
|
||||||
border-left-color: transparent;
|
|
||||||
}
|
|
||||||
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
|
|
||||||
#cssmenu {
|
|
||||||
background: #39b1cc;
|
|
||||||
}
|
|
||||||
#cssmenu > ul {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#cssmenu > ul.open {
|
|
||||||
display: block;
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
#cssmenu.align-right > ul {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
#cssmenu.align-center > ul {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li,
|
|
||||||
#cssmenu.align-right > ul > li {
|
|
||||||
float: none;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li > a {
|
|
||||||
padding: 18px 25px 18px 25px;
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li:hover > a,
|
|
||||||
#cssmenu > ul > li.active > a {
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
#cssmenu #menu-button {
|
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #d3eced;
|
|
||||||
padding: 18px 25px 18px 25px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
background: url('images/bg.png');
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul,
|
|
||||||
#cssmenu ul li:hover > ul,
|
|
||||||
#cssmenu > ul > li > ul,
|
|
||||||
#cssmenu ul ul ul,
|
|
||||||
#cssmenu ul ul li:hover > ul,
|
|
||||||
#cssmenu.align-right ul ul,
|
|
||||||
#cssmenu.align-right ul li:hover > ul,
|
|
||||||
#cssmenu.align-right > ul > li > ul,
|
|
||||||
#cssmenu.align-right ul ul ul,
|
|
||||||
#cssmenu.align-right ul ul li:hover > ul {
|
|
||||||
left: 0;
|
|
||||||
right: auto;
|
|
||||||
top: auto;
|
|
||||||
opacity: 1;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li a {
|
|
||||||
width: 100%;
|
|
||||||
box-shadow: none;
|
|
||||||
padding-left: 35px;
|
|
||||||
background: rgba(0, 0, 0, 0.0);
|
|
||||||
}
|
|
||||||
#cssmenu ul ul ul li a {
|
|
||||||
padding-left: 45px;
|
|
||||||
}
|
|
||||||
#cssmenu ul ul li:first-child > a,
|
|
||||||
#cssmenu ul ul li:last-child > a {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
#cssmenu #menu-button::after {
|
|
||||||
display: block;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
height: 3px;
|
|
||||||
width: 22px;
|
|
||||||
border-top: 2px solid #d3eced;
|
|
||||||
border-bottom: 2px solid #d3eced;
|
|
||||||
right: 25px;
|
|
||||||
top: 18px;
|
|
||||||
}
|
|
||||||
#cssmenu #menu-button::before {
|
|
||||||
display: block;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
height: 3px;
|
|
||||||
width: 22px;
|
|
||||||
border-top: 2px solid #d3eced;
|
|
||||||
right: 25px;
|
|
||||||
top: 28px;
|
|
||||||
}
|
|
||||||
#cssmenu > ul > li.has-sub > a::after,
|
|
||||||
#cssmenu ul ul li.has-sub > a::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
Template für das Monitoring
|
|
||||||
Loading…
Reference in New Issue
Block a user