Here is an example of queue display CSS with white&purple colors:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: "Open Sans", "Helvetica Neue", Helvetica, Verdana, Arial; } .error{ color:red; } /* ************* INSCRIPTION **************** */ /*TOP*/ body#inscription-body { padding : 0; margin:0; background-color: #ffffff; text-align : center; } body#inscription-body::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #4609a8; } body#inscription-body:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4609a8; opacity: 1; } body#inscription-body::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4609a8; opacity: 1; } body#inscription-body:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4609a8; } body#inscription-body #console-div { background-color: #ffffff; border: 0 solid #C7C7C7; margin: 0px; padding: 8px 8px 10px; border-radius: 7px; } body#inscription-body .company-info,body#inscription-body .company-info-ligth { display : block; float:left; background-color: #ffffff; height:150px; overflow:hidden; color:#efefef; font-size: 14px; } body#inscription-body .company-info-ligth { height:100px; } body#inscription-body .company-name { color:#4609a8; font-weight:400; font-size:30px; padding-left : 50px; padding-top:25px; } body#inscription-body .company-address { padding-left: 50px; font-size:22px; font-weight:300; display:none; } body#inscription-body .company-img,body#inscription-body .company-img-ligth { float:right; background-color: #ffffff; width:30%; height:155px; padding-top:25px; overflow:hidden; text-align: right; line-height: 100px; display: inline-block; vertical-align: middle; } body#inscription-body .company-img-ligth { height:100px; } body#inscription-body .company-img > img,body#inscription-body .company-img-ligth > img { padding:20px 50px 0 20px; width:100px; display : none; } /*FORM*/ body#inscription-body #welcome-message { text-align : center; font-size: 28px; color : #4609a8; padding: 50px 30px 0 50px; } body#inscription-body #form-container { text-align : center; } body#inscription-body #form-container input:first-child { margin-top: 60px; } body#inscription-body #form-container div > input:not([type="checkbox"]):not([type="radio"]),body#inscription-body #form-container select,body#inscription-body #form-container textarea,body#inscription-body #form-container center > div > table input{ border : 1px solid #4609a8 !important; margin-top: 20px !important; text-align:center !important; background-color: #ffffff !important; color:#4609a8 !important; height : 125px !important; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, Arial !important; font-size: 36px !important; font-weight:300 !important; width : 750px !important; } /* Price box */ body#inscription-body #form-container center > div > table input { width : 365px !important; } body#inscription-body #form-container input[type="checkbox"],body#inscription-body #form-container input[type="radio"],body#inscription-body #form-container table.scalerating{ margin-top: 20px !important; height : 30px !important; width : 30px !important; } body#inscription-body #form-container table.scalerating,body#inscription-body #form-container center > div > table{ margin : auto; } body#inscription-body #form-container center > div{ text-align: left; color:#fff; height:auto; min-height : 100px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, Arial; font-size: 36px; font-weight:300; border : 0; text-align : center; } body#inscription-body #form-container center > div div,body#inscription-body #form-container table.scalerating,body#inscription-body #form-container center > div > table { text-align: center !important; width: inherit !important; background: inherit !important; } body#inscription-body #form-container center > div div div{ /*text-align: initial !important;*/ width: inherit !important; background: inherit !important; } body#inscription-body #form-container center > div > div > span{ display:block; } body#inscription-body #subButt { margin-top: 20px; background-color: #4609a8; color:#ffffff; height : 125px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, Arial; font-size: 36px; font-weight:300; border : 0; width : 750px; } /* ************* INSCRIPTION END **************** */ /* ************* DISPLAY QUEUE **************** */ body { background: #ffffff; font-family: "Open Sans"; color: #000000; } ul { list-style-type: none; padding: 0; margin: 0; } .container { max-width: 1200px; max-height: 600px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; } .row { margin-bottom: 3em; } .title { text-transform: uppercase; font-size: 2em; line-height: 100px; font-weight: 400; letter-spacing: .25em; color: #4609a8; } .clients { font-size: 3em; line-height: 1.5em; letter-spacing: 3px; font-weight : 600; text-transform: capitalize; } .privacy-consent, .clients .number{ color : #8E959A; } .two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; -moz-column-gap: 40px; -moz-column-fill:auto; column-fill:auto; height: 290px; } .img { height: 100px; vertical-align: middle; } .pull-right { float: right; } .footer { position : absolute; bottom : 0; height : 80px; margin-top : 40px; width: 100%; text-align: center; color: #a3a3a3; } /* ************* DISPLAY QUEUE END **************** */
Julien Pauthier
Here is an example of queue display CSS with white&purple colors: