paul/yavsc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactorisation des thèmes

Browse Source 
La disposition des elements de la page est maintenant commune à tous les thèmes.
On pourra la spécialiser, mais le depart se fait sur une base agréable,
en couleurs non spécifiées (les couleurs par défaut du navigateur),
sauf pour les messages d'erreur qui sont définis en rouge,
et ala responsive design.

* style.css:
* style.css: Ne contient plus que ce qui concerne les couleurs et
  images

* font-awesome.css: Il parait plus sage de spécifier des Url absolues
  vers les polices de caractère.

* style.css: Réccupère du thème sombre tout ce qui ne concerne pas la
  couleur, pour en faire profiter tous les thèmes.

* Web.csproj: Ajoute le style du thème clair au projet.

* style.tablesorter.css: ce fichier est obsolete et va disparaitre.
This commit is contained in:
Paul Schneider
2015-11-23 14:06:23 +01:00
parent d430d73915
commit ca98af1611
7 changed files with 244 additions and 455 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
web/App_Themes/blue/style.css → web/App_Themes/blue/style.tablesorter.css
View File

283
web/App_Themes/clear/style.css
View File

@ -2,13 +2,9 @@
body { body {
background-color: grey; background-color: grey;
color: #303030; color: #303030;
font-family: 'Arial', cursive;
padding: 0;
margin: 0;
} }
.tagname { color: #D0FFD0; } .tagname { color: #D0FFD0; }
.tagname+.tagname:before { content: ', '; } .tagname:hover { background-color: red; }
.tagname:hover { background-color: red; cursor:pointer; }
/* Start by setting display:none to make this hidden. /* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window Then we position it in relation to the viewport window
@ -16,116 +12,46 @@ body {
for themselves. Background we set to 80% white with for themselves. Background we set to 80% white with
our animation centered, and no-repeating */ our animation centered, and no-repeating */
.modal { .modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 ) background: rgba( 255, 255, 255, .8 )
url('/App_Themes/images/FhHRx.gif') url('/App_Themes/images/FhHRx.gif')
50% 50% 50% 50%
no-repeat; no-repeat;
overflow: auto;
} }
.dispmodal {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
}
body.loading {
overflow: hidden;
}
body.loading .modal {
display: block;
}
.iconsmall { max-height: 1.3em; max-width: 1.3em; }
input, textarea, checkbox { input, textarea, checkbox {
color: #FFA0A0; color: #FFA0A0;
background-color: black; background-color: black;
} }
.post .photo { max-width: 100%; }
.blogbanner { float: left; top:0; }
.subtitle { font-size:small; font-style: italic; }
header { header {
transition: margin 2s, padding 2s;
padding: 0;
margin: 0;
display: block;
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 0 repeat fixed; background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 0 repeat fixed;
} }
#logo { #logo {
padding: 0;
margin: 0;
min-height: 12em;
background: url("/App_Themes/images/logo.s.png") 1em 1em no-repeat fixed; background: url("/App_Themes/images/logo.s.png") 1em 1em no-repeat fixed;
} }
h1, h2, h3 { background-color: rgba(256,256,256,.5); } h1, h2, h3 { background-color: rgba(256,256,256,.5); }
nav { nav {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 10em repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 10em repeat fixed ;
justify-content: space-around;
} }
nav li { display: inline-block; } nav li { display: inline-block; }
main { main {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
background: url("/App_Themes/images/musician-923526_1.nbbi.jpg") 50% 20em repeat fixed ; background: url("/App_Themes/images/musician-923526_1.nbbi.jpg") 50% 20em repeat fixed ;
} }
footer { footer {
transition: margin 2s, padding 2s;
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 30em repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 30em repeat fixed ;
margin: 0;
margin-top: 2em;
padding: 2em;
display: block;
clear: both;
font-size: smaller;
justify-content: space-around;
}
footer {
border-radius:1em;
padding:1em;
} }
legend { legend {
border-radius:5px;
padding:.5em;
background-color: rgba(240,240,240,.5); background-color: rgba(240,240,240,.5);
} }
#copyr { text-align: center; display: block; background-color: rgba(250,250,250,.8); } #copyr { background-color: rgba(250,250,250,.8); }
footer p { display:inline-block; }
footer img { max-height: 3em; vertical-align: middle; }
a img, h1 img, .menuitem img { vertical-align: middle; }
#gspacer { #gspacer {
background-color: rgba(209,209,209,.8); background-color: rgba(209,209,209,.8); }
border-radius:1em;
margin:1em; padding:1em; display: inline-block }
form { form {
background-color: rgba(150,150,256,0.8); background-color: rgba(150,150,256,0.8);
@ -133,128 +59,47 @@ form {
fieldset { fieldset {
background-color: rgba(216,216,256,0.8); background-color: rgba(216,216,256,0.8);
border-radius:5px; border: solid 1px #000060;
} }
.post video, .post img {
max-width:100%;
max-height:75%;
padding: 1em;
}
aside {
display: inline-block;
float: right;
max-width: 40em;
}
.postpreview { .postpreview {
display: inline-block;
padding: 1em;
background-color: rgba(233,233,233,0.8); background-color: rgba(233,233,233,0.8);
border-radius:1em;
max-width: 100%;
}
img.postpreviewphoto, .postpreview video, .postpreview img {
padding: 1em;
width: 100%;
} }
.post { .post {
display:block;
padding: 1em;
background-color: rgba(256,256,256,0.8); background-color: rgba(256,256,256,0.8);
border-radius:1em;
} }
.hiddenpost { background-color: rgba(160,160,160,0.5); } .hiddenpost { background-color: rgba(160,160,160,0.5); }
.fullwidth { width: 100%; }
textarea.fullwidth { min-height:10em; }
a { color: rgb(0,56,0); } a { color: rgb(0,56,0); }
a:hover {
background-color: rgba(160,160,160,.7); a:hover { background-color: rgba(160,160,160,.7); }
}
footer a { footer a {
transition: margin 2s, padding 2s;
border-radius:1em;
margin:1em;
padding:1em;
text-decoration: none;
display:inline-block;
color: black; color: black;
font-weight: bold;
border: solid black 1px;
background-color: rgba(220,220,220,.8); background-color: rgba(220,220,220,.8);
cursor: pointer;
font-family: 'Arial', cursive;
} }
.panel { max-width: 24em; display:inline-block; padding: 1em; }
.panel,.bshpanel, aside { .panel,.bshpanel, aside {
background-color: rgba(200,200,200,.8); background-color: rgba(200,200,200,.8);
border-radius: 1em;
padding: 1em;
} }
.spanel {
max-width: 18em;
display: inline-block;
padding: .3em;
}
.xspanel {
max-width:13em;
display: inline-block;
padding:.2em;
}
.xxspanel {
max-width:7em;
display: inline-block;
padding:.1em;
}
.hint {
display: inline;
font-style: italic;
font-size: smaller;
}
.hint::before {
content: "(";
}
.hint::after {
content: ")";
}
.usertitleref { .usertitleref {
border-radius: 1em;
background-color:rgba(256,256,212,0.6); background-color:rgba(256,256,212,0.6);
font-family: 'Arial', cursive;
padding: 1em;
}
label {
font-size: medium;
} }
.editable { .editable {
margin: .5em;
min-height:1em;
border-radius: 1em;
border: dashed rgb(200,200,256) 2px; border: dashed rgb(200,200,256) 2px;
} }
.notification { .notification {
font-size: large;
background-color: rgba(264,264,128,0.5); background-color: rgba(264,264,128,0.5);
border: solid green 1px; border: solid green 1px;
padding: 1em;
border-radius:1em;
margin:1em;
padding:1em;
} }
.dirty { .dirty {
background-color: rgba(256,228,128,0.5); background-color: rgba(256,228,128,0.5);
} }
.error, #error { .error, #error {
color: #f88; color: #f88;
font-size: large;
background-color: rgba(256,.5); background-color: rgba(256,.5);
} }
.validation-summary-errors{ .validation-summary-errors{
@ -262,12 +107,6 @@ label {
background-color: rgba(256,256,139,0.5); background-color: rgba(256,256,139,0.5);
} }
.hidden { display:none; }
ul.preview li:nth-child(-n+10) {
display:inline;
font-size:xx-small;
}
ul.preview li:nth-child(n) { ul.preview li:nth-child(n) {
display:none; display:none;
@ -278,37 +117,21 @@ ul.preview li:nth-child(n) {
} }
a.menuitem { a.menuitem {
display:inline-block;
color: black; color: black;
font-weight: bold;
border-radius:1em;
border: solid black 1px; border: solid black 1px;
background-color: rgba(220,220,220,.8); background-color: rgba(220,220,220,.8);
cursor: pointer;
font-family: 'Arial', cursive;
padding: 1em;
} }
.actionlink { .actionlink {
text-decoration: none;
display:inline-block;
color: black; color: black;
font-weight: bold;
border-radius:1em;
border: solid black 1px; border: solid black 1px;
background-color: rgba(220,220,220,.8); background-color: rgba(220,220,220,.8);
cursor: pointer;
font-family: 'Arial', cursive;
padding: 1em;
} }
input, select, textarea { input, select, textarea {
color: black; color: black;
background-color:rgba(256,256,256,0.8); background-color:rgba(256,256,256,0.8);
border: solid 1px rgb(128,128,128); border: solid 1px rgb(128,128,128);
border-radius:1em;
font-family: 'Arial', cursive;
} }
a:active { a:active {
@ -320,146 +143,52 @@ a:active {
background-color:rgba(164,164,164,0.8); background-color:rgba(164,164,164,0.8);
} }
.code { .code {
font-family: "monospace";
background-color: rgba(230,230,230,0.5); background-color: rgba(230,230,230,0.5);
border-radius:25px;
white-space: pre-wrap;
}
#avatar {
float: left;
margin:1em;
}
.comment {
border-radius:25px;
font-size: smaller;
}
.onhover {
display:none;
position: absolute;
} }
.ohafter:hover + .onhover, .ohinside:hover > .onhover { .ohafter:hover + .onhover, .ohinside:hover > .onhover {
display:block;
z-index:2;
padding:5px; margin:5px;
background-color: rgba(240,240,250,.8); background-color: rgba(240,240,250,.8);
} }
.input-validation-error { border: solid 1px red; } .input-validation-error { border: solid 1px red; }
.field-validation-error { color: red; } .field-validation-error { color: red; }
.c2 { font-size: small; font-style: italic; }
.c3 { font-size: x-small; font-style: italic; }
header h1, .actionlink, .menuitem {transition: padding 2s; padding:1em;}
@media print {
body {background-color:white;color:black;}
.control, .actionlink, .menuitem, nav { display:none;}
}
.bshpanel { display:block; }
.bsh { display: none; }
.c3 { display:initial; }
.c3-alt { display:none; }
@media all and (max-width: 640px) { @media all and (max-width: 640px) {
#logo { #logo {
min-height: 6em;
background: url("/App_Themes/images/logo.xs.png") 0 0 no-repeat fixed; background: url("/App_Themes/images/logo.xs.png") 0 0 no-repeat fixed;
} }
header { header {
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 0 repeat fixed; background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 0 repeat fixed;
} }
#avatar {
margin:.5em;
}
header h1, .actionlink, .menuitem { padding:.5em;}
nav { nav {
margin: 1em;
padding: 1em;
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 10% repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 10% repeat fixed ;
} }
main { main {
margin: 1em;
padding: 1em;
background: url("/App_Themes/images/musician-923526_1.nbbi.xs.jpg") 50% 20em repeat fixed ; background: url("/App_Themes/images/musician-923526_1.nbbi.xs.jpg") 50% 20em repeat fixed ;
} }
footer { footer {
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 90% repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 90% repeat fixed ;
} }
footer a {
border-radius:.5em;
margin:.5em;
padding:.5em;
}
.notification {
padding: .5em;
border-radius:.5em;
margin:.5em;
padding:.5em;
}
.menuitem {
display: block;
}
.post {
margin:.3em;
padding:.3em;
}
.usertitleref{
padding:.3em;
}
.bshpanel { cursor:zoom-in; }
.c2 { display:initial; }
.c2-alt { display:none; }
.c3 { display:none; }
.c3-alt { display:initial; }
#gspacer {
border-radius:.5em;
margin:.5em; padding:.5em; }
} }
@media all and (max-width: 350px) { @media all and (max-width: 350px) {
#logo { #logo {
min-height: 3em;
background: url("/App_Themes/images/logo.xxs.png") 0 0 no-repeat fixed; background: url("/App_Themes/images/logo.xxs.png") 0 0 no-repeat fixed;
} }
header { header {
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") -1em -1em repeat fixed; background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") -1em -1em repeat fixed;
} }
header h1, .actionlink, .menuitem { padding:.2em;}
nav { nav {
margin: .5em;
padding: .5em;
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 10% repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 10% repeat fixed ;
} }
main { main {
margin: .5em;
padding: .5em;
background: url("/App_Themes/images/musician-923526_1.nbbi.xxs.jpg") 50% 20em repeat fixed ; background: url("/App_Themes/images/musician-923526_1.nbbi.xxs.jpg") 50% 20em repeat fixed ;
} }
footer { footer {
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 90% repeat fixed ; background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 90% repeat fixed ;
} }
footer {
border-radius:.2em;
margin:.2em;
padding:.2em;
}
.c2 { display:none; }
.c2-alt { display:initial; }
#gspacer {
border-radius:.2em;
margin:.2em; padding:.2em; }
} }

