From: Frédéric Péters Date: Sun, 22 Sep 2013 11:48:49 +0000 (+0200) Subject: unorder X-Git-Url: https://git.0d.be/?p=panikweb.git;a=commitdiff_plain;h=5e0671e1593eb1431ea7676fad38fafd1a57d8d2 unorder --- diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css index 959e157..490c110 100644 --- a/panikweb_templates/static/css/specifics.css +++ b/panikweb_templates/static/css/specifics.css @@ -185,6 +185,66 @@ body{ background: #333; color: white; } +#Changing{ + padding-bottom:100px; +} +#Main{ + color:#333; + background-color: white; +} +#Main >.wrapper{ + padding-bottom:2em; +} +#Home #Main{ + min-height:0; +} +#Changing a:hover,#Changing button:hover { + opacity:0.6; + text-decoration:none; +} +/* GLOBAL SITE NAV */ +#userLog{ + z-index:2000; + position: fixed; + bottom: 0px; + right: 0px; +} +#userLog .log{ + margin:0.3em; + -moz-box-shadow: 0px 0px 3px #000; + -webkit-box-shadow: 0px 0px 3px #000; + box-shadow: 0px 0px 3px #000; + border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; + text-align:center; + padding: 0.3em; + font-size:0.9em; + color:black; + background-color:orange; + border: 2px solid black; + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent); +} +#userLog .log.info{ + background-color:grey; + color:white; +} +#userLog .log.ok{ + background-color:green; + border-color:black; + color:white; +} +#userLog .log.error{ + background-color:orange; + border-color:yellow; +} +#main {} +#mainLegend{ + width:30%; + text-align:right; + float:right; + padding:1em; +} + + /****************************************************/ /**** metaNAV ****/ /****************************************************/ @@ -232,6 +292,24 @@ body{ #metaNav .iconLabel {display:none;} #metaNav ul li a span.nav-icon { display: inline-block; } } + +#Footer{ + border-top:2px solid #333; + background:#333; + color:white; + padding-top: 2em; +} + +#Footer ul { +} + +#Footer ul li { + padding-right: 2em; +} + +#Footer a:hover { + opacity:0.6; +} /****************************************************/ /**** HEADER ****/ /****************************************************/ @@ -257,6 +335,61 @@ body{ background-color:#eee; color:#000; } +/****************************************************/ +/**** SCREEN NAV ****/ +#Nav{ + background:#3333FF; +} +#Nav a:hover,#Nav button:hover { +} +#Nav nav{padding:0.1em;} +/*#Nav form{background:#800000;}*/ +#Nav input{color:#333;} +#Nav ul li button, +#Nav ul li a { + border-width:0 0 2px 0; + border-style: solid; + border-color: transparent; +} + +#Nav .active,#Nav .icon-check,#Nav .active *{ + font-weight:bold; + background: white; + color:#3333FF; + padding:0.3em; +} +#Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;} + +#Nav nav{ + margin:0; +} +#Nav h2{ + margin:0; + padding:0; +} +#Nav nav ul{ + margin:1em 0 1em 0; +} + +#Nav li a{ + display: inline-block; + padding: 0 0.5em 0 0.5em; +} +#Nav nav ul.distributed li {padding: 0;} + +#fiber-nav{ + font-size:150%; + border-width:2px 0 2px 0;border-style:solid; +} +#fiber-nav li, #fiber-nav li a{ + display:block; +} +#fiber-nav ul{ + padding:0.5em; +} +#fiber-nav li a{ + padding:0.5em; +} /****************************************************/ @@ -452,144 +585,6 @@ body{ } } -/****************************************************/ -/**** #Changing #Footer ... ****/ -/****************************************************/ -#Changing{ - padding-bottom:100px; -} -#Main{ - color:#333; - background-color: white; -} -#Main >.wrapper{ - padding-bottom:2em; -} -#Home #Main{ - min-height:0; -} -#Changing a:hover,#Changing button:hover { - opacity:0.6; - text-decoration:none; -} -/* GLOBAL SITE NAV */ -#userLog{ - z-index:2000; - position: fixed; - bottom: 0px; - right: 0px; -} -#userLog .log{ - margin:0.3em; - -moz-box-shadow: 0px 0px 3px #000; - -webkit-box-shadow: 0px 0px 3px #000; - box-shadow: 0px 0px 3px #000; - border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; - text-align:center; - padding: 0.3em; - font-size:0.9em; - color:black; - background-color:orange; - border: 2px solid black; - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent); -} -#userLog .log.info{ - background-color:grey; - color:white; -} -#userLog .log.ok{ - background-color:green; - border-color:black; - color:white; -} -#userLog .log.error{ - background-color:orange; - border-color:yellow; -} -#main {} -#mainLegend{ - width:30%; - text-align:right; - float:right; - padding:1em; -} - -#Footer{ - border-top:2px solid #333; - background:#333; - color:white; - padding-top: 2em; -} - -#Footer ul { -} - -#Footer ul li { - padding-right: 2em; -} - -#Footer a:hover { - opacity:0.6; -} - -/****************************************************/ -/**** SCREEN NAV ****/ -#Nav{ - background:#3333FF; -} -#Nav a:hover,#Nav button:hover { -} -#Nav nav{padding:0.1em;} -/*#Nav form{background:#800000;}*/ -#Nav input{color:#333;} -#Nav ul li button, -#Nav ul li a { - border-width:0 0 2px 0; - border-style: solid; - border-color: transparent; -} - -#Nav .active,#Nav .icon-check,#Nav .active *{ - font-weight:bold; - background: white; - color:#3333FF; - padding:0.3em; -} -#Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;} - -#Nav nav{ - margin:0; -} -#Nav h2{ - margin:0; - padding:0; -} -#Nav nav ul{ - margin:1em 0 1em 0; -} - -#Nav li a{ - display: inline-block; - padding: 0 0.5em 0 0.5em; -} -#Nav nav ul.distributed li {padding: 0;} - -#fiber-nav{ - font-size:150%; - border-width:2px 0 2px 0;border-style:solid; -} -#fiber-nav li, #fiber-nav li a{ - display:block; -} -#fiber-nav ul{ - padding:0.5em; -} -#fiber-nav li a{ - padding:0.5em; -} - - - /****************************************************/ .inline .link{display:block;padding:1em;}