You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.1 KiB
76 lines
1.1 KiB
body{
|
|
min-width: 900px;
|
|
}
|
|
|
|
/* GENERAL RULES */
|
|
|
|
/* main title element that says "in feedmode" */
|
|
h1 em.feedmode{
|
|
color: darkorchid;
|
|
}
|
|
|
|
/* navigation */
|
|
div#nav{
|
|
position: fixed;
|
|
width: calc(100% - 1em);
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
}
|
|
div#nav h1{
|
|
position: absolute;
|
|
width: auto;
|
|
line-height: 0;
|
|
margin: 0.75em 15px;
|
|
float: left;
|
|
font-size: 24px;
|
|
}
|
|
div#nav div#buttons{
|
|
margin: 0.5em 15px;
|
|
float: right;
|
|
}
|
|
div#nav input{
|
|
min-width: 300px;
|
|
}
|
|
div#nav input#html{
|
|
min-width: unset;
|
|
}
|
|
div#nav form#update{
|
|
float: left;
|
|
margin: 0.5em 15px 0 300px;
|
|
}
|
|
|
|
/* iframe rules */
|
|
iframe{
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
/* main content area */
|
|
div#wrapper{
|
|
/* pages with an iframe are on fixed mode */
|
|
position: fixed;
|
|
top: 50px;
|
|
left: 25px;
|
|
width: calc(100vw - 25px - 25px);
|
|
height: calc(100vh - 50px - 25px);
|
|
}
|
|
div#wrapper.scroll{
|
|
/* the HTML page is on scroll mode */
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 5em 0 0 0;
|
|
}
|
|
|
|
/* Z-INDEX */
|
|
|
|
div#wrapper,
|
|
div.pagedjs_pages{
|
|
z-index: 1;
|
|
}
|
|
div#nav{
|
|
z-index: 11;
|
|
}
|