public/stylesheets/default.css in parlement-0.12 vs public/stylesheets/default.css in parlement-0.13

- old
+ new

@@ -65,12 +65,11 @@ _font-size: medium; _font-weight: bolder; } #elt_parlement > form > .created_on, #elt_parlement > .knobOpened, #elt_parlement > * > h1 a, #elt_fr > form > .created_on, #elt_fr > .knobOpened, -#elt_fr > * > h1 a { - display: none; } +#elt_fr > * > h1 a { display: none; } legend, a:link, select, input[type='Button'], input[type='submit'] { color: #3b76ae; } a:visited { color: #1b568e; } a:hover, a:active, select:hover, input[type='Button']:hover, input[type='submit']:hover { color: purple; } a:active, input[type='Button']:active, input[type='submit']:active { color: orange; } @@ -134,10 +133,14 @@ /* _ _ _ ___(_) __| | ___| |__ __ _ _ __ / __| |/ _` |/ _ \ '_ \ / _` | '__| \__ \ | (_| | __/ |_) | (_| | | |___/_|\__,_|\___|_.__/ \__,_|_| */ +#spinner img { + position: absolute; + right: 4.5%; + top: 3em; } .sidebar, .links { text-align: center; background: white; width: 30%; } .links { @@ -166,80 +169,87 @@ font-size: larger; font-weight: bolder; letter-spacing: 0.5em; } .signets { font-size: smaller; } -.boxTitle { - color: #ff4; - text-align: left; - font-size: medium; - font-weight: bolder; - padding: 0.3em 0.6em; - border: outset thin #3b76ae; - background: #3b76ae url(/images/Sleep-Deprivation-5.JPG); } .box { - padding: 1px; background: #ccc; font-size: smaller; margin-bottom: 1em; padding-bottom: 0.5em; border: outset thin #ccc; border-top: none; } +.boxTitle { + color: #ff4; + text-align: left; + font-size: medium; + font-weight: bolder; + padding: 0.3em 0.6em; + background: #3b76ae url(/images/Sleep-Deprivation-5.JPG); } +.feed { + width: 28px; + height: 28px; + float: right; + margin: 1px 5px 0 0; } +.feed img { max-width: 100%; } .boxLine { text-align: left; margin-left: 1em; } .boxLineR { text-align: right; padding-right: 1em; } .boxMore { text-align: right; font-weight: bolder; } +.box .filter { display: none; } +.box:hover .filter { display: inline; } -#identity form { display: block; } -#identity #edit, #identity iframe { display: none; } -#identity:hover #edit { display: block; } -#identity fieldset#edit { +.identity form { display: block; } +.identity #edit, .identity iframe { display: none; } +.identity:hover #edit { display: block; } +.identity fieldset#edit { border: solid thin yellow; padding: 0.5em 0; margin: 0.5em 0; } -#identity fieldset#edit label { color: #3b76ae; } +.identity fieldset#edit label { color: #3b76ae; } img.avatar { float: left; width: auto; max-width: 30%; _max-width: none; margin-right: 1em; } -#identity img.avatar { +.identity img.avatar { float: none; margin: 0 auto; display: block; max-width: 90%; _max-width: none; width: expression((offsetWidth > document.body.offsetWidth*0.3) ? "100%" : offsetWidth); } +.elt .identity img.avatar { float: left; } -#filter { +#filter select { border: none; text-align: center; } form#filterForm a { font-size: larger; font-weight: bolder; } form#filterForm input[type='submit'] { display: none; } -div.listByDate ul, div.listByVote ul { +#listByDate ul, #listByVote ul { margin: 0 3px; padding: 0; } -div#listByDate li.boxLine, div#listByVote li.boxLine { +#listByDate ul li.boxLine, #listByVote ul li.boxLine { background: none; border-bottom: solid 1px #fd8; } -div#listByDate .created_on, div#listByVote .created_on { display: none; } -div#listByDate .author, div#listByVote .author { font-size: smaller; } -div#listByDate .result, div#listByVote .result { +#listByDate .created_on, #listByVote .created_on { display: none; } +#listByDate .author, #listByVote .author { font-size: smaller; } +#listByDate .result, #listByVote .result { font-weight: bolder; float: right; color: blue; } -div#subscription + .boxLine + .boxLineR { font-size: smaller; } +div#listSubscribers .boxLineR { font-size: smaller; } .box h4 { margin: 0; padding: 0; color: #333; @@ -415,30 +425,24 @@ .knobOpened, .knobClosed { font-family: sans-serif; border: solid 1px #fd8; text-decoration: none; font-weight: bolder; - position: absolute; - background: white; - margin-left: -2%; } + background: white; } +.knobOpened {; + margin-left: -16px; + position: absolute; } .knobOpened:link, .knobOpened:visited, .knobClosed:link, .knobClosed:visited { color: orange; } -.closed ul.eltSub, .closed ul.eltNew { display: block; } +.closed .knobOpened, .elt .knobClosed, +.closed form, .closed ul.eltSub, .closed ul.eltNew, .closed .eltSubsClose { display: none; } -.knobClosed, .closed .knobOpened, .opened .knobClosed, .closed .opened .knobClosed, -.closed p, .closed pre, .closed blockquote, .closed ol, .closed hr, .closed ul, -.closed img, .closed label, .closed .result, .closed div.tooLarge, -.closed .eltQuickAdd, .closed .author { - display: none; } -.knobOpened, .closed .knobClosed, .opened .knobOpened, .opened p, .opened pre, -.opened blockquote, .opened ol, .opened hr, .opened ul, .opened img, .opened div.tooLarge, -.opened .eltQuickAdd { - display: block; } -.opened label, .opened .result, .opened .author { display: inline; } - -.closed { color: #ddd; } -.closed .opened { color: black; } +.closed, .closed .knobClosed { + position: relative; + background: white; + display: inline; + right: 8px; } /* _ _ _ __ ___ ___ ____ | |__ ___ _ __ __| | ___ _ __ | '_ ` _ \ / _ \_ /____| '_ \ / _ \| '__/ _` |/ _ \ '__| | | | | | | (_) / /_____| |_) | (_) | | | (_| | __/ |