Changeset a9bf1e29 for installer


Ignore:
Timestamp:
Jun 3, 2017 2:01:33 PM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
4da95af
Parents:
d50c12dc
Message:

SusiDNS:

  • Rework SVG image
    • Now features interactive feedback when mouseover objects and hotlinks
  • Update fallback images for en and fr
  • Update overview text
  • added tabindex="0" to destination addresses, highlighted on :focus
Location:
installer/resources/themes/susidns
Files:
7 edited

Legend:

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

    rd50c12dc ra9bf1e29  
    158158.iframed #content h3:first-child {
    159159     margin-top: 10px;
     160}
     161
     162#content {
     163     padding-bottom: 10px;
    160164}
    161165
     
    493497
    494498.illustrate {
    495      max-width: 90%;
     499     max-width: 700px;
    496500     height: auto;
    497 }
    498 
    499 img.illustrate {
    500      margin: 10px 10px 20px;
     501     margin: 10px auto 20px;
    501502     padding: 10px;
    502503     border-radius: 4px;
     
    506507     background: #fff;
    507508     filter: drop-shadow(0 0 1px #999);
     509     text-align: center;
    508510}
    509511
     
    711713}
    712714
    713 .headline#config h3 {
     715.headline#configure h3 {
    714716     background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat;
    715717}
     
    906908/* end hostname list */
    907909
     910.destaddress:focus {
     911     background: #ffe;
     912}
     913
    908914td.destinations {
    909915     max-width: 50px !important;
     
    914920/* responsive layout */
    915921
     922@media screen and (max-width: 1000px) {
     923.iframed .illustrate {
     924     margin: 10px auto 10px;
     925     min-width: 450px;
     926     width: 90%;
     927}
     928}
     929
    916930@media screen and (min-width: 1400px) {
    917931body, p, td, textarea, input, button, li, a {
     
    945959}
    946960
     961.illustrate {
     962     margin-top: 15px;
     963}
     964}
     965
    947966/* end responsive layout */
    948967
  • installer/resources/themes/susidns/dark/susidns.css

    rd50c12dc ra9bf1e29  
    332332}
    333333
     334#content {
     335     padding-bottom: 10px;
     336}
     337
    334338#content h3 {
    335339     border: none;
     
    650654
    651655.illustrate {
    652      max-width: 90%;
     656     max-width: 700px;
    653657     height: auto;
    654      margin: 20px 0 15px;
     658     margin: 20px auto 10px;
    655659     padding: 10px;
    656660     border-radius: 4px;
     
    892896}
    893897
    894 .headline#config h3 {
     898.headline#configure h3 {
    895899     background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
    896900}
     
    10611065}
    10621066
     1067.destaddress:focus {
     1068     background: #001a00;
     1069     outline: none;
     1070}
     1071
    10631072#host_list .destaddress {
    1064      overflow: auto !important;
    10651073     white-space: nowrap;
    10661074     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
    10671075     font-weight: normal;
    1068      padding: 3px !important;
     1076     padding: 3px 10px !important;
    10691077     -moz-user-select: all;
    10701078     -webkit-user-select: all;
    10711079     user-select: all;
     1080     overflow: hidden;
     1081     text-overflow: ellipsis;
    10721082}
    10731083
    10741084#host_list .destaddress:hover, #host_list .destaddress:focus {
    10751085     color: #bb0;
     1086     overflow: auto;
     1087     text-overflow: clip;
    10761088}
    10771089
     
    11081120}
    11091121
     1122@media screen and (max-width: 1000px) {
     1123.illustrate {
     1124     margin: 15px auto 10px;
     1125     min-width: 450px;
     1126     width: 90%;
     1127}
     1128}
     1129
    11101130@media screen and (min-width: 1400px) {
    11111131
  • installer/resources/themes/susidns/images/how.svg

    rd50c12dc ra9bf1e29  
    11<?xml version="1.0" encoding="UTF-8" standalone="no"?>
    2 <!-- Created with Inkscape (http://www.inkscape.org/) -->
    3 
    4 <svg
    5    xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
    6    xmlns:dc="http://purl.org/dc/elements/1.1/"
    7    xmlns:cc="http://creativecommons.org/ns#"
    8    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    9    xmlns:svg="http://www.w3.org/2000/svg"
    10    xmlns="http://www.w3.org/2000/svg"
    11    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    12    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    13    width="900"
    14    height="550"
    15    id="svg2"
    16    version="1.1"
    17    inkscape:version="0.48.5 r10040"
    18    sodipodi:docname="I2P_Addressbooks_2v2.svg"
    19    inkscape:export-filename="/home/z3r0fox/Documents/I2P/I2P_Addressbooks.png"
    20    inkscape:export-xdpi="90"
    21    inkscape:export-ydpi="90">
    22   <defs
    23      id="defs4">
    24     <marker
    25        inkscape:stockid="TriangleOutS"
    26        orient="auto"
    27        refY="0.0"
    28        refX="0.0"
    29        id="TriangleOutS"
    30        style="overflow:visible">
    31       <path
    32          id="path4373"
    33          d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
    34          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
    35          transform="scale(0.2)" />
     2<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 587" preserveAspectRatio="xMidYMid meet">
     3  <style>
     4.a {
     5fill: #fff;
     6stroke-linejoin: round;
     7stroke-width: 1.5;
     8stroke: #000;
     9}
     10
     11.b, .c, .d, .e, .f, .g {
     12font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
     13font-feature-settings: normal;
     14font-variant-caps: normal;
     15font-variant-ligatures: normal;
     16font-variant-numeric: normal;
     17text-align: center;
     18text-anchor: middle;
     19}
     20
     21.b {
     22font-size: 20px;
     23}
     24
     25.c {
     26font-size: 20px;
     27}
     28
     29.d {
     30font-size: 30px;
     31font-weight: bold;
     32}
     33
     34.e {
     35font-size: 30px;
     36}
     37
     38.f {
     39font-size: 20px;
     40font-weight: bold;
     41}
     42
     43.g {
     44font-size: 20px;
     45}
     46
     47text.tooltip:hover {
     48fill: #090;
     49}
     50
     51path.tooltip, rect.tooltip {
     52fill: #F9FFEF;
     53}
     54
     55rect.tooltip:hover {
     56fill: url(#hover);
     57}
     58
     59path.tooltip:hover {
     60fill: url(#arrow);
     61}
     62
     63.private {
     64fill: #ffffee;
     65}
     66
     67.private:hover {
     68fill: url(#hover2);
     69}
     70
     71.privatezone {
     72 stroke: #f00;
     73  fill: none;
     74  stroke-dasharray: 5,5;
     75  stroke-width: 1;
     76}
     77
     78.subs {
     79  stroke-dasharray: 3,3;
     80  stroke-width: 1;
     81}
     82
     83a:hover {
     84cursor: pointer;
     85fill: #f60;
     86}
     87  </style>
     88  <defs>
     89    <marker orient="auto" refY="0" refX="0">
     90      <path d="M1 0-1 1v-2z"/>
    3691    </marker>
    37     <marker
    38        inkscape:stockid="Arrow1Send"
    39        orient="auto"
    40        refY="0.0"
    41        refX="0.0"
    42        id="Arrow1Send"
    43        style="overflow:visible;">
    44       <path
    45          id="path4240"
    46          d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
    47          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;"
    48          transform="scale(0.2) rotate(180) translate(6,0)" />
    49     </marker>
    50     <marker
    51        inkscape:stockid="TriangleOutM"
    52        orient="auto"
    53        refY="0.0"
    54        refX="0.0"
    55        id="TriangleOutM"
    56        style="overflow:visible">
    57       <path
    58          id="path4370"
    59          d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
    60          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
    61          transform="scale(0.4)" />
    62     </marker>
    63     <marker
    64        inkscape:stockid="Arrow2Mend"
    65        orient="auto"
    66        refY="0.0"
    67        refX="0.0"
    68        id="Arrow2Mend"
    69        style="overflow:visible;">
    70       <path
    71          id="path4252"
    72          style="fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
    73          d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
    74          transform="scale(0.6) rotate(180) translate(0,0)" />
    75     </marker>
    76     <marker
    77        inkscape:stockid="Arrow2Lend"
    78        orient="auto"
    79        refY="0.0"
    80        refX="0.0"
    81        id="Arrow2Lend"
    82        style="overflow:visible;">
    83       <path
    84          id="path4246"
    85          style="fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
    86          d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
    87          transform="scale(1.1) rotate(180) translate(1,0)" />
    88     </marker>
    89     <linearGradient
    90        id="linearGradient3833"
    91        osb:paint="solid">
    92       <stop
    93          style="stop-color:#000000;stop-opacity:1;"
    94          offset="0"
    95          id="stop3835" />
     92    <linearGradient id="hover" x1="0" x2="0" y1="0" y2="1">
     93      <stop offset="0%" stop-color="#efe" ></stop>
     94      <stop offset="50%" stop-color="#cfc" ></stop>
     95      <stop offset="100%" stop-color="#efe" ></stop>
     96    </linearGradient>
     97    <linearGradient id="hover2" x1="0" x2="0" y1="0" y2="1">
     98      <stop offset="0%" stop-color="#ffe" ></stop>
     99      <stop offset="50%" stop-color="#ff7" ></stop>
     100      <stop offset="100%" stop-color="#ffe" ></stop>
     101    </linearGradient>
     102    <linearGradient id="arrow" x1="0" x2="0" y1="0" y2="1">
     103      <stop offset="10%" stop-color="#fff" ></stop>
     104      <stop offset="50%" stop-color="#cfc" ></stop>
     105      <stop offset="100%" stop-color="#efe" ></stop>
    96106    </linearGradient>
    97107  </defs>
    98   <sodipodi:namedview
    99      id="base"
    100      pagecolor="#ffffff"
    101      bordercolor="#666666"
    102      borderopacity="1.0"
    103      inkscape:pageopacity="1"
    104      inkscape:pageshadow="2"
    105      inkscape:zoom="0.70710678"
    106      inkscape:cx="458.28588"
    107      inkscape:cy="264.46843"
    108      inkscape:document-units="px"
    109      inkscape:current-layer="layer3"
    110      showgrid="false"
    111      inkscape:window-width="1920"
    112      inkscape:window-height="1014"
    113      inkscape:window-x="0"
    114      inkscape:window-y="27"
    115      inkscape:window-maximized="1"
    116      showguides="true"
    117      inkscape:guide-bbox="true"
    118      inkscape:showpageshadow="false"
    119      showborder="false" />
    120   <metadata
    121      id="metadata7">
    122     <rdf:RDF>
    123       <cc:Work
    124          rdf:about="">
    125         <dc:format>image/svg+xml</dc:format>
    126         <dc:type
    127            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
    128         <dc:title />
    129       </cc:Work>
    130     </rdf:RDF>
    131   </metadata>
    132   <g
    133      inkscape:groupmode="layer"
    134      id="layer2"
    135      inkscape:label="Local Records Bound">
    136     <g
    137        inkscape:groupmode="layer"
    138        id="layer3"
    139        inkscape:label="Background">
    140       <rect
    141          style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.0422982;stroke-opacity:1"
    142          id="rect6550"
    143          width="931.9245"
    144          height="579.78534"
    145          x="-19.777842"
    146          y="-12.83585"
    147          ry="0" />
    148     </g>
    149     <path
    150        style="fill:#dcdcdc;fill-opacity:1;stroke:#86887a;stroke-width:2.01356006;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    151        d="m 30.890714,69.164214 c -8.224961,0 -14.823986,6.541695 -14.823986,14.65625 l 0,216.781246 c 0,8.11456 0,21.16669 0,29.28125 l 0,78.1875 c 0,8.11456 6.599025,14.65625 14.823986,14.65625 l 401.989756,0 c 6.88999,0 21.77869,0 28.66604,0 l 411.99911,0 c 8.22497,0 14.85566,-6.54169 14.85566,-14.65625 l 0,-78.1875 c 0,-8.11456 -6.63069,-14.65625 -14.85566,-14.65625 l -411.99911,0 c -6.88735,0 -16.43942,-6.51044 -16.43942,-14.625 l 0,-216.781246 c 0,-8.114555 -6.6307,-14.65625 -14.85566,-14.65625 z"
    152        id="rect4048"
    153        inkscape:connector-curvature="0"
    154        sodipodi:nodetypes="sssssssssssssssss" />
    155     <path
    156        style="fill:none;stroke:#000000;stroke-width:7.75368643;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.75368654, 7.75368654;stroke-dashoffset:0;marker-end:url(#TriangleOutS)"
    157        d="m 451.13412,399.89047 0,46.87194"
    158        id="path4219"
    159        inkscape:connector-curvature="0" />
    160   </g>
    161   <g
    162      inkscape:label="Layer 1"
    163      inkscape:groupmode="layer"
    164      id="layer1"
    165      transform="translate(0,-502.36218)">
    166     <rect
    167        style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:8, 8;stroke-dashoffset:0"
    168        id="rect4217"
    169        width="288.49957"
    170        height="128.69344"
    171        x="29.698484"
    172        y="680.42401"
    173        ry="14.647212" />
    174     <rect
    175        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    176        id="rect2985-0-1-1-8-0-4"
    177        width="392.53958"
    178        height="61.619305"
    179        x="476.89587"
    180        y="716.08234"
    181        ry="14.647212" />
    182     <rect
    183        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    184        id="rect2985"
    185        width="401.03055"
    186        height="61.619305"
    187        x="248.85085"
    188        y="960.64032"
    189        ry="14.647212"
    190        inkscape:export-xdpi="90"
    191        inkscape:export-ydpi="90"
    192        inkscape:export-filename="/home/z3r0fox/Documents/I2P/I2P_Addressbooks.png" />
    193     <text
    194        xml:space="preserve"
    195        style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    196        x="318.22424"
    197        y="999.0943"
    198        id="text3759"
    199        sodipodi:linespacing="125%"><tspan
    200          sodipodi:role="line"
    201          id="tspan3761"
    202          x="318.22424"
    203          y="999.0943"
    204          style="font-size:20px">PUBLISHED ADDRESSBOOK</tspan></text>
    205     <rect
    206        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    207        id="rect2985-0"
    208        width="401.03055"
    209        height="61.619305"
    210        x="250.2148"
    211        y="839.92706"
    212        ry="14.647212" />
    213     <rect
    214        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.21147585;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    215        id="rect2985-0-1-3"
    216        width="261.59198"
    217        height="61.619305"
    218        x="39.99683"
    219        y="714.26422"
    220        ry="14.647212" />
    221     <text
    222        xml:space="preserve"
    223        style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    224        x="123.64268"
    225        y="548.29602"
    226        id="text3910"
    227        sodipodi:linespacing="125%"><tspan
    228          sodipodi:role="line"
    229          id="tspan3912"
    230          x="123.64268"
    231          y="548.29602"
    232          style="font-size:24px;font-style:normal;font-weight:bold;-inkscape-font-specification:Arial Bold">LOCAL RECORDS</tspan></text>
    233     <text
    234        xml:space="preserve"
    235        style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    236        x="592.61475"
    237        y="548.38812"
    238        id="text3804-7"
    239        sodipodi:linespacing="125%"><tspan
    240          sodipodi:role="line"
    241          id="tspan3806-0"
    242          x="592.61475"
    243          y="548.38812"
    244          style="font-size:24px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:Arial Bold">SUBSCRIPTIONS</tspan></text>
    245     <rect
    246        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    247        id="rect2985-0-1-1-8-0"
    248        width="392.53958"
    249        height="61.619305"
    250        x="476.89584"
    251        y="692.04077"
    252        ry="14.647212" />
    253     <rect
    254        style="fill:#ffffff;stroke:#000000;stroke-width:1.45869457999999996;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
    255        id="rect2985-0-1-1-8-09"
    256        width="392.53958"
    257        height="59.532894"
    258        x="34.247021"
    259        y="588.80316"
    260        ry="14.151262" />
    261     <rect
    262        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    263        id="rect2985-0-1-1-8-0-3"
    264        width="392.53958"
    265        height="61.619305"
    266        x="476.89587"
    267        y="667.99915"
    268        ry="14.647212" />
    269     <rect
    270        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    271        id="rect2985-0-1-1-8-0-3-8"
    272        width="392.53958"
    273        height="61.619305"
    274        x="476.8959"
    275        y="641.12903"
    276        ry="14.647212" />
    277     <rect
    278        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    279        id="rect2985-0-1-1-8-0-3-8-6"
    280        width="392.53958"
    281        height="61.619305"
    282        x="476.8959"
    283        y="614.25903"
    284        ry="14.647212" />
    285     <rect
    286        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.44015396;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    287        id="rect2985-0-1-1-8-0-3-8-6-2"
    288        width="392.53958"
    289        height="58.02914"
    290        x="476.89584"
    291        y="589.55286"
    292        ry="13.793812" />
    293     <text
    294        xml:space="preserve"
    295        style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
    296        x="523.25903"
    297        y="625.26965"
    298        id="text3058"
    299        sodipodi:linespacing="125%"><tspan
    300          sodipodi:role="line"
    301          id="tspan3060"
    302          x="523.25903"
    303          y="625.26965">http://i2p-projekt.i2p/hosts.txt</tspan><tspan
    304          sodipodi:role="line"
    305          x="523.25903"
    306          y="650.26965"
    307          id="tspan3062" /></text>
    308     <text
    309        xml:space="preserve"
    310        style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    311        x="111.58013"
    312        y="625.36176"
    313        id="text3804-4"
    314        sodipodi:linespacing="125%"><tspan
    315          sodipodi:role="line"
    316          id="tspan3806-6"
    317          x="111.58013"
    318          y="625.36176"
    319          style="font-size:20px">MASTER ADDRESSBOOK</tspan></text>
    320     <text
    321        xml:space="preserve"
    322        style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    323        x="48.546604"
    324        y="752.23694"
    325        id="text3804-0"
    326        sodipodi:linespacing="125%"><tspan
    327          sodipodi:role="line"
    328          id="tspan3806-7"
    329          x="48.546604"
    330          y="752.23694"
    331          style="font-size:20px">PRIVATE ADDRESSBOOK</tspan></text>
    332     <text
    333        xml:space="preserve"
    334        style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
    335        x="334.5625"
    336        y="876.79767"
    337        id="text3804"
    338        sodipodi:linespacing="125%"><tspan
    339          sodipodi:role="line"
    340          id="tspan3806"
    341          x="334.5625"
    342          y="876.79767"
    343          style="font-size:20px">ROUTER ADDRESSBOOK</tspan></text>
    344     <text
    345        xml:space="preserve"
    346        style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
    347        x="668.92303"
    348        y="867.10022"
    349        id="text4096"
    350        sodipodi:linespacing="125%"><tspan
    351          sodipodi:role="line"
    352          id="tspan4098"
    353          x="668.92303"
    354          y="867.10022"
    355          style="font-weight:bold">SEARCHABLE BY</tspan><tspan
    356          sodipodi:role="line"
    357          x="668.92303"
    358          y="892.10022"
    359          id="tspan4100"
    360          style="font-weight:bold">I2P APPLICATIONS</tspan></text>
    361     <text
    362        xml:space="preserve"
    363        style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
    364        x="669.99786"
    365        y="984.91705"
    366        id="text4096-4"
    367        sodipodi:linespacing="125%"><tspan
    368          sodipodi:role="line"
    369          x="669.99786"
    370          y="984.91705"
    371          id="tspan4100-2"
    372          style="font-weight:bold">OPTIONAL, FOR</tspan><tspan
    373          sodipodi:role="line"
    374          x="669.99786"
    375          y="1009.9171"
    376          id="tspan4128"
    377          style="font-weight:bold">EEPSITES</tspan></text>
    378     <path
    379        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.09225798;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    380        d="m 360.61885,654.35563 0,124.26272 -19.78125,-0.0723 20.75,29.19795 20.71875,29.19795 21.0625,-29.05357 21.03125,-29.0536 -17.9375,-0.0723 0,-124.40709 -45.84375,0 z"
    381        id="rect4130"
    382        inkscape:connector-curvature="0" />
    383     <path
    384        inkscape:connector-curvature="0"
    385        style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.0965755;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
    386        d="m 521.05801,654.02458 0,124.77607 -19.78125,-0.0725 20.75,29.31856 20.71875,29.31858 21.0625,-29.17362 21.03125,-29.1736 -17.9375,-0.0723 0,-124.92103 -45.84375,0 z"
    387        id="rect4130-3" />
     108  <g transform="translate(0 0.0000057220459)">
     109    <path d="m31 76c-9 0-16 7-16 16v231c0 9 0 23 0 31v83c0 9 7 16 16 16h429c7 0 23 0 31 0h440c9 0 16-7 16-16v-83c0-9-7-16-16-16h-439c-7 0-17-7-17-16v-231c0-9-7-16-16-16z" style="fill:#edffff;stroke-linejoin:round;stroke-width:1;stroke:#999"/>
     110    <rect class="privatezone" width="308" height="137" x="29" y="192" ry="10" style="fill:#efefd7;stroke-linejoin:round"/>
     111    <rect class="a subs" width="419" height="66" x="506" y="230" ry="10"/>
     112    <rect class="a tooltip" width="428" height="66" x="264" y="491" ry="10">
     113    <title>If SusiDNS is configured to publish your Router address book, the entries will appear in your Published address book and saved to a hosts.txt file for sharing.</title>
     114    </rect>
     115    <path class="a tooltip" d="m468 418v7h19v-7zm0 16v6h19v-6zm0 15v6h19v-6zm0 15v6h-8l9 12 9 12 9-12 9-12h-8v-6z">
     116    <title>To configure SusiDNS to push your Router address book to your Published address book, set "should_publish=true" on the configuration page.</title>
     117    </path>
     118    <a xlink:href="/susidns/addressbook?book=published" target="_parent">
     119    <text class="b" x="477" y="531">
     120      <tspan class="c" x="477" y="531">
     121         PUBLISHED ADDRESSBOOK
     122      </tspan>
     123    </text>
     124    </a>
     125    <rect class="a tooltip" width="428" height="66" x="264" y="362" ry="10">
     126      <title>All hosts derived from subscriptions will appear in this address book, in addition to any you manually add here or to your Master address book.</title>
     127    </rect>
     128    <rect class="a private" width="279" height="66" x="44" y="228" ry="10">
     129      <title>Hosts you manually add here will never be published. You can also add aliases to hosts in other address books here.</title>
     130    </rect>
     131    <text class="d tooltip" x="243" y="51">
     132      <tspan class="e" x="243" y="51">
     133         LOCAL RECORDS
     134      </tspan>
     135      <title>I2P applications (including the HTTP proxy) use the hosts in your local address books to resolve .i2p hostnames.</title>
     136    </text>
     137    <a xlink:href="/help#addressbooksubs" target="_top">
     138    <text class="d" x="716" y="51">
     139      <tspan class="e" x="716" y="51">
     140         SUBSCRIPTIONS
     141      </tspan>
     142      <title>Additional subscriptions can be found in the FAQ section of the Router help page.</title>
     143    </text>
     144    </a>
     145    <rect class="a subs" width="419" height="66" x="506" y="204" ry="10"/>
     146    <rect class="a tooltip" width="419" height="64" x="34" y="94" ry="10">
     147      <title>If you manually add hosts here, they will be included your Published address book (if configured).</title>
     148    </rect>
     149    <rect class="a subs" width="419" height="66" x="506" y="179" ry="10"/>
     150    <rect class="a subs" width="419" height="66" x="506" y="150" ry="10"/>
     151    <rect class="a subs" width="419" height="66" x="506" y="122" ry="10"/>
     152    <rect class="a tooltip" width="419" height="62" x="506" y="95" ry="10">
     153      <title>Hosts sourced from your subscriptions are added to your Router address book, and are automatically synced (by default every 12 hours).</title>
     154    </rect>
     155    <text class="b" x="715" y="132">
     156      <tspan class="c" x="715" y="132">
     157         http:&#x2F;&#x2F;i2p-projekt.i2p&#x2F;hosts.txt
     158      </tspan>
     159      <tspan class="c" x="715" y="145"/>
     160    </text>
     161    <a xlink:href="/susidns/addressbook?book=master" target="_parent">
     162    <text class="b" x="243" y="134">
     163      <tspan class="c" x="243" y="134">
     164         MASTER ADDRESSBOOK
     165      </tspan>
     166    </text>
     167    </a>
     168    <a xlink:href="/susidns/addressbook?book=private" target="_parent">
     169    <text class="b" x="182" y="268">
     170      <tspan class="c" x="182" y="268">
     171         PRIVATE ADDRESSBOOK
     172      </tspan>
     173    </text>
     174    </a>
     175    <a xlink:href="/susidns/addressbook?book=router" target="_parent">
     176    <text class="b" x="477" y="403">
     177      <tspan class="c" x="477" y="403">
     178         ROUTER ADDRESSBOOK
     179      </tspan>
     180    </text>
     181    </a>
     182    <text class="f tooltip" x="817" y="389">
     183      <tspan class="g" x="817" y="389">
     184         SEARCHABLE BY
     185      </tspan>
     186      <tspan class="g" x="817" y="416">
     187         I2P APPLICATIONS
     188      </tspan>
     189      <title>The Master, Router and Private address books collectively serve as the DNS authority for I2P applications.</title>
     190    </text>
     191    <text class="f tooltip" x="817" y="518">
     192      <tspan class="g" x="817" y="518">
     193         OPTIONAL, FOR
     194      </tspan>
     195      <tspan class="g" x="817" y="545">
     196         EEPSITES
     197      </tspan>
     198      <title>If you configure SusiDNS to publish your Router address book, it will export a hosts.txt file containing all the hosts (by default to the root of your eepsite).</title>
     199    </text>
     200    <path class="a tooltip" d="m382 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133h-49z">
     201    <title>Addresses manually added to your Master address book will merge with your Router address book.</title>
     202    </path>
     203    <path class="a tooltip" d="m553 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133z">
     204    <title>Hosts you receive from your subscriptions will merge with your Router address book.</title>
     205    </path>
    388206  </g>
    389207</svg>
  • installer/resources/themes/susidns/light/susidns.css

    rd50c12dc ra9bf1e29  
    1 /* Susimail "Light" theme by dr|z3d */
     1/* SusiDNS "Light" theme by dr|z3d */
    22/* Codename "Corporat" */
    33
    44body {
    5      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     5     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    66     font-size: 9pt;
    77     background-color: #fff;
     
    164164}
    165165
    166 .headline#config h3 {
     166.headline#configure h3 {
    167167     background: url(/themes/susidns/images/configure_24.png) left center no-repeat;
    168168}
     
    444444
    445445.illustrate {
    446      max-width: 90%;
     446     min-width: 550px;
     447     width: 70%;
     448     max-width: 700px;
    447449     height: auto;
    448      margin: 10px 10px 20px;
     450     margin: 20px auto 20px;
    449451     padding: 2px 10px;
    450452     border-radius: 4px;
    451453     border: 1px solid #447;
    452      font-size: 10pt;
    453454     box-shadow: inset 0 0 0 1px #ccc;
    454455     background: #fff;
    455456     opacity: 0.85;
    456457     filter: drop-shadow(0 0 1px #999);
     458     text-align: center;
    457459}
    458460
     
    756758}
    757759
     760.destaddress:focus {
     761     background: #ffd;
     762}
     763
    758764#host_list .destaddress {
    759765     overflow: auto !important;
     
    986992input[type="submit"], input[type="reset"], .fakebutton {
    987993     margin: 5px;
    988      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     994     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    989995     padding: 4px 3px;
    990996     text-decoration: none;
     
    12451251
    12461252@media screen and (max-width: 1000px) {
    1247 .iframed .illustrate {
    1248      margin: 0 10px 15px;
     1253.illustrate {
     1254     margin: 10px auto 10px;
     1255     min-width: 450px;
     1256     width: 90%;
    12491257}
    12501258
  • installer/resources/themes/susidns/midnight/susidns.css

    rd50c12dc ra9bf1e29  
    541541}
    542542
    543 div#content {
    544 }
    545 
    546543div#content p {
    547544     padding: 0 30px;
     545     line-height: 140%;
    548546}
    549547
     
    620618
    621619.illustrate {
    622      max-width: 90%;
     620     max-width: 700px;
    623621     height: auto;
    624      margin: 20px 0 15px;
     622     margin: 20px auto 15px;
    625623     padding: 10px;
    626624     border-radius: 2px;
     
    920918}
    921919
    922 .headline#config h3 {
     920.headline#configure h3 {
    923921     background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%);
    924922}
     
    995993#host_details tr:hover {
    996994     background: #ffd;
     995}
     996
     997.destaddress:focus {
     998     background: #003;
     999     outline: none;
    9971000}
    9981001
     
    11211124/* responsive layout */
    11221125
     1126@media screen and (max-width: 1000px) {
     1127.illustrate {
     1128     margin: 15px auto 10px;
     1129     min-width: 450px;
     1130     width: 90%;
     1131}
     1132}
     1133
    11231134@media screen and (min-width: 1200px) {
    11241135#filter a {
Note: See TracChangeset for help on using the changeset viewer.