Changeset 6151480e for installer


Ignore:
Timestamp:
Mar 6, 2017 4:43:02 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
25b03979
Parents:
97fa5d9
Message:

SusiDNS theme updates

Location:
installer/resources/themes/susidns
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/susidns/dark/susidns.css

    r97fa5d9 r6151480e  
    44body {
    55     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
    6      line-height:120%;
     6     line-height: 120%;
    77     background: #000;
     8     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.45)), url(/themes/console/dark/images/camotile2.png) top left fixed;
    89     color:#ee9;
    910     padding-top: 5px;
     
    1314
    1415body.iframed {
    15      background: transparent !important;
     16/*     background: transparent !important;*/
    1617     margin: 0;
    1718}
     
    3233     padding: 0 5px;
    3334     font-size: 9pt !important;
    34      box-shadow: inset 0 0 1px 0 #002;
    35      background: #000;
     35/*     background: #000;*/
    3636}
    3737
     
    3939     margin: 0;
    4040     padding: 0 15px;
     41     background: transparent !important;
    4142}
    4243
     
    173174     padding: 0 5px 15px;
    174175     text-align: center;
    175      background: #000;
     176     background: #001000;
    176177}
    177178
     
    187188
    188189#filter p, #search td {
    189      font-size: 10pt !important;
    190190     font-weight: bold;
    191191}
     
    193193#search {
    194194     text-align: center;
    195      background: #000;
     195     background: #000900;
    196196}
    197197
     
    246246#filter a {
    247247     border: 1px solid #2a5f29;
    248      padding: 3px 8px;
     248     margin: 1px 0 3px;
     249     padding: 1px 8px;
     250     min-width: 18px;
    249251     border-radius: 2px;
    250252     background: #000;
     
    253255     text-transform: uppercase;
    254256     white-space: nowrap;
     257     display: inline-block;
    255258}
    256259
     
    274277     margin-top: -1px;
    275278     padding: 5px;
     279     font-size: 10pt;
    276280     font-weight: bold;
     281     text-transform: capitalize;
    277282     background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
    278283}
     
    337342}
    338343
     344#content p {
     345     line-height: 130%;
     346}
     347
    339348.headline h3:first-child + h4 {
    340349     margin-top: -25px;
     
    456465     font-size: 9pt;
    457466     padding: 5px 10px;
    458      font-size: 10pt;
    459467     text-align: left;
    460468}
     
    537545     margin: 0 20px 0 10px;
    538546     display: table-row;
    539      padding: 0px 10px;
    540547}
    541548
     
    545552     font-size: 9pt;
    546553     list-style: square;
     554     line-height: 150%;
    547555}
    548556
    549557tr.list1 {
    550      background-color: #010;
     558     background-color: #000900;
    551559}
    552560
    553561tr.list0 {
    554      background-color: #000;
     562     background-color: #001000;
    555563}
    556564
     
    662670     width: 100%;
    663671     border: 1px solid #2a5f29;
    664 /*     margin-top: -10px;*/
     672     border-collapse: separate;
    665673}
    666674
     
    673681
    674682#book table td {
    675      border-bottom: 1px solid #141;
    676 }
    677 
    678 #book table tr:hover {
     683     border-bottom: 1px solid #121;
     684     border-top: 1px solid #000;
     685}
     686
     687#book table tr:hover td {
    679688     background: #001a00;
     689     border-bottom: 1px solid #2a5f29;
     690     border-top: 1px solid #2a5f29;
     691}
     692
     693#book table tr:nth-child(2):hover td {
     694     border-top: 1px solid transparent;
    680695}
    681696
     
    820835}
    821836
     837/*
    822838.destinations textarea {
    823839     width: 100%;
     
    831847     border-radius: 0;
    832848}
     849*/
    833850
    834851input:focus, textarea:focus {
     
    875892}
    876893
    877 /* responsive layout */
    878 
    879 @media screen and (max-width: 710px) {
    880 #navi a {
    881      background: linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%) !important;
    882      padding: 2px 8px !important;
    883 }
    884 
    885 #navi a.abook:hover, #navi a#overview:hover, #navi a#subs:hover, #navi a#config:hover,
    886 #navi a.abook:focus, #navi a#overview:focus, #navi a#subs:focus, #navi a#config:focus {
    887      background: #000 !important;
    888      padding: 2px 8px !important;
    889 }
    890 
    891 #navi a.abook:active, #navi a#overview:active, #navi a#subs:active, #navi a#config:active {
    892      background: #f60 !important;
    893 }
    894 }
    895 
    896 @media screen and (min-width: 1400px) {
    897 textarea {
    898      font-size: 9pt;
    899 }
    900 
    901 body, input[type="submit"], input[type="reset"], .fakebutton, input, select, h4, td.names a, p, li, #filter a, #host_details td {
    902      font-size: 10pt !important;
    903 }
    904 
    905 div#navi {
    906      padding: 6px 5px !important;
    907 }
    908 
    909 #navi a {
    910      font-size: 10pt !important;
    911      padding: 4px 7px 5px 25px !important;
    912 }
    913 
    914 h3 {
    915      font-size: 11pt !important;
    916 }
    917 
    918 #filter a:link, #filter a:visited {
    919      margin: 3px 2px !important;
    920 }
    921 form[action="addressbook"] > p.buttons {
    922      margin-bottom: -20px;
    923 }
    924 }
    925 
    926 /* end responsive layout */
    927 
    928894/* export hosts button adjustments */
    929895
     
    1001967     height: 20px;
    1002968     vertical-align: middle;
    1003      margin: 1px 10px 1px 1px;
     969     margin: 6px 8px 6px 2px;
    1004970     padding: 1px;
    1005971     border: 1px solid #141;
     
    1009975
    1010976.names img:hover, .names a:focus img {
    1011 /*     filter: drop-shadow(0 0 1px #f60) !important;
    1012      -webkit-filter: drop-shadow(0 0 1px #f60) !important;*/
    1013977     border: 1px solid #f60;
    1014978}
     
    1025989}
    1026990
    1027 #host_list th:first-child,
    1028 #host_list td:first-child {
     991#host_list th:first-child, #host_list td:first-child {
    1029992     width: 150px;
    1030993     width: 30%;
     
    11031066     font-weight: normal;
    11041067     padding: 3px !important;
     1068     display: flex;
     1069}
     1070
     1071#host_list .destaddress:hover, #host_list .destaddress:focus {
     1072     color: #bb0;
    11051073}
    11061074
     
    11091077td.destinations {
    11101078     max-width: 50px !important;
    1111      border-left: 1px solid #141;
    1112      border-right: 1px solid #141;
     1079     border-left: 1px solid #121;
     1080     border-right: 1px solid #121;
    11131081}
    11141082
     
    11191087}
    11201088
     1089/* responsive layout */
     1090
     1091@media screen and (max-width: 710px) {
     1092#navi a {
     1093     background: linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%) !important;
     1094     padding: 2px 8px !important;
     1095}
     1096
     1097#navi a.abook:hover, #navi a#overview:hover, #navi a#subs:hover, #navi a#config:hover,
     1098#navi a.abook:focus, #navi a#overview:focus, #navi a#subs:focus, #navi a#config:focus {
     1099     background: #000 !important;
     1100     padding: 2px 8px !important;
     1101}
     1102
     1103#navi a.abook:active, #navi a#overview:active, #navi a#subs:active, #navi a#config:active {
     1104     background: #f60 !important;
     1105}
     1106}
     1107
     1108@media screen and (min-width: 1400px) {
     1109
     1110body, input[type="submit"], input[type="reset"], .fakebutton, input, select, h4, td.names a, p, li, #filter a, #host_details td, textarea, th, #search td {
     1111     font-size: 10pt !important;
     1112}
     1113
     1114div#navi {
     1115     padding: 6px 5px !important;
     1116}
     1117
     1118#navi a {
     1119     font-size: 10pt !important;
     1120     padding: 4px 7px 5px 25px !important;
     1121}
     1122
     1123h3, #filter a, #filter span {
     1124     font-size: 11pt !important;
     1125}
     1126
     1127#filter a {
     1128     margin: 0 2px -2px !important;
     1129     min-width: 20px;
     1130}
     1131
     1132div#filter {
     1133     background: linear-gradient(to right, #000, #001000 10%, #001000 90%, #000);
     1134}
     1135
     1136form[action="addressbook"] > p.buttons {
     1137     margin-bottom: -20px;
     1138}
     1139}
     1140
     1141/* end responsive layout */
  • installer/resources/themes/susidns/light/susidns.css

    r97fa5d9 r6151480e  
    7575     padding: 7px 5px 6px;
    7676     border-radius: 2px;
    77      filter: drop-shadow(0px 0 1px #999);
    78      -webkit-filter: drop-shadow(0px 0 1px #999);
     77     filter: drop-shadow(0px 0 1px #bbb);
     78     -webkit-filter: drop-shadow(0px 0 1px #bbb);
    7979}
    8080
     
    201201     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    202202     box-shadow: inset 0 0 0 1px #fff;
    203      filter: drop-shadow(0 0 1px #999);
    204      -webkit-filter: drop-shadow(0 0 1px #999);
     203     filter: drop-shadow(0 0 1px #bbb);
     204     -webkit-filter: drop-shadow(0 0 1px #bbb);
    205205}
    206206
     
    476476     margin: 0;
    477477     display: inline;
     478     background: none;
    478479}
    479480
     
    481482     text-align: left;
    482483     padding: 0;
     484     background: none;
    483485}
    484486
     
    916918     text-decoration: none;
    917919     border-radius: 2px;
    918      box-shadow: inset 0px 2px 8px 0px #fff;
    919920     border: 1px solid #999;
    920921     box-shadow: inset 0 0 0 1px #fff;
     
    951952
    952953input[type="submit"]:active, input[type="reset"]:active, .fakebutton:active {
    953      box-shadow: inset 3px 3px 2px #555;
     954     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 2px #555;
    954955     background-blend-mode: luminosity;
    955956     color: #666;
Note: See TracChangeset for help on using the changeset viewer.