138
web/App_Themes/dark/style.css
View File

@ -1,15 +1,18 @@
.skillname {
background-color: rgba(16,16,64,0.8);
border-color: #aaf;
}
body { body {
font-family: 'Arial', cursive; font-family: 'Arial', cursive;
padding: 0;
margin: 0;
background-color: black; background-color: black;
color: #D0FFD0; color: #D0FFD0;
} }
.rate { .rate {
border-radius:1em;
border: solid rgb(128,128,0) 1px; border: solid rgb(128,128,0) 1px;
background-color: rgba(20,20,20,.8); background-color: rgba(20,20,20,.8);
color: yellow; color: yellow;
@ -23,60 +26,30 @@ input, textarea, checkbox {
} }
header { header {
transition: margin 2s, padding 2s;
padding: 0;
margin: 0;
padding-top: 2em;
padding-bottom:2em;
display: block;
background: url("/App_Themes/images/star-939235_1280.jpg") -3em -3em no-repeat fixed; background: url("/App_Themes/images/star-939235_1280.jpg") -3em -3em no-repeat fixed;
} }
header h1, header a { header h1, header a {
transition:padding 2s;
background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5);
margin:0; padding:1em;
} }
nav { nav {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 10% repeat fixed ; background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 10% repeat fixed ;
justify-content: space-around;
} }
main { main {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
background: url("/App_Themes/images/p8-av4.png") 50% 20em no-repeat fixed ; background: url("/App_Themes/images/p8-av4.png") 50% 20em no-repeat fixed ;
} }
footer { footer {
transition: margin 2s, padding 2s;
background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ; background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ;
margin: 0;
margin-top: 2em;
padding: 2em;
display: block;
clear: both;
font-size: smaller;
justify-content: space-around;
} }
#copyr { text-align: center; display: block; background-color: rgba(20,20,20,.8); } #copyr { background-color: rgba(20,20,20,.8); }
footer p { display:inline-block; }
footer img { max-height: 3em; vertical-align: middle; }
a img, h1 img, .menuitem img { vertical-align: middle; }
fieldset { fieldset {
background-color: rgba(16,16,64,0.8); background-color: rgba(16,16,64,0.8);
border-radius:5px; border: solid 1px #000060; border-color: #000060;
} }
legend { legend {
@ -85,118 +58,38 @@ legend {
#gspacer { #gspacer {
background-color: rgba(20,20,20,.8); background-color: rgba(20,20,20,.8);
border-radius:1em;
margin:1em; padding:1em; display: inline-block }
main video, main img {
max-width:100%;
max-height:75%;
padding: 1em;
}
aside {
display: inline-block;
} }
.postpreview { .postpreview {
display: inline-block;
max-width: 40em;
padding: 1em;
background-color: rgba(0,0,32,0.8); background-color: rgba(0,0,32,0.8);
border-radius:1em;
}
.postpreview video, .postpreview img {
max-width: 100%;
padding: 1em;
} }
.post { .post {
display:block;
padding: 1em;
background-color: rgba(0,0,32,0.8); background-color: rgba(0,0,32,0.8);
color: #eee; color: #eee;
border-radius:1em;
} }
.hiddenpost { background-color: rgba(16,16,16,0.5); } .hiddenpost { background-color: rgba(16,16,16,0.5); }
.fullwidth { width: 100%; }
textarea.fullwidth { min-height:10em; }
.thanks {
max-width: 10%;
text-align: center;
font-size:smaller;
display:inline;
bottom:0;
}
.panel {
display:inline-block;
}
.panel,.bshpanel, aside { .panel,.bshpanel, aside {
background-color: rgba(20,20,20,.8); background-color: rgba(20,20,20,.8);
border-radius: 1em;
padding: 1em;
} }
.spanel {
max-width: 18em;
display: inline-block;
padding: .3em;
}
.xspanel {
max-width:13em;
display: inline-block;
padding:.2em;
}
.xxspanel {
max-width:7em;
display: inline-block;
padding:.1em;
}
.hint {
display: inline;
font-style: italic;
font-size: smaller;
}
.hint::before {
content: "(";
}
.hint::after {
content: ")";
}
.usertitleref { .usertitleref {
border-radius: 1em;
background-color:rgba(0,0,32,0.6); background-color:rgba(0,0,32,0.6);
font-family: 'Arial', cursive;
padding: 1em;
}
label {
font-size: medium;
} }
.editable { .editable {
margin: .5em; border-color: rgb(020,20,256);
min-height:1em;
border-radius: 1em;
border: dashed rgb(020,20,256) 2px;
} }
.notification { .notification {
font-size: large;
background-color: rgba(64,64,0,0.5); background-color: rgba(64,64,0,0.5);
border: solid green 1px; border-color: green ;
padding: 1em;
border-radius:1em;
margin:1em;
padding:1em;
} }
.dirty { .dirty {
background-color: rgba(128,128,0,0.5); background-color: rgba(128,128,0,0.5);
} }
.error, #error { .error, #error {
color: #f88; color: #f88;
font-size: large;
background-color: rgba(256,0,0,0.5); background-color: rgba(256,0,0,0.5);
} }
.validation-summary-errors{ .validation-summary-errors{
@ -204,17 +97,6 @@ label {
background-color: rgba(256,0,0,0.5); background-color: rgba(256,0,0,0.5);
} }
.hidden { display:none; }
ul.preview li:nth-child(-n+10) {
display:inline;
font-size:xx-small;
}
ul.preview li:nth-child(n) {
display:none;
}
.validation-summary-errors{ .validation-summary-errors{
color: #f88; color: #f88;
} }

4
web/App_Themes/font-awesome.css vendored
View File

@ -6,8 +6,8 @@
* -------------------------- */ * -------------------------- */
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('/fonts/fontawesome-webfont.eot?v=4.4.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

210
web/App_Themes/style.css
View File

@ -4,13 +4,88 @@ body {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
body.loading {
overflow: hidden;
}
body.loading .modal {
display: block;
}
.rate {
border-radius:1em;
border-style: solid;
border-width: 1px;
}
/* Start by setting display:none to make this hidden. header {
Then we position it in relation to the viewport window transition: margin 2s, padding 2s;
with position:fixed. Width, height, top and left speak padding: 0;
for themselves. Background we set to 80% white with margin: 0;
our animation centered, and no-repeating */ padding-top: 2em;
padding-bottom:2em;
display: block;
}
header h1, header a {
transition:padding 2s;
margin:0; padding:1em;
}
nav {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
justify-content: space-around;
}
main {
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
border-radius:1em;
}
main video, main img {
max-width:100%;
max-height:75%;
padding: 1em;
}
footer {
transition: margin 2s, padding 2s;
margin: 0;
margin-top: 2em;
padding: 2em;
display: block;
clear: both;
font-size: smaller;
justify-content: space-around;
}
footer p { display:inline-block; }
footer img { max-height: 3em; vertical-align: middle; }
a img, h1 img, .menuitem img { vertical-align: middle; }
fieldset {
border-radius:5px; border-style: solid;
border-width: 1px;
}
aside {
display: inline-block;
}
ul.preview li:nth-child(-n+10) {
display:inline;
font-size:xx-small;
}
ul.preview li:nth-child(n) {
display:none;
}
.modal { .modal {
display: none; display: none;
position: fixed; position: fixed;
@ -38,20 +113,102 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
body.loading { .postpreview {
overflow: hidden; display: inline-block;
max-width: 40em;
padding: 1em;
border-radius:1em;
}
.postpreview video, .postpreview img {
max-width: 100%;
padding: 1em;
}
.post {
display:block;
padding: 1em;
border-radius:1em;
} }
body.loading .modal { .fullwidth { width: 100%; }
display: block; textarea.fullwidth { min-height:10em; }
.thanks {
max-width: 10%;
text-align: center;
font-size:smaller;
display:inline;
bottom:0;
} }
.panel {
display:inline-block;
}
.panel,.bshpanel, aside {
border-radius: 1em;
padding: 1em;
}
.spanel {
max-width: 18em;
display: inline-block;
padding: .3em;
}
.xspanel {
max-width:13em;
display: inline-block;
padding:.2em;
}
.xxspanel {
max-width:7em;
display: inline-block;
padding:.1em;
}
.hint {
display: inline;
font-style: italic;
font-size: smaller;
}
.hint::before {
content: "(";
}
.hint::after {
content: ")";
}
.usertitleref {
border-radius: 1em;
font-family: 'Arial', cursive;
padding: 1em;
}
.editable {
margin: .5em;
min-height:1em;
border-radius: 1em;
border-style: dashed;
border-width: 2px;
}
.notification {
font-size: large;
border-style: solid;
border-width: 1px;
padding: 1em;
border-radius:1em;
margin:1em;
padding:1em;
}
.error, #error {
font-size: large;
}
.hidden { display:none; }
.iconsmall { max-height: 1.3em; max-width: 1.3em; } .iconsmall { max-height: 1.3em; max-width: 1.3em; }
.photo { width: 100%; } .photo { width: 100%; }
.blogbanner { float: left; top:0; } .blogbanner { float: left; top:0; }
.subtitle { font-size:small; font-style: italic; } .subtitle { font-size:small; font-style: italic; }
nav li { display: inline-block; } nav li { display: inline-block; }
footer a { footer a {
@ -59,25 +216,24 @@ footer a {
padding:1em; padding:1em;
} }
legend {
border-radius:5px;
padding:.5em;
}
#copyr { text-align: center; display: block; background-color: rgba(20,20,20,.8); }
footer p { display:inline-block; } footer p { display:inline-block; }
footer img { max-height: 3em; vertical-align: middle; } footer img { max-height: 3em; vertical-align: middle; }
a img, h1 img, .menuitem img { vertical-align: middle; } a img, h1 img, .menuitem img { vertical-align: middle; }
#gspacer {
background-color: rgba(20,20,20,.8); legend {
border-radius:1em; border-radius:5px;
margin:1em; padding:1em; display: inline-block } padding:.5em;
fieldset {
background-color: rgba(16,16,64,0.8);
border-radius:5px; border: solid 1px #000060;
} }
#copyr { text-align: center; display: block; }
#gspacer {
border-radius:1em;
margin:1em; padding:1em;
display: inline-block }
.actionlink, .menuitem, a { .actionlink, .menuitem, a {
display:inline-block; display:inline-block;
border-radius:1em; border-radius:1em;
@ -92,7 +248,6 @@ input, select, textarea {
border-radius:1em; border-radius:1em;
border-style: solid; border-style: solid;
border-width:1px; border-width:1px;
font-family: 'Arial', cursive; font-family: 'Arial', cursive;
} }
@ -129,14 +284,17 @@ margin:.25em;
max-width: 24em; max-width: 24em;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
background-color: rgba(16,16,64,0.8);
border-radius:1em; border-radius:1em;
border: solid 1px #aaf; border-style: solid;
border-width: 1px;
} }
.input-validation-error { border: solid 1px red; background-color: rgba(180,256,256,.5); } .input-validation-error { border: solid 1px red; background-color: rgba(180,256,256,.5); }
.field-validation-error { color: red; background-color: rgba(180,256,256,.5); } .field-validation-error { color: red; background-color: rgba(180,256,256,.5); }
.c2 { font-size: small; font-style: italic; } .c2 { font-size: small; font-style: italic; }
.c3 { font-size: x-small; font-style: italic; } .c3 { font-size: x-small; font-style: italic; }
.rate { .rate {
@ -154,10 +312,12 @@ ul.editablelist>li {
border: solid grey 1px; border: solid grey 1px;
border-radius: 1em; border-radius: 1em;
} }
ul.editablelist>li:before { ul.editablelist>li:before {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
content: "\f007"; content: "\f007";
} }
ul.editablelist>li:hover { ul.editablelist>li:hover {
background-color: rgba(128,0,0,0.5); background-color: rgba(128,0,0,0.5);
cursor:pointer; cursor:pointer;

17
web/ChangeLog
View File

@ -1,3 +1,20 @@
2015-11-23 Paul Schneider <paul@pschneider.fr>
* style.css:
* style.css: Ne contient plus que ce qui concerne les couleurs
et images
* font-awesome.css: Il parait plus sage de spécifier des Url
absolues vers les polices de caractère.
* style.css: Réccupère du thème sombre tout ce qui ne concerne
pas la couleur, pour en faire profiter tous les thèmes.
* Web.csproj: Ajoute le style du thème clair au projet.
* style.tablesorter.css: ce fichier est obsolete et va
disparaitre.
2015-11-23 Paul Schneider <paul@pschneider.fr> 2015-11-23 Paul Schneider <paul@pschneider.fr>
* ErrorHtmlFormatter.cs: Pour note: conception à revoir * ErrorHtmlFormatter.cs: Pour note: conception à revoir

3
web/Web.csproj
View File

@ -294,7 +294,6 @@
<Content Include="App_Themes\blue\asc.gif" /> <Content Include="App_Themes\blue\asc.gif" />
<Content Include="App_Themes\blue\bg.gif" /> <Content Include="App_Themes\blue\bg.gif" />
<Content Include="App_Themes\blue\desc.gif" /> <Content Include="App_Themes\blue\desc.gif" />
<Content Include="App_Themes\blue\style.css" />
<Content Include="App_Themes\dark\asc.gif" /> <Content Include="App_Themes\dark\asc.gif" />
<Content Include="App_Themes\dark\bg.gif" /> <Content Include="App_Themes\dark\bg.gif" />
<Content Include="App_Themes\dark\desc.gif" /> <Content Include="App_Themes\dark\desc.gif" />
@ -509,6 +508,8 @@
<Content Include="Web.TotemPre.config" /> <Content Include="Web.TotemPre.config" />
<Content Include="Views\FrontOffice\Booking.aspx" /> <Content Include="Views\FrontOffice\Booking.aspx" />
<Content Include="Views\FrontOffice\EavyBooking.aspx" /> <Content Include="Views\FrontOffice\EavyBooking.aspx" />
<Content Include="App_Themes\blue\style.tablesorter.css" />
<Content Include="App_Themes\clear\style.css" />
</ItemGroup> </ItemGroup>
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" /> <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
<Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" /> <Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />