Widget:Simple Pack

From Save the Seed Network
Jump to: navigation, search

<style> .top_bar {

   font-size: 9px;
   margin-bottom: 4px;

}

.bank_bar {

   font-size: 8px;
   margin-top: 2px;

}

.variety {

   font-size: 21px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   line-height: 22px;
   font-family: monospace;
   margin-bottom: 4px;
   margin-right: 11px;
   max-height: 90px;
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;

}

.latin_name {

   font-size:14px;
   font-style: italic;
   text-align:center;
   line-height: 16px;
   margin-top: 0px;
   margin-bottom: 2px;
   margin-right: 11px;

}

.grown {

   font-size: 12px;
   text-align: center;
   margin-right: 11px;
   font-weight: bold;
   margin-top: 4px;

}

.top_bar .zone {

   float: right;
   margin-right: 20px;

}

.qty_date {

   font-size: 8pt;

}

.bank {

   font-size: 7.9pt;
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   margin-right: 11px;
   max-width: 180px;
   max-height: 30px;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;

}

</style> <svg class="simple_pack" width="2in" height="4in"

    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 400">

<rect x="0" y="0" width="200" height="75" stroke="grey" stroke-width="1" fill="none" /> <text x="-100" y="-50" width="190" font-size="10px" transform="rotate(180)" text-align="center" text-anchor="middle" style="

   font-family: monospace;
   font-size: 10pt;

">Please, Grow</text> <text x="-100" y="-32" width="190" font-size="10px" transform="rotate(180)" text-align="center" text-anchor="middle" style="

   font-family: monospace;
   font-size: 10pt;

">Save the Seed & Return.</text> <text x="-100" y="-15" width="190" font-size="10px" transform="rotate(180)" text-align="center" text-anchor="middle" style="

   font-family: monospace;
   font-size: 10pt;

">Not for Sale</text>

<foreignObject x="5" y="85" width="180" height="200">

  Zone:


Var.

Grown by

in ,

</foreignObject>


<foreignObject x="5" y="286" width="180" height="10">

</foreignObject> <text style="font-size: 8pt;" class="packaged" x="10" y="308">PACKAGED</text> <text style="font-size: 8pt;" class="date" x="10" y="324">DATE:</text> <text style="font-size: 8pt;font-weight: bold;" class="date_line" x="10" y="347">__________</text> <text style="font-size: 8pt;/* font-weight: bold; */" class="qty" x="10" y="364">QUANTITY:</text> <text style="font-size: 8pt;font-weight: bold;" class="qty_line" x="10" y="390">__________</text>

<svg width="92" height="92" viewBox="0 0 1024 1024" x="74" y="301"> <image xlink:href="https://api.qrserver.com/v1/create-qr-code/?format=svg&data=https://savetheseed.net/wiki/&size=1024x1024" width="1024" height="1024"/> </svg> <text style="font-size: 7pt" transform="rotate(270)" x="-392" y="176"> www.savetheseed.net </text> <text style="font-size: 7pt" transform="rotate(270)" x="-392" y="188"> /wiki/ </text> </svg>

<a target="_blank" class="print_labels" href="/label/index.php?page=&label_type=SEEDPACKET">PRINT PACKET LABEL</a>