Commit 604b4e91 authored by Fjen Undso's avatar Fjen Undso
Browse files

adapt.css: reformatting stuff

parent ffe46a87
body { color: #333; }
.pure-img-responsive { max-width: 100%; height: auto; }
.pure-img-responsive {
max-width: 100%;
height: auto;
}
/*
Add transition to containers so they can push in and out.
......@@ -17,10 +20,21 @@ Add transition to containers so they can push in and out.
This is the parent `<div>` that contains the menu and the content area.
Hamburger Menu styles are first, wider @media styles are below.
*/
#layout { position: relative; padding-left: 0; }
#layout.active { position: relative; left: 175px; }
#layout.active #menu { left: 175px; width: 175px; }
#layout.active .menu-link { left: 175px; }
#layout {
position: relative;
padding-left: 0;
}
#layout.active {
position: relative;
left: 175px;
}
#layout.active #menu {
left: 175px;
width: 175px;
}
#layout.active .menu-link {
left: 175px;
}
/*
The content `<div>` is where all your content goes.
......@@ -41,7 +55,11 @@ The content `<div>` is where all your content goes.
padding: 1em 1em 0.5em;
line-height: 90%;
}
#wikitext img { max-width:100%; height:auto; } /*TODO wiki needs to style it*/
#wikitext img {
max-width:100%;
height:auto;
/*TODO wiki needs to style it*/
}
/* links in the content area */
#wikitext a,
#wikitext a:visited {
......@@ -60,15 +78,32 @@ hr { /* make <hr> 1px wide and LUH-green */
border-width: 1px 0 0 0;
}
/* Wiki page actions */
#wikicmds { float:right; white-space:nowrap; font-size:90%; margin-right: 12px;}
#wikicmds a { text-decoration:none; color:#333; border:none; }
#wikicmds a:hover { text-decoration:underline; color:#3a8ad5; }
#wikicmds {
float:right;
white-space:nowrap;
font-size:90%;
margin-right: 12px;
}
#wikicmds a {
text-decoration:none;
color:#333;
border:none;
}
#wikicmds a:hover {
text-decoration:underline;
color:#3a8ad5;
}
/* The headerlogo element is (Site|Group).HeaderLogo TODO */
.headerlogo { border-bottom:1px #ccc solid; }
/* Wiki Header - Logo and Search box */
#wikihead { position:absolute; right:10px; top:80px; font-size:85%; }
#wikihead {
position:absolute;
right:10px;
top:80px;
font-size:85%;
}
#wikihead form { display:none; }
#wikihead input { font-size:85%; }
/* The #wikilogo element is the logo from $PageLogoFmt */
......@@ -86,20 +121,48 @@ a#banner {
}
/*TODO Wikify this*/
.content-subhead { margin: 50px 0 20px 0; font-weight: 300; color: #888;}
.content-subhead {
margin: 50px 0 20px 0;
font-weight: 300;
color: #888;
}
/* Edit Form */
#wikiedit form { margin:0px; width:100%; line-height:1.1em; }
#wikiedit textarea { margin:0px; width:99.5%; height:45em; }
#wikiedit input[type=text] { margin:0px; width:99.5%; }
#wikiedit form {
margin:0px;
width:100%;
line-height:1.1em;
}
#wikiedit textarea {
margin:0px;
width:99.5%;
height:45em;
}
#wikiedit input[type=text] {
margin:0px;
width:99.5%;
}
h2.wikiaction { margin:0px }
.wikimessage { margin-top:3px; margin-bottom:3px; font-style:italic;
color:black; background-color:#ffffcc; padding:2px; }
.wikimessage {
margin-top:3px;
margin-bottom:3px;
font-style:italic;
color:black;
background-color:#ffffcc;
padding:2px;
}
/* For the (Site.)Search page */
.searchbox { margin-right:2px; max-width:100%; }
.searchbox {
margin-right:2px;
max-width:100%;
}
#wikifoot { font-size:80%; padding-top:2em; text-align:center; }
#wikifoot {
font-size:80%;
padding-top:2em;
text-align:center;
}
.footnav a,
.footnav a:visited {
font-weight:normal;
......@@ -177,17 +240,17 @@ how it works:
small screens.
*/
.menu-link {
position: fixed;
display: block; /* show this only on small screens */
top: 0;
left: 0; /* "#menu width" */
background: #000;
background: rgba(0,0,0,0.7);
font-size: 10px; /* change this value to increase/decrease button size */
z-index: 10;
width: 2em;
height: auto;
padding: 2.1em 1.6em;
position: fixed;
display: block; /* show this only on small screens */
top: 0;
left: 0; /* "#menu width" */
background: #000;
background: rgba(0,0,0,0.7);
font-size: 10px; /* change this value to increase/decrease button size */
z-index: 10;
width: 2em;
height: auto;
padding: 2.1em 1.6em;
}
.menu-link:hover,
.menu-link:focus {
......@@ -221,29 +284,43 @@ will disappear and the Side Menu for larger displays will be visible.
/* Hide the menu at `48em`, but modify this based on your app's needs. */
@media (min-width: 48em) {
#menu .sidesearch { display: none; }
#wikilogo { text-align:left;}
a#banner {
background: url(/pub/skins/adapt4finf/finf-luh-desktop.png) no-repeat;
width: 900px;
height: 100px;
}
#wikihead form { margin-top: 0.3em; display:block; }
.title,
.content { padding-left: 2em; padding-right: 2em; }
/* width of the left (menu) column */
#layout { padding-left: 175px; left: 0; }
#menu { left: 175px; border-right: 1px solid #ccc;}
.menu-link {
position: fixed; left: 175px; display: none; }
#layout.active .menu-link { left: 175px; }
#menu .sidesearch { display: none; }
#wikilogo { text-align:left;}
a#banner {
background: url(/pub/skins/adapt4finf/finf-luh-desktop.png) no-repeat;
width: 900px;
height: 100px;
}
#wikihead form {
margin-top: 0.3em;
display:block;
}
.title,
.content {
padding-left: 2em;
padding-right: 2em;
}
/* width of the left (menu) column */
#layout {
padding-left: 175px;
left: 0;
}
#menu {
left: 175px;
border-right: 1px solid #ccc;
}
.menu-link {
position: fixed;
left: 175px;
display: none;
}
#layout.active .menu-link { left: 175px; }
}
@media print {
#menu, #wikihead, #wikilogo { display:none; }
.headerlogo, .content, .title {
margin-left: -175px; }
#menu, #wikihead, #wikilogo { display:none; }
.headerlogo, .content, .title {
margin-left: -175px;
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment