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: Major update, fixed UI, made more RESTful

The UI has been updated, all form text is stored in ini config files,
made easy to update. The files are manages and manipulated with 4 HTTP
methods (GET, PUT, DELETE and POST), no POST abuse here! This project
will require PHP 5.3 minimum, php 5.2 will fail with json_encode(). You
will also need GD
Date: 2012-07-12 22:59
Size: 2,326 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;
}


#maker {
    width: 320px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

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

#top {

    height: auto;
    z-index: 3000;
}

#top > div {
    overflow: hidden;
}

fieldset > input {
    width: 95%;
}





#made {
    position: absolute;
    width: 265px;
    height: 650px;
    right: 0px;
   /* bottom: 0; */
   top: 0px;
   padding-bottom: 10px;
        z-index: 0;
}

#output {
    position: absolute;
    width: auto;
    height: auto;
    left: 330px;
   /* bottom: 0; */
   top: 0px;
   padding-bottom: 10px;
}

#label_output {
    width: auto;
    height: auto;
    
    padding-bottom: 15px;
}


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

#list {

width: auto;
padding: 5px;
margin: 0px;
height: 500px;
overflow-y: scroll;
}

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


#mklabel {
width: 50%;
height: 30px;
text-align: center;
vertical-align: middle;
position: relative;
left: 0;
top: 0;
}

#print {
width: 50%;
height: 30px;
text-align: center;
vertical-align: middle;
position: absolute;
right: 0;
top: 0;
}

#delete {
width: 98%;
height: 30px;
text-align: center;
vertical-align: middle;
}
#add_proj {
width: 98%;
height: 30px;
text-align: center;
vertical-align: middle;
}

#current li  {
 width: 240px;
font-size: 10px;
border-width: 0;
}

#current li > img {
    height: 90px;
    padding: 15px;
}

	#feedback { font-size: 1.4em; }
	#current .ui-selecting { background: #FECA40; }
	#current .ui-selected { background: #00009C; color: white; }
	#current { list-style-type: none; margin: 0; padding: 0; width: 60%; }

#author {
    position: fixed;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
left: 0;
text-align: center;
z-index: 50000;
    
}
#qr_ecc {
    height: auto;

}

#qr_ecc > div {
    height: auto;
    overflow: hidden;

}
#proj_label {
    height: 130px;
}

#proj_label div {
    height: 100px !important;
width: auto;
margin: 0;
padding: 0;
}

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