html - How to modify "sign in" page using CSS? -


i trying modify regular sign in page. want input lines instead of boxes. posting link sign in page image have right now:

http://prntscr.com/2o9n8z

instead of boxes here, want email address, password , confirm password fields lines.

my css code below:

@charset "utf-8"; /* css document */  /* ---------- general ---------- */ /* body {     background: #ffffff;     color: #999;     font: 100%/1.5em sans-serif;     margin: 0; } */   {     color: #999;     text-decoration: none; }  a:hover { color: #1dabb8; }  fieldset {     border: none;     margin: 0; }  input {     border: none;     font-family: inherit;     font-size: inherit;     margin: 0;     -webkit-appearance: none; }  input:focus {   outline: none; }  input[type="submit"] { cursor: pointer; }  .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after {     content: "";     display: table;  } .clearfix:after { clear: both; }   #login-form {     margin: 50px auto;     width: 300px; }  #login-form h3 {     background-color: #79a002;     border-radius: 5px 5px 0 0;     color: #fff;     font-size: 14px;     padding: 20px;     text-align: center;     text-transform: uppercase; }  #login-form fieldset {     background: #fff;     border-radius: 0 0 -1px -1px;     padding: 0px;  }  #login-form fieldset:before {     background-color: #fff;     content: "";     height: 8px;     left: 50%;     margin: -4px 0 0 -4px;     position: absolute;     top: 0;     -webkit-transform: rotate(45deg);     -moz-transform: rotate(45deg);     -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);     transform: rotate(45deg);     width: 8px; }  #login-form input {     font-size: 14px; }  #login-form input[type="email"], #login-form input[type="password"] {     border: 1px solid #dcdcdc;     padding: 12px 10px;     width: 300px; }  #login-form input[type="email"] {     border-radius: 3px 3px 0 0; }  #login-form input[type="password"] {     border-top: none;     border-radius: 0px 0px 3px 3px; }  #login-form input[type="submit"] {     background: #1dabb8;     border-radius: 3px;     color: #fff;     float: right;     font-weight: bold;     margin-top: 20px;     padding: 12px 20px; }

i modifying border: 1px solid #dcdcdc; in :

#login-form input[type="email"], #login-form input[type="password"] {     border: 1px solid #dcdcdc;     padding: 12px 10px;     width: 300px; }

but haven't been able required output. should change in code required result ?

you can try this:

working example

#login-form input[type="email"], #login-form input[type="password"] {     border:none; /* clear previous borders */     border-bottom: 1px solid #dcdcdc; /* add bottom border */     padding: 12px 10px;     width: 300px; }

-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more