Login   Register  
PHP Classes
elePHPant
Icontem

File: css/qr.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 6 months 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;
}