PHP Classes

File: css/qr.css

Recommend this page to a friend!
  Classes of Karl Holz   Gig Cable Label   css/qr.css   Download  
File: css/qr.css
Role: Auxiliary data
Content type: text/plain
Description: Custom CSS
Class: Gig Cable Label
Generate label images in resistors code colours
Author: By
Last change: More UI fixes, added multilingual support, more clean up

added a french translation (from google translate); added arabic
character/numeric labels. updated how GD created text labels.
organized the javascript to be easier to maintain and update. moved
much of the text in the html file into ini configuration files, now
they are loaded using JSON. More work needs to be done, but I'm happy
with my progress
Date: 10 years ago
Size: 2,562 bytes
 

Contents

Class file image Download 
img {  
    margin: 0; 
    padding: 0px;
}

p {
    margin: 2px;
    padding: 2px;
    width: 90%;
}

h3 {
text-align: center;
vertical-align: middle;
}

#vcard > div > textarea,  #vcard > div > input {  width: 230px;
float: right;
margin-right: 30px;}

label { width: 100px;}

#vcard div {
    height: 30px;
}

#qtext {
    height: 200px;
}

#qrtext > div {
    height: 40px !important; 
}

#qrtext > #vcard {
    height: 200px !important; 
}

#vcard div {
    border-width: 0px;
}

#label {
    margin-left: 0px;
    margin-bottom: 0px;
}
       

#top {

    height: auto;
    z-index: 3000;
}

#top > div {
    overflow: hidden;
}

#list_name {
position: relative;
right: -2px;
width: 185px;   
}

#proj_label {
height: 600px;
width: auto;
margin: 0;
padding: 0;
}

#proj_label div {
height: auto;
width: auto;
margin: 0;
padding: 0;
}

#page_size {
position: relative;
right: -10px;
width: 75%;
}

/**
 * CSS fixup reorganization
 **/

/* current project labels */
#made {
width: 71%;
margin-top: 30px;
position: absolute;
top: 0px;
left: 340px;
margin-bottom: 10px;
height: 350px;
}

#list {
padding: 5px;
margin: 0px;
overflow-y: auto;
height: 285px;
}

#current .ui-selecting { background: #FECA40; }
#current .ui-selected { background: #00009C; color: white; }
#current { list-style-type: none; margin: 0; padding: 0;  }

#current li  {
width: 200px;
height: 160px;
font-size: 10px;
border-width: 0;
float: left;
text-align: center;
vertical-align: middle;
}

#current li > img {
    width:  80%;
    padding: 15px;
}




/* Setting and edit area */


 #options {
    width: 325px;
    margin-top: 30px;
}

#label_output {
width: 210px;
height: 210px;
    z-index: 1000;
    margin: 10px;
    position: absolute;
left: 20px;
bottom: 20px;
}

#img_label {
    border-style:  dashed;
    border-color: #fff;
    border-width: thick;
    width: 200px;
    height: 200px;
    z-index: 1001;
    overflow: hidden;
}

#mklabel  {
width: 200px;
height: 50px;
text-align: center;
vertical-align: middle;
position: absolute;
left: 20px;
bottom: 20px;
font-size: 18px;
}

#open_maker, #open_preview  {
width: 100%;
height: 30px;
text-align: center;
vertical-align: middle;
position: relative;
left: 0;
top: 0;
}

 #print, #delete, #add_proj {
width: 32%;
height: 30px;
text-align: center;
vertical-align: middle;
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 0;
}

/* */
#author {

width: 98%;

padding: 0;
text-align: center;
z-index: 50000;
    position: absolute;
    top: 0;
}

/*  preview_opt*/

#preview_opt > div > div {
    overflow: hidden;
}