Thème clair opé, WIP circles
* animate.css: animations css * links.css: liens avec le fond blanc qui se déroule * links.css: WIP liens thème sombre * GitHub.ico: un petit merci à GitHub * live-concert-fg.png: image de plan rapproché : les fans * live-concert-scene.jpg: Image de fond : la scene * splash-image-2.jpg: image de fond : photo colorée, public de concert, vient de totemproduction.fr * links.css: ficher de définitions globales du style des bouttons (encore inutilisé) * yavsc.user.js: WIP implémente le widget "utilisateur", permettant l'affichage des liens rapides pour tout nom d'ulitisateur, le cas échéant, vers l'ajout à un cercle, vers son blog, vers des methodes choisies d'administateur, vers ses réseaux sociaux, voir plus. * About.aspx: Implémente une page "à propos" * Test.aspx: Page de test: désolé pour le bruit, elle n'est compilée qu'en mode `Debug` (elle n'est pas accessible en production) * NpgsqlBlogProvider.cs: Corrige la méthode pour enlever un tag à un article ... * NpgsqlBlogProvider.csproj: . * NpgsqlCircleProvider.cs: liste les cercles auquels appartient un utilisateur. * BasketController.cs: * NpgsqlContentProvider.cs: Les commandes sont fortement typée. * README.md: mise à jour des priorités * style.css: réécriture du thème clair * style.css: * implémente un classe css `clickme` pour attirer l'oeil sur le boutton de validation après la modification d'un champ de formulaire. * enlève tous les coins arrondis * modifie la chasse de caractères (une seule utilisée pour le moment) * * style.css: * integre la référence à la feuille de style des [animations](https://daneden.github.io/animate.css/) * corrige des marges, alignements * supprime ce qui reste de coin arrondi * néttoye les définitions obsolètes * définit la classe `username` * corrige le survol à la suppression de tag * FrontOfficeController.cs: renomme des methodes, refabriqué pour s'adapter aux changements de l'API du workflow, WIP propose les cercles utilisateurs pour l'ajout des profiles préstataires aux cercles. * HomeController.cs: implémente une page "à propos" * T.cs: re-autorise le titre vide de page, au cas où ... car ce n'est pas un véritable défaut fonctionnel. * YavscHelpers.cs: Implemente un outil de presentation des liens action traduits. Tous les liens action utilisent maintenant cette nouvelle methode, au profile de celle du framework `HtmlHelpers.ActionLink` * App.master: corrige l'usage du contrôle utilisateur des cotes dans le cadre des cotes de billet. * AppAdmin.master: * Index.aspx: * Service.aspx: * ProductCategory.aspx: traduction des liens action * NoLogin.master: * traduction des liens action * suppression des liens de remerciement dans le bas de page, cette information a été déplacée dans la page `/Home/Credits` * to-markdown.js: transforme maintenant les noeuds Html `div` en paragraphes Markdown. * yavsc.hidefieldset.js: Le script règle la forme de la souris au survol du bouton, le cas échéant. * yavsc.js: nouvelle fonction javascript pour logger un objet arbitraire. * yavsc.rate.js: Fixe la possibilité de mettre des cotes très basses ou très hautes (reste encore un mieux à faire), Affiche au survol des descriptions optionnelles de la cote. * Title.aspx: * UserPost.aspx: * Edit.aspx: * Index.aspx: * Brand.aspx: * Index.aspx: * PostActions.ascx: * TitleNotFound.aspx: * Booking.aspx: * Command.aspx: * ChangePasswordSuccess.aspx: Traduction des liens action * Login.aspx: * Traduction des liens actionTraduction des liens action * Profile.aspx: * Traduction des liens actionTraduction des liens action * utilisation de la classe css `mayhide` qui autorise maintenant un champ d'entrées de formulaire à être plié/déplié au click sur sa légende. * Admin.aspx: Traduction des liens actionTraduction des liens actionTraduction des liens actionTraduction des liens actionTraduction des liens actionTraduction des liens action * Backups.aspx: * RoleList.aspx: * UserList.aspx: * Index.aspx: Traduction des liens actionTraduction des liens action * Edit.aspx: * refabrication de la structure Html * Traduction des liens actionTraduction des liens action * Index.aspx: Simlpification des apperçus de blog * TagControl.ascx: refabrication pour simplifier l'implémentation du contrôle utilisateur des tags * UserPosts.aspx: Traduction des liens action, et simplification du listing de blog * Basket.aspx: Affiche les articles du panier de commandes avec leur vue dédiée à leur type (les commande sont maintenant fortement typées) * Catalog.aspx: Traduction des liens action, correctin du lien vers le produit (cassé depuis une vielle refabrication des routes) * DoAnEstimate.aspx: refabrication de la vue de création du devis: renommée depuis `Estimate` * Performer.ascx: * un message supplementaire à l'absence de compétence affichée par un préstataire * des guillemets autour du commentaire du préstataire sur sa compétence * ajout du préstataire au cercles * Performers.aspx: Décrit en détail les informations sur la disponibilité d'un préstataire, à la date demandée. * YourEstimates.aspx: renomage de cette page, pour préciser sa fonction : Vos devis. * Contact.aspx: structure Html de la page de contact * Credits.aspx: Ajoute les remerciements aux communauté du libre * Index.aspx: ne fait rien * Web.config: * import de `System.Transactions` * mise à jour des credits libres * WebDeploy.targets: utilise les séparateurs de chemin vers ficher à la POSIX, ne change rien pour ma config ... (TODO tester sous WoinDose) * Yavsc.csproj: déploie des pages des scripts Javascript et des images et feuilles de style en plus. * CircleManager.cs: implémente les methodes utilisées à la construction du contrôle utilisateur. * CircleProvider.cs: * doc xml * extension de interface * Commande.cs: l'objet `Command` devient abstrait, pour exister (être instanciée), une commande doit maintenant hériter de cet objet abstrait. * LocalizedText.resx: * LocalizedText.fr.resx: * LocalizedText.Designer.cs: * LocalizedText.fr.Designer.cs: traductions * IContentProvider.cs: doc xml * SiteSkills.aspx: renomage de cette page, pour préciser sa fonction : les compétences sur ce site.
This commit is contained in:
parent
c23b737144
commit
d999ae5a8e
82 changed files with 4856 additions and 594 deletions
3273
web/App_Themes/animate.css
vendored
Normal file
3273
web/App_Themes/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
51
web/App_Themes/clear/links.css
Normal file
51
web/App_Themes/clear/links.css
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
|
||||
|
||||
a, .actionlink {
|
||||
z-index: 1;
|
||||
color: white;
|
||||
display:inline-block;
|
||||
border-style: solid;
|
||||
border-width:1px;
|
||||
padding: 1em;
|
||||
position: relative;
|
||||
transition: color 1s;
|
||||
}
|
||||
|
||||
a:visited { color: white; }
|
||||
|
||||
a:hover, a:visited:hover, .actionlink:hover {
|
||||
color:black;
|
||||
}
|
||||
|
||||
|
||||
@media print {
|
||||
.actionlink, .menuitem { display:none;}
|
||||
}
|
||||
|
||||
div.bback {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
z-index: -2;
|
||||
background-color: rgba(32,32,32,.2);
|
||||
}
|
||||
|
||||
|
||||
div.aback {
|
||||
transform: scaleX(0);
|
||||
transform-origin: 0px 50% 0px;
|
||||
transition: transform 1s;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
z-index: -1;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
a:hover > div.aback {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
|
@ -1,11 +1,14 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
|
||||
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext);
|
||||
@import url(/App_Themes/clear/links.css);
|
||||
|
||||
body {
|
||||
background-color: grey;
|
||||
color: #303030;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-family: 'Josefin Sans', sans-serif;
|
||||
background: url("/App_Themes/images/splash-image-2.jpg") 0 0 repeat fixed ;
|
||||
}
|
||||
.tagname { color: #D0FFD0; }
|
||||
.tagname { }
|
||||
|
||||
.tagname:hover { background-color: red; }
|
||||
|
||||
/* Start by setting display:none to make this hidden.
|
||||
|
|
@ -21,68 +24,79 @@ body {
|
|||
}
|
||||
|
||||
input, textarea, checkbox {
|
||||
color: #FFA0A0;
|
||||
background-color: black;
|
||||
color: black;
|
||||
background-color: white;
|
||||
font-size: larger;
|
||||
border: solid 1px rgb(128,128,128);
|
||||
animation-name: flash;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
header {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 0 repeat fixed;
|
||||
}
|
||||
header { float: left; }
|
||||
|
||||
#logo {
|
||||
background: url("/App_Themes/images/logo.s.png") 1em 1em no-repeat fixed;
|
||||
}
|
||||
|
||||
h1, h2, h3 { background-color: rgba(256,256,256,.5); }
|
||||
h1 { display: inline-block; }
|
||||
|
||||
nav {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 10em repeat fixed ;
|
||||
|
||||
}
|
||||
nav li { display: inline-block; }
|
||||
|
||||
|
||||
|
||||
main {
|
||||
background: url("/App_Themes/images/musician-923526_1.nbbi.jpg") 50% 20em repeat fixed ;
|
||||
clear:both;
|
||||
background-color: rgba(256,256,256,.5);
|
||||
}
|
||||
|
||||
footer {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.jpg") 50% 30em repeat fixed ;
|
||||
background: url("/App_Themes/images/splash-image-2.jpg") 0 0 repeat fixed ;
|
||||
}
|
||||
|
||||
legend {
|
||||
background-color: rgba(240,240,240,.5);
|
||||
legend, .skillname {
|
||||
background-color: rgba(240,240,240,.8);
|
||||
}
|
||||
#copyr { background-color: rgba(250,250,250,.8); }
|
||||
#copyr { }
|
||||
|
||||
#gspacer {
|
||||
background-color: rgba(209,209,209,.8); }
|
||||
|
||||
form {
|
||||
background-color: rgba(150,150,256,0.8);
|
||||
}
|
||||
|
||||
fieldset {
|
||||
background-color: rgba(216,216,256,0.8);
|
||||
fieldset, .performer {
|
||||
background-color: rgba(216,216,216,0.8);
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
background-color: rgba(256,256,256,.2);
|
||||
padding: 1em;
|
||||
color:white;
|
||||
transition: color 1s;
|
||||
}
|
||||
|
||||
.postpreview {
|
||||
background-color: rgba(233,233,233,0.8);
|
||||
animation-name: slideInDown;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.postpreview > div {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 2s;
|
||||
}
|
||||
|
||||
.postpreview:hover > div {
|
||||
overflow: auto;
|
||||
max-height: 15em;
|
||||
background-color: rgba(233,233,233,0.8);
|
||||
}
|
||||
.post {
|
||||
background-color: rgba(256,256,256,0.8);
|
||||
}
|
||||
.hiddenpost { background-color: rgba(160,160,160,0.5); }
|
||||
|
||||
a { color: rgb(0,56,0); }
|
||||
|
||||
a:hover { background-color: rgba(160,160,160,.7); }
|
||||
|
||||
footer a {
|
||||
color: black;
|
||||
background-color: rgba(220,220,220,.8);
|
||||
}
|
||||
.panel,.bshpanel, aside {
|
||||
.panel,.bigpanel, aside {
|
||||
background-color: rgba(200,200,200,.8);
|
||||
}
|
||||
|
||||
|
|
@ -91,6 +105,7 @@ footer a {
|
|||
}
|
||||
.editable {
|
||||
border: dashed rgb(200,200,256) 2px;
|
||||
background-color: rgba(256,256,256,.8);
|
||||
}
|
||||
|
||||
.notification {
|
||||
|
|
@ -102,7 +117,7 @@ footer a {
|
|||
}
|
||||
.error, #error {
|
||||
color: #f88;
|
||||
background-color: rgba(256,.5);
|
||||
background-color: rgba(256,0,0,.5);
|
||||
}
|
||||
.validation-summary-errors{
|
||||
color: #f88;
|
||||
|
|
@ -118,79 +133,87 @@ ul.preview li:nth-child(n) {
|
|||
color: #f88;
|
||||
}
|
||||
|
||||
a.menuitem {
|
||||
color: black;
|
||||
border: solid black 1px;
|
||||
background-color: rgba(220,220,220,.8);
|
||||
}
|
||||
|
||||
.actionlink {
|
||||
color: black;
|
||||
border: solid black 1px;
|
||||
background-color: rgba(220,220,220,.8);
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
color: black;
|
||||
background-color:rgba(256,256,256,0.8);
|
||||
border: solid 1px rgb(128,128,128);
|
||||
}
|
||||
|
||||
a:active {
|
||||
background-color:rgba(184,180,132,0.9);
|
||||
}
|
||||
|
||||
input:hover, textarea:hover {
|
||||
color: white;
|
||||
background-color:rgba(164,164,164,0.8);
|
||||
input:hover, textarea:hover {
|
||||
color: black;
|
||||
background-color: rgba(256,256,256,.8);
|
||||
}
|
||||
.code {
|
||||
background-color: rgba(230,230,230,0.5);
|
||||
}
|
||||
|
||||
.ohafter:hover + .onhover, .ohinside:hover > .onhover {
|
||||
background-color: rgba(240,240,250,.8);
|
||||
}
|
||||
|
||||
.input-validation-error { border: solid 1px red; }
|
||||
.field-validation-error { color: red; }
|
||||
|
||||
|
||||
@media all and (max-width: 640px) {
|
||||
|
||||
|
||||
|
||||
#logo {
|
||||
background: url("/App_Themes/images/logo.xs.png") 0 0 no-repeat fixed;
|
||||
}
|
||||
|
||||
header {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 0 repeat fixed;
|
||||
}
|
||||
nav {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 10% repeat fixed ;
|
||||
}
|
||||
main {
|
||||
background: url("/App_Themes/images/musician-923526_1.nbbi.xs.jpg") 50% 20em repeat fixed ;
|
||||
|
||||
}
|
||||
footer {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.s.jpg") 50% 90% repeat fixed ;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 350px) {
|
||||
|
||||
#logo {
|
||||
background: url("/App_Themes/images/logo.xxs.png") 0 0 no-repeat fixed;
|
||||
}
|
||||
header {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") -1em -1em repeat fixed;
|
||||
}
|
||||
|
||||
nav {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 10% repeat fixed ;
|
||||
}
|
||||
main {
|
||||
background: url("/App_Themes/images/musician-923526_1.nbbi.xxs.jpg") 50% 20em repeat fixed ;
|
||||
|
||||
}
|
||||
footer {
|
||||
background: url("/App_Themes/images/live-concert-388160_1280.xxs.jpg") 50% 90% repeat fixed ;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.input-validation-error { border: solid 1px red; background-color: rgba(128,0,0,0.5);
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.field-validation-error { color: rgb(256,200,200); background-color: rgba(128,0,0,0.5);
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
input[type='submit'].clickme {
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
|
||||
@keyframes hotzone {
|
||||
from {
|
||||
background-color: rgba(230,230,230,.8);
|
||||
color: black;
|
||||
}
|
||||
50% {background-color: rgba(256,150,150,.5);}
|
||||
to {
|
||||
background-color: rgba(230,230,230,.8);
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
27
web/App_Themes/dark/links.css
Normal file
27
web/App_Themes/dark/links.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
|
||||
|
||||
.actionlink, .menuitem, a, input[type='submit'] {
|
||||
display:inline-block;
|
||||
border-radius:1em;
|
||||
border-style: solid;
|
||||
border-width:1px;
|
||||
cursor: pointer;
|
||||
padding: 1em;
|
||||
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.menuitem {}
|
||||
|
||||
a:hover, .actionlink:hover, input[type='submit']:hover {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.actionlink, .menuitem { display:none;}
|
||||
}
|
||||
|
||||
|
|
@ -1,4 +1,21 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
|
||||
@import url(/App_Themes/dark/links.css);
|
||||
|
||||
.panel {
|
||||
display:inline-block;
|
||||
width: calc(33% - 10px);
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
.panel {
|
||||
width: calc(50% - 5px);
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 720px) {
|
||||
.panel {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.skillname {
|
||||
background-color: rgba(16,16,64,0.8);
|
||||
|
|
@ -21,13 +38,8 @@ body {
|
|||
.rate:hover { border-color: green;
|
||||
background-color:rgba(30,0,124,0.9); }
|
||||
|
||||
input, textarea, checkbox {
|
||||
color: #FFFFA0;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
header {
|
||||
background: url("http://s448140597.onlinehome.us/wp-content/uploads/2014/12/project-management1.jpg") -20em -20em repeat fixed;
|
||||
}
|
||||
|
||||
header h1, header a {
|
||||
|
|
@ -60,7 +72,16 @@ legend {
|
|||
#gspacer {
|
||||
background-color: rgba(20,20,20,.8);
|
||||
}
|
||||
|
||||
.thanks {
|
||||
background-color: rgba(50,50,50,.8);
|
||||
color: rgb(230,230,230);
|
||||
font-size: x-small;
|
||||
font-weight: bold;
|
||||
}
|
||||
.thanks:hover {
|
||||
background-color: rgba(80,80,80,.8);
|
||||
color: white;
|
||||
}
|
||||
.postpreview {
|
||||
background-color: rgba(0,0,32,0.8);
|
||||
}
|
||||
|
|
@ -70,12 +91,12 @@ legend {
|
|||
}
|
||||
.hiddenpost { background-color: rgba(16,16,16,0.5); }
|
||||
|
||||
|
||||
.panel, .spanel, .bshpanel, .xspanel, .xxspanel, aside {
|
||||
aside {
|
||||
background-color: rgba(20,20,20,.6);
|
||||
border-color: rgb(128,128,128);
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.usertitleref {
|
||||
|
|
@ -90,15 +111,19 @@ legend {
|
|||
border-color: green ;
|
||||
}
|
||||
.dirty {
|
||||
background-color: rgba(128,128,0,0.5);
|
||||
background-color: rgba(128,0,0,0.5);
|
||||
}
|
||||
.error, #error {
|
||||
color: #f88;
|
||||
background-color: rgba(256,0,0,0.5);
|
||||
background-color: rgba(128,0,0,0.5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.validation-summary-errors{
|
||||
color: #f88;
|
||||
background-color: rgba(256,0,0,0.5);
|
||||
background-color: rgba(128,0,0,0.5);
|
||||
}
|
||||
|
||||
.validation-summary-errors{
|
||||
|
|
@ -107,9 +132,18 @@ legend {
|
|||
|
||||
a {
|
||||
text-decoration: none;
|
||||
background-color: rgba(30,30,30,.8);
|
||||
color: yellow;
|
||||
}
|
||||
a:hover {
|
||||
background-color:rgba(50,50,50,.8);
|
||||
color: white;
|
||||
}
|
||||
a:active {
|
||||
background-color:rgba(124,0,32,0.9);
|
||||
}
|
||||
|
||||
.actionlink, .menuitem, a {
|
||||
.actionlink, .menuitem, input[type='submit'] {
|
||||
border-color: rgb(128,128,0);
|
||||
background-color: rgba(20,20,20,.8);
|
||||
color: yellow;
|
||||
|
|
@ -117,26 +151,21 @@ a {
|
|||
|
||||
input, select, textarea {
|
||||
color: white;
|
||||
background-color:rgba(0,0,64,0.8);
|
||||
background-color:rgba(32,32,32,0.8);
|
||||
border-color: rgb(128,128,128);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color:rgba(30,0,124,0.9);
|
||||
border-color: green ;
|
||||
}
|
||||
a:active {
|
||||
background-color:rgba(124,0,32,0.9);
|
||||
}
|
||||
|
||||
input:hover, textarea:hover {
|
||||
color: white;
|
||||
background-color:rgba(64,64,64,0.8);
|
||||
background-color:rgb(0,0,0);
|
||||
}
|
||||
.code {
|
||||
background-color: rgba(0,0,256,0.1);
|
||||
}
|
||||
|
||||
.clickme {
|
||||
transition: background-color 2s;
|
||||
}
|
||||
|
||||
@media all and (max-width: 640px) {
|
||||
header {
|
||||
|
|
@ -223,3 +252,31 @@ header h1, header a { padding:.2em;}
|
|||
.c2 { display:none; }
|
||||
.c2-alt { display:initial; }
|
||||
}
|
||||
|
||||
|
||||
.input-validation-error { border: solid 1px red; background-color: rgba(128,0,0,0.5);
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.field-validation-error { color: rgb(256,200,200); background-color: rgba(128,0,0,0.5);
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
input[type='submit'].clickme {
|
||||
animation-name: hotzone;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
|
||||
@keyframes hotzone {
|
||||
from {
|
||||
background-color: rgba(30,30,30,.8);}
|
||||
50% {background-color: rgba(90,50,50,.8);}
|
||||
to {background-color: rgba(30,30,30,.8);}
|
||||
}
|
||||
|
||||
|
|
|
|||
BIN
web/App_Themes/images/GitHub.ico
Normal file
BIN
web/App_Themes/images/GitHub.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
web/App_Themes/images/live-concert-fg.png
Normal file
BIN
web/App_Themes/images/live-concert-fg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
web/App_Themes/images/live-concert-scene.jpg
Normal file
BIN
web/App_Themes/images/live-concert-scene.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
web/App_Themes/images/splash-image-2.jpg
Normal file
BIN
web/App_Themes/images/splash-image-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
26
web/App_Themes/links.css
Normal file
26
web/App_Themes/links.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
.actionlink, .menuitem, a, input[type='submit'] {
|
||||
display:inline-block;
|
||||
border-radius:1em;
|
||||
border-style: solid;
|
||||
border-width:1px;
|
||||
cursor: pointer;
|
||||
padding: 1em;
|
||||
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
.menuitem {}
|
||||
|
||||
a:hover, .actionlink:hover, input[type='submit']:hover {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.actionlink, .menuitem { display:none;}
|
||||
}
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
|
||||
@import url(/App_Themes/animate.css);
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
@ -11,42 +11,38 @@ body.loading .modal {
|
|||
display: block;
|
||||
}
|
||||
.rate {
|
||||
border-radius:1em;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding:.2em;
|
||||
margin:.1em;
|
||||
padding:.1em;
|
||||
display: inline-block;
|
||||
width:5em;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
header {
|
||||
transition: margin 2s, padding 2s;
|
||||
padding: 0;
|
||||
padding: 2em;
|
||||
margin: 0;
|
||||
padding-top: 2em;
|
||||
padding-bottom:2em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
header h1, header a {
|
||||
transition:padding 2s;
|
||||
margin:0; padding:1em;
|
||||
header h1 {
|
||||
transition: padding 2s;
|
||||
}
|
||||
|
||||
nav {
|
||||
transition: margin 2s, padding 2s;
|
||||
margin: 2em;
|
||||
transition: margin 2s, size 2s;
|
||||
padding: 2em;
|
||||
display: block;
|
||||
border-radius:1em;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
div {
|
||||
vertical-align: text-top;
|
||||
transition: margin 2s, padding 2s, height 2s; }
|
||||
main {
|
||||
transition: margin 2s, padding 2s;
|
||||
margin: 2em;
|
||||
padding: 2em;
|
||||
display: block;
|
||||
border-radius:1em;
|
||||
}
|
||||
main video, main img {
|
||||
max-width:100%;
|
||||
|
|
@ -56,7 +52,6 @@ main video, main img {
|
|||
|
||||
footer {
|
||||
transition: margin 2s, padding 2s;
|
||||
margin: 2em;
|
||||
padding: 2em;
|
||||
display: block;
|
||||
clear: both;
|
||||
|
|
@ -71,7 +66,7 @@ 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-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
aside {
|
||||
|
|
@ -101,6 +96,8 @@ ul.preview li:nth-child(n) {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.switch { cursor: pointer; }
|
||||
|
||||
.dispmodal {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
|
|
@ -113,20 +110,13 @@ ul.preview li:nth-child(n) {
|
|||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.postpreview {
|
||||
display: inline-block;
|
||||
max-width: 40em;
|
||||
padding: 1em;
|
||||
border-radius:1em;
|
||||
}
|
||||
.postpreview video, .postpreview img {
|
||||
max-width: 100%;
|
||||
padding: 1em;
|
||||
max-height: 3em;
|
||||
padding: .3em;
|
||||
}
|
||||
.post {
|
||||
display:block;
|
||||
padding: 1em;
|
||||
border-radius:1em;
|
||||
}
|
||||
|
||||
.fullwidth { width: 100%; }
|
||||
|
|
@ -139,35 +129,22 @@ textarea.fullwidth { min-height:10em; }
|
|||
display:inline;
|
||||
bottom:0;
|
||||
}
|
||||
.panel {
|
||||
display:inline-block;
|
||||
}
|
||||
.panel,.bshpanel, aside {
|
||||
border-radius: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.spanel {
|
||||
max-width: 18em;
|
||||
display: inline-block;
|
||||
border-radius: 1.5em;
|
||||
padding: .3em;
|
||||
}
|
||||
fieldset {
|
||||
display: inline-block;
|
||||
border-radius: 1.5em;
|
||||
padding: .3em;
|
||||
}
|
||||
.xspanel {
|
||||
max-width:13em;
|
||||
display: inline-block;
|
||||
padding:.2em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.xxspanel {
|
||||
max-width:7em;
|
||||
display: inline-block;
|
||||
padding:.1em;
|
||||
border-radius: .5em;
|
||||
}
|
||||
|
||||
.hint {
|
||||
|
|
@ -175,21 +152,22 @@ display:inline-block;
|
|||
font-style: italic;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.hint::before {
|
||||
content: "(";
|
||||
}
|
||||
|
||||
.hint::after {
|
||||
content: ")";
|
||||
}
|
||||
|
||||
.usertitleref {
|
||||
border-radius: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.editable {
|
||||
margin: .5em;
|
||||
min-height:1em;
|
||||
border-radius: 1em;
|
||||
border-style: dashed;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
|
@ -199,17 +177,16 @@ content: ")";
|
|||
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; }
|
||||
|
||||
.photo { width: 100%; }
|
||||
|
|
@ -219,7 +196,6 @@ content: ")";
|
|||
nav li { display: inline-block; }
|
||||
|
||||
footer a {
|
||||
border-radius:1em;
|
||||
padding:1em;
|
||||
}
|
||||
|
||||
|
|
@ -230,35 +206,23 @@ a img, h1 img, .menuitem img { vertical-align: middle; }
|
|||
|
||||
|
||||
legend {
|
||||
border-radius:5px;
|
||||
padding:.5em;
|
||||
}
|
||||
|
||||
#copyr { text-align: center; display: block; }
|
||||
|
||||
#gspacer {
|
||||
border-radius:1em;
|
||||
margin:1em; padding:1em;
|
||||
display: inline-block }
|
||||
|
||||
.actionlink, .menuitem, a {
|
||||
display:inline-block;
|
||||
border-radius:1em;
|
||||
input, select, textarea {
|
||||
border-style: solid;
|
||||
border-width:1px;
|
||||
cursor: pointer;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
border-radius:1em;
|
||||
border-style: solid;
|
||||
border-width:1px;
|
||||
}
|
||||
|
||||
.code {
|
||||
font-family: "monospace";
|
||||
border-radius:25px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.bigavatar{
|
||||
|
|
@ -271,44 +235,38 @@ input, select, textarea {
|
|||
}
|
||||
|
||||
.comment {
|
||||
border-radius:25px;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.onhover {
|
||||
display:none;
|
||||
position: absolute;
|
||||
.username {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
animation-name: wobble;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: 1;
|
||||
padding:1em;
|
||||
}
|
||||
|
||||
.ohafter:hover + .onhover, .ohinside:hover > .onhover {
|
||||
display:block;
|
||||
z-index:2;
|
||||
padding:5px; margin:5px;
|
||||
background-color: rgba(0,0,40,.8);
|
||||
}
|
||||
.skillname, .performer, .usercard, .pagelink {
|
||||
.skillname, .pagelink {
|
||||
padding:.5em;
|
||||
margin:.25em;
|
||||
max-width: 24em;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
border-radius:1em;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.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); }
|
||||
.performer , .availability { text-align: center; padding: 1em; }
|
||||
|
||||
.c2 { font-size: small; font-style: italic; }
|
||||
|
||||
.c3 { font-size: x-small; font-style: italic; }
|
||||
|
||||
.rate {
|
||||
display:inline-bloc; width:5em; cursor: pointer; text-align:center;
|
||||
}
|
||||
|
||||
h2 select { font-size: large; }
|
||||
|
||||
ul.editablelist {
|
||||
|
|
@ -319,45 +277,47 @@ ul.editablelist>li {
|
|||
margin:.5em;
|
||||
padding:.2em;
|
||||
border: solid grey 1px;
|
||||
border-radius: 1em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
ul.editablelist>li:before {
|
||||
ul.editablelist>li:after {
|
||||
font-family: 'FontAwesome';
|
||||
content: "\f007";
|
||||
content: " ";
|
||||
}
|
||||
|
||||
ul.editablelist>li:hover {
|
||||
background-color: rgba(128,0,0,0.5);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
ul.editablelist>li:hover:before {
|
||||
ul.editablelist>li:hover:after {
|
||||
font-family: 'FontAwesome';
|
||||
content: "\f00d";
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {background-color:white;color:black;}
|
||||
.control, .actionlink, .menuitem, nav { display:none;}
|
||||
}
|
||||
|
||||
.bshpanel { display: inline-block; }
|
||||
.bsh { display: none; }
|
||||
.c3 { display:initial; }
|
||||
.c3-alt { display:none; }
|
||||
|
||||
@media all and (max-width: 640px) {
|
||||
header {
|
||||
padding-top:1em;
|
||||
padding-bottom:1em;
|
||||
@media all and (min-width: 640px) {
|
||||
|
||||
div.panel {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
}
|
||||
.high-z-index { z-index: 99; }
|
||||
|
||||
@media print {
|
||||
body {background-color:white;color:black;}
|
||||
.control, nav { display:none;}
|
||||
}
|
||||
|
||||
@media all and (max-width: 640px) {
|
||||
|
||||
|
||||
#avatar {
|
||||
margin:.5em;
|
||||
}
|
||||
|
||||
header h1, header a , .actionlink, .menuitem, a { padding:.5em;}
|
||||
|
||||
nav {
|
||||
margin: 1em;
|
||||
|
|
@ -372,22 +332,19 @@ header h1, header a , .actionlink, .menuitem, a { padding:.5em;}
|
|||
padding: 1em;
|
||||
}
|
||||
footer a {
|
||||
border-radius:.5em;
|
||||
margin:.5em;
|
||||
padding:.5em;
|
||||
}
|
||||
|
||||
.notification {
|
||||
padding: .5em;
|
||||
border-radius:.5em;
|
||||
margin:.5em;
|
||||
padding:.5em;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.menuitem {
|
||||
display: block;
|
||||
}
|
||||
.menuitem { display: block; }
|
||||
|
||||
.post {
|
||||
margin:.3em;
|
||||
padding:.3em;
|
||||
|
|
@ -404,10 +361,7 @@ header h1, header a , .actionlink, .menuitem, a { padding:.5em;}
|
|||
}
|
||||
|
||||
@media all and (max-width: 380px) {
|
||||
header {
|
||||
padding-top:.5em;
|
||||
padding-bottom:.5em;
|
||||
}
|
||||
|
||||
|
||||
header h1, header a { padding:.2em;}
|
||||
|
||||
|
|
@ -415,6 +369,7 @@ header h1, header a { padding:.2em;}
|
|||
margin: .5em;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: .5em;
|
||||
padding: .5em;
|
||||
|
|
@ -424,7 +379,6 @@ header h1, header a { padding:.2em;}
|
|||
padding: .5em;
|
||||
}
|
||||
footer a {
|
||||
border-radius:.2em;
|
||||
margin:.2em;
|
||||
padding:.2em;
|
||||
}
|
||||
|
|
@ -433,4 +387,3 @@ header h1, header a { padding:.2em;}
|
|||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue