Changeset da9c06e for installer


Ignore:
Timestamp:
Oct 25, 2017 9:38:12 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
ac833ec
Parents:
df95e29
Message:

/configui: Use larger flags for language selection

Location:
installer/resources
Files:
31 added
4 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/console/classic/console.css

    rdf95e29 rda9c06e  
    46814681}
    46824682
     4683/* large flags */
     4684
     4685.langselect img {
     4686     margin-top: 2px !important;
     4687     margin-bottom: 34px !important;
     4688     margin-left: -70px !important;
     4689     width: 40px;
     4690     height: 40px;
     4691     border: none !important;
     4692     box-shadow: none;
     4693     opacity: 0.9 !important;
     4694     transform: none !important;
     4695     filter: drop-shadow(0 0 1px #77d);
     4696}
     4697
     4698.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     4699     margin-top: 6px !important;
     4700     margin-bottom: 38px !important;
     4701     width: 32px !important;
     4702     height: 32px !important;
     4703     border: none !important;
     4704     box-shadow: none !important;
     4705     opacity: 1 !important;
     4706     transform: none !important;
     4707     animation: glow 20s 10s infinite;
     4708}
     4709
     4710.langselect input:hover + img {
     4711     box-shadow: none !important;
     4712     border: none !important;
     4713     transition: none !important;
     4714     filter: drop-shadow(0 0 2px #f60);
     4715}
     4716
     4717/*
     4718.langselect input[name="lang"]:checked + img + .ui_lang {
     4719     margin: -24px -4px 0;
     4720}
     4721*/
     4722
     4723@keyframes glow {
     47240% {
     4725     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4726}
     4727
     472820% {
     4729     filter: drop-shadow(0 0 1px #f60);
     4730}
     4731
     473250% {
     4733     filter: drop-shadow(0 0 2px #930);
     4734}
     4735
     473680% {
     4737     filter: drop-shadow(0 0 1px #d40);
     4738}
     4739
     4740100% {
     4741     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4742}
     4743}
     4744
     4745/* end large flags */
     4746
    46834747/* configui password*/
    46844748
  • installer/resources/themes/console/dark/console.css

    rdf95e29 rda9c06e  
    31053105}
    31063106}
     3107
     3108/* large flags */
     3109
     3110.langselect img {
     3111     width: 40px;
     3112     height: 40px;
     3113     border: none !important;
     3114     margin-top: -6px !important;
     3115     margin-left: -82px;
     3116     position: absolute;
     3117     box-shadow: none;
     3118     opacity: 0.6;
     3119     filter: drop-shadow(0 0 1px #000);
     3120}
     3121
     3122.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3123     width: 32px !important;
     3124     height: 32px !important;
     3125     border: none !important;
     3126     margin-left: -78px;
     3127     margin-top: -2px !important;
     3128     margin-bottom: 0;
     3129     box-shadow: none !important;
     3130     opacity: 1;
     3131}
     3132
     3133.langselect input:hover + img {
     3134     box-shadow: none !important;
     3135     transition: none !important;
     3136     filter: drop-shadow(0 0 1px #f60);
     3137}
     3138
     3139/* end large flags */
    31073140
    31083141/* end flag as radio icons */
  • installer/resources/themes/console/light/console.css

    rdf95e29 rda9c06e  
    48194819}
    48204820
     4821/* large flags */
     4822
     4823.langselect img {
     4824     margin-top: -60px !important;
     4825     margin-bottom: 34px !important;
     4826     width: 40px;
     4827     height: 40px;
     4828     border: none !important;
     4829     box-shadow: none;
     4830     opacity: 0.9 !important;
     4831     transform: none !important;
     4832     filter: drop-shadow(0 0 1px #77d);
     4833}
     4834
     4835.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     4836     margin-top: -56px !important;
     4837     margin-bottom: 30px !important;
     4838     width: 32px !important;
     4839     height: 32px !important;
     4840     border: none !important;
     4841     box-shadow: none !important;
     4842     opacity: 1 !important;
     4843     transform: none !important;
     4844     animation: glow 20s 10s infinite;
     4845}
     4846
     4847.langselect input:hover + img {
     4848     box-shadow: none !important;
     4849     border: none !important;
     4850     transition: none !important;
     4851     filter: drop-shadow(0 0 2px #f60);
     4852}
     4853
     4854.langselect input[name="lang"]:checked + img + .ui_lang {
     4855     margin: -24px -4px 0;
     4856}
     4857
     4858@keyframes glow {
     48590% {
     4860     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4861}
     4862
     486320% {
     4864     filter: drop-shadow(0 0 1px #f60);
     4865}
     4866
     486750% {
     4868     filter: drop-shadow(0 0 2px #930);
     4869}
     4870
     487180% {
     4872     filter: drop-shadow(0 0 1px #d40);
     4873}
     4874
     4875100% {
     4876     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4877}
     4878}
     4879
     4880/* end large flags */
     4881
    48214882div.ui_lang {
    48224883     text-align: center;
  • installer/resources/themes/console/midnight/console.css

    rdf95e29 rda9c06e  
    35533553}
    35543554
     3555/* large flags */
     3556
     3557.langselect img {
     3558     width: 40px;
     3559     height: 40px;
     3560     border: none !important;
     3561     margin-top: -6px !important;
     3562     margin-left: -82px;
     3563     position: absolute;
     3564     box-shadow: none;
     3565     opacity: 0.75;
     3566     filter: drop-shadow(0 0 1px #000);
     3567}
     3568
     3569.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3570     width: 32px !important;
     3571     height: 32px !important;
     3572     border: none !important;
     3573     margin-left: -78px;
     3574     margin-top: -2px !important;
     3575     margin-bottom: 0;
     3576     box-shadow: none !important;
     3577     opacity: 1;
     3578}
     3579
     3580.langselect input:hover + img {
     3581     box-shadow: none !important;
     3582     transition: none !important;
     3583     filter: drop-shadow(0 0 2px #652787);
     3584}
     3585
     3586/* end large flags */
    35553587/* end flag as radio icons */
    35563588
Note: See TracChangeset for help on using the changeset viewer.