title: Moodle Login page Change
body: <p>I'm trying to add new fields in moodle login page. I'm simply editing the <code>index_form.html</code> in login folder.
  I'm using evolve theme and using moodle version <code>2.8</code>
  I want a dropdown field for administrator, teacher and student. If user selects administrator or teacher they have the fields of username and password, but if student is been selected one extra field of Adhar number is added for validation dynamically. 
  I have created the fields just need to add it to database and conditional logic. In the backend of user profile fields I've added a custom user fields under the name of Adhar Number whose short name I've kept as Adharno, lot of things more is to be done and I'm unable to find path, following is the link below with <code>html</code> code and <code>css</code>
  <a href="http://www.sanskritiskills.com/assessment/login/index.php" rel="nofollow">www.sanskritiskills.com/assessment/login/index.php</a></p>
  
  <p>Code block:</p>
  
  <pre><code>&lt;?php
  if ($show_instructions) {
      $columns = 'twocolumns';
  } else {
  $columns = 'onecolumn';
  }
  
  if (!empty($CFG-&gt;loginpasswordautocomplete)) {
      $autocomplete = 'autocomplete="off"';
  } else {
      $autocomplete = '';
  }
  if (empty($CFG-&gt;authloginviaemail)) {
      $strusername = get_string('username');
  } else {
      $strusername = get_string('usernameemail');
  }
  ?&gt;
  &lt;div class="loginbox clearfix &lt;?php echo $columns ?&gt;"&gt;
    &lt;div class="loginpanel"&gt;
  &lt;?php
     if (($CFG-&gt;registerauth == 'email') || !empty($CFG-&gt;registerauth)) { ?&gt;
        &lt;div class="skiplinks"&gt;&lt;a class="skip" href="signup.php"&gt;&lt;?php print_string("tocreatenewaccount"); ?&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;?php
    } ?&gt;
      &lt;h2&gt;&lt;?php print_string("login") ?&gt;&lt;/h2&gt;
        &lt;div class="subcontent loginsub"&gt;
          &lt;?php
            if (!empty($errormsg)) {
                 echo html_writer::start_tag('div', array('class' =&gt; 'loginerrors'));
            echo html_writer::link('#', $errormsg, array('id' =&gt; 'loginerrormessage', 'class' =&gt; 'accesshide'));
            echo $OUTPUT-&gt;error_text($errormsg);
            echo html_writer::end_tag('div');
        }
      ?&gt;
      &lt;form action="&lt;?php echo $CFG-&gt;httpswwwroot; ?&gt;/login/index.php" method="post" id="login" &lt;?php echo $autocomplete; ?&gt; &gt;
        &lt;div class="loginform"&gt;     
         &lt;div class="form-input"&gt;
         Select Role :
         &lt;select required&gt;
         &lt;option value="Admin"&gt;Admin&lt;/option&gt;
         &lt;option value="Student"&gt;Student&lt;/option&gt;
         &lt;option value="Teacher"&gt;Teacher&lt;/option&gt;
         &lt;/select&gt;
         &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="clearer"&gt;&lt;!-- --&gt;&lt;/div&gt;
          &lt;div class="form-label"&gt;&lt;label for="username"&gt;&lt;?php echo($strusername) ?&gt;&lt;/label&gt;&lt;/div&gt;
          &lt;div class="form-input"&gt;
            &lt;input type="text" name="username" id="username" size="15" value="&lt;?php p($frm-&gt;username) ?&gt;" /&gt;
         &lt;/div&gt;
          &lt;div class="clearer"&gt;&lt;!-- --&gt;&lt;/div&gt;
          &lt;div class="form-label"&gt;&lt;label for="password"&gt;&lt;?php print_string("password") ?&gt;&lt;/label&gt;&lt;/div&gt;
          &lt;div class="form-input"&gt;
            &lt;input type="password" name="password" id="password" size="15" value="" &lt;?php echo $autocomplete; ?&gt; /&gt;
          &lt;/div&gt;
          &lt;div class="clearer"&gt;&lt;!-- --&gt;&lt;/div&gt;
          &lt;div class="form-label"&gt;&lt;label for="password"&gt;Adhar No.&lt;/label&gt;&lt;/div&gt;
          &lt;div class="form-input"&gt;
            &lt;input type="password" name="Adhar Number" id="password" size="15" value="" &lt;?php echo $autocomplete; ?&gt; /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
          &lt;div class="clearer"&gt;&lt;!-- --&gt;&lt;/div&gt;
            &lt;?php if (isset($CFG-&gt;rememberusername) and $CFG-&gt;rememberusername == 2) { ?&gt;
            &lt;div class="rememberpass"&gt;
                &lt;input type="checkbox" name="rememberusername" id="rememberusername" value="1" &lt;?php if ($frm-&gt;username) {echo 'checked="checked"';} ?&gt; /&gt;
                &lt;label for="rememberusername"&gt;&lt;?php print_string('rememberusername', 'admin') ?&gt;&lt;/label&gt;
            &lt;/div&gt;
            &lt;?php } ?&gt;
        &lt;div class="clearer"&gt;&lt;!-- --&gt;&lt;/div&gt;
        &lt;input type="submit" id="loginbtn" value="&lt;?php print_string("login") ?&gt;" /&gt;
        &lt;div class="forgetpass"&gt;&lt;a href="forgot_password.php"&gt;&lt;?php print_string("forgotten") ?&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;/form&gt;
      &lt;div class="desc"&gt;
          &lt;?php
              echo get_string("cookiesenabled");
              echo $OUTPUT-&gt;help_icon('cookiesenabled');
          ?&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;?php if ($CFG-&gt;guestloginbutton and !isguestuser()) {  ?&gt;
        &lt;div class="subcontent guestsub"&gt;
      &lt;div class="desc"&gt;
        &lt;?php print_string("someallowguest") ?&gt;
      &lt;/div&gt;
      &lt;form action="index.php" method="post" id="guestlogin"&gt;
        &lt;div class="guestform"&gt;
          &lt;input type="hidden" name="username" value="guest" /&gt;
          &lt;input type="hidden" name="password" value="guest" /&gt;
          &lt;input type="submit" value="&lt;?php print_string("loginguest") ?&gt;" /&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;?php } ?&gt;
       &lt;/div&gt;
  &lt;?php if ($show_instructions) { ?&gt;
      &lt;div class="signuppanel"&gt;
    &lt;h2&gt;&lt;?php print_string("firsttime") ?&gt;&lt;/h2&gt;
    &lt;div class="subcontent"&gt;
  &lt;?php     if (is_enabled_auth('none')) { // instructions override the rest for security reasons
            print_string("loginstepsnone");
        } else if ($CFG-&gt;registerauth == 'email') {
            if (!empty($CFG-&gt;auth_instructions)) {
                echo format_text($CFG-&gt;auth_instructions);
            } else {
                print_string("loginsteps", "", "signup.php");
            } ?&gt;
               &lt;div class="signupform"&gt;
                 &lt;form action="signup.php" method="get" id="signup"&gt;
                 &lt;div&gt;&lt;input type="submit" value="&lt;?php print_string("startsignup") ?&gt;" /&gt;&lt;/div&gt;
                 &lt;/form&gt;
               &lt;/div&gt;
  &lt;?php     } else if (!empty($CFG-&gt;registerauth)) {
            echo format_text($CFG-&gt;auth_instructions); ?&gt;
            &lt;div class="signupform"&gt;
              &lt;form action="signup.php" method="get" id="signup"&gt;
              &lt;div&gt;&lt;input type="submit" value="&lt;?php print_string("startsignup") ?&gt;" /&gt;&lt;/div&gt;
              &lt;/form&gt;
            &lt;/div&gt;
  &lt;?php     } else {
            echo format_text($CFG-&gt;auth_instructions);
        } ?&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;?php } ?&gt;
  &lt;?php if (!empty($potentialidps)) { ?&gt;
  &lt;div class="subcontent potentialidps"&gt;
      &lt;h6&gt;&lt;?php print_string('potentialidps', 'auth'); ?&gt;&lt;/h6&gt;
      &lt;div class="potentialidplist"&gt;
  &lt;?php foreach ($potentialidps as $idp) {
  echo  '&lt;div class="potentialidp"&gt;&lt;a href="' . $idp['url']-&gt;out() . '" title="' . $idp['name'] . '"&gt;' . $OUTPUT-&gt;render($idp['icon'], $idp['name']) . $idp['name'] . '&lt;/a&gt;&lt;/div&gt;';
  } ?&gt;
          &lt;/div&gt;
      &lt;/div&gt;
     &lt;?php } ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS File</strong> which is available:</p>
  
  <pre><code>/* evolved CSS
  -------------------------*/
  #dock {background: #32352c; }
  
  .arrow {color: #3d3d3d; }
  
  .block .header h2 {color: #3d3d3d;}
  
  .dir-rtl a.logo {
  background: url([[setting:logo]]) no-repeat 100% 0;
  display: block;
  float: right;
  }
  
  .pagelayout-report .no-overflow {
  overflow: auto;
  }
  
  .service {
  display:block;
  padding:10px;
  margin: 10px;
  text-align:left;
      background-color: [[setting:marketboxcolor]];
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
  
  #fullbkg { 
    background: url([[setting:fpbkg]]) no-repeat center center fixed;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  /*Frontpage Login*/
  .wrap {
  width:250px;
  height: auto;
  margin: auto;
  margin-top: 10%;
  margin-bottom: 3%;
  }
  .avatarlogin {
  width: 100%;
  margin: auto;
  width: 65px;
  border-radius: 100px;
  height: 65px;
  background: #000 ;
  position: relative;
  bottom: -15px;
  }
  .avatarlogin img {
  width: 55px;
  height: 55px;
  border-radius: 100px;
  margin: auto;
  border:3px solid #fff;
  display: block;
  }
  .wrap input {
  border: none;
  background: #fff;
    font-family:Lato ;
    font-weight:700 ;
  display: block;
  height: 40px;
  outline: none;
  width: calc(100% - 24px) ;
  margin: auto;
  padding: 6px 12px 6px 12px;
  }
      .bar {
  width: 100%;
  height: 1px;
  background: #fff ;
  }
  .bar i {
  width: 95%;
  margin: auto;
  height: 1px ;
  display: block;
  background: #d1d1d1;
  }
  .wrap input[type="text"] {
  border-radius: 7px 7px 0px 0px ;
  }
  .wrap input[type="password"] {
  border-radius: 0px 0px 7px 7px ;
  }
  .forgot_link {
  color: #83afdf ;
  color: #83afdf;
  text-decoration: none;
  font-size: 11px;
  position: relative;
  left: 193px;
  top: -36px;
  }
  .wrap button {
  width: 100%;
  border-radius: 7px;
  background: #b6ee65;
  text-decoration: center;
  border: none;
  color: #51771a;
  margin-top:-5px;
  padding-top: 14px;
  padding-bottom: 14px;
  outline: none;
  font-size: 20px;    
  border-bottom: 3px solid #307d63;
  cursor: pointer;
  }
  
      /*.loginbox {
  background: rgba(100,100,100,.1);
  padding:50px;
  -webkit-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -moz-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  }*/
  
  .loginbox h2{
  color: #DBDBDB;
  text-align:center;
  }
  
  .loginbox form a{
  color: #fff;
  }
  .loginbox form{
  color: #fff;
  }
  .loginbox p{
  color: #fff;
  }
  
  /*.loginpanel .loginsub {
  background: rgba(0,0,0,.6);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin: 10px;
  }*/
  
  .loginpanel .loginsub {
  background: rgba(0,0,0,.8);
  max-width:400px;
  -webkit-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -moz-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:5px solid #fff;
  margin: auto;
  padding:20px;
  }
  .signuppanel .subcontent{
  background: rgba(0,0,0,.6);
  max-width:400px;
  -webkit-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -moz-box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  box-shadow: 1px 0px 29px 14px rgba(255,255,255,0.6);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin: auto;
  }
  
  /* Alerts (aardvark) */
  #page-header-generalalert {
  clear:both;
  display: block;
  color:#ff9f00;
  background-color:#fef8d2;
  padding:8px 35px 8px 14px;
  margin-bottom:20px;
  text-shadow:0 1px 0 rgba(255,255,255,0.5);
  border:1px solid #fde6af;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
  
  #page-header-generalalert:before {
  background-color: #ff9f00;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 1.2em;
  height: 1.4em;
  margin-right: 0.5em;
  margin-top: -0.15em;
  margin-left: -0.5em;
  padding-top: 0.2em;
  text-align: center;
  width: 1.7em;
  content:"\f06a";
  border-radius: 3px 3px 3px 3px;
  text-shadow:none;
  }
  
  #page-header-snowalert {
  clear:both;
  display: block;
  color:#3a87ad;
  background-color:#d9edf7;
  padding:8px 35px 8px 14px;
  margin-bottom:20px;
  text-shadow:0 1px 0 rgba(255,255,255,0.5);
  border:1px solid #bce8f1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
  
  #page-header-snowalert:before {
  background-color: #3a87ad;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 1.2em;
  height: 1.4em;
  margin-right: 0.5em;
  margin-top: -0.15em;
  margin-left: -0.5em;
  padding-top: 0.2em;
  text-align: center;
  width: 1.7em;
  content:"\f069";
  border-radius: 3px 3px 3px 3px;
  text-shadow:none;
  }
  
  
   /*Google Fonts (Theme Essential)*/
  
  /* @group Headings */
  h1, h2, h3, h4, h5, h6,
  .back-to-top,
  .socials p,
  #socialheading,
  .forumpost .subject,
  .block_login label {
  font-family: "[[setting:headingfont]]", sans-serif;
  }
  /* @group Main Text */
  body,
  .block_login input[type="submit"] {
  font-family: "[[setting:bodyfont]]", Arial, Helvetica, sans-serif;
  font-size: [[setting:bodysize]];
  font-weight: [[setting:bodyweight]];
  }
  /* @end */
  
  /*Special thanks to Shaun Daubney (Theme Aardvark)
  for the colored icons in the blocks.
   */
  
  .block .header .title h2:before {
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 1.2em;
  height: 1.3em;
  margin-left: -0.5em;
  margin-right: 0.5em;
  margin-top: -0.2em;
  padding-top: 0.2em;
  text-align: center;
  width: 1.5em;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  }
  
  .block_news_items .header .title h2:before {
  background-color: #29A294;
  content:"\f0a1";
  }
  
  .block_navigation .header .title h2:before {
  background-color: #f42941;
  content:"\f0e8";
  }
  
  .block_calendar_upcoming .header .title h2:before,
  .block_calendar_month .header .title h2:before {
  background-color: #008ecd;
  content:"\f073";
  }
  
  .block_course_list .header .title h2:before {
  background-color: #ffce00;
  content:"\f108";
  }
  
  .block_completionstatus .header .title h2:before,
  .block_selfcompletion .header .title h2:before {
  background-color: #76b900;
  content:"\f0e4";
  }
  
  .block_rss_client .header .title h2:before {
  background-color: #ff9500;
  content:"\f09e";
  }
  
  .block_rss_plus .header .title h2:before {
  background-color: #ff9500;
  content:"\f09e";
  }
  
  .block_blog_menu .header .title h2:before {
  background-color: #ff9500;
  content:"\f02d";
  }
  
  .block_quiz_results .header .title h2:before {
  background-color: #76b900;    
  content:"\f080";
  }
  
  .block_quiz_navblock .header .title h2:before {
  background-color: #76b900;
  content:"\f126";
  }
  
  .block_glossary_random .header .title h2:before {
  background-color: #3d3d3d;
  content:"\f0eb";
  }
  
  .block_book_toc .header .title h2:before {
  background-color: #3d3d3d;
  content:"\f02d";
  }
  
  
  .block_participants .header .title h2:before,
  .block_online_users .header .title h2:before {
  background-color: #92499e;
  content:"\f0c0";
  }
  
  .block_html .header .title h2:before {
  background-color: #eeeeee;
  
  }
  
  .block_section_links .header .title h2:before {
  background-color: #f42941;
  content:"\f02e";
  }
  
  .block_activity_modules .header .title h2:before {
  background-color: #f42941;
  content:"\f12e";
  }
  
  .block_comments .header .title h2:before {
  background-color: #ffce00;
  content:"\f075";
  }
  
  .block_settings .header .title h2:before,
  .block_admin_bookmarks .header .title h2:before{
  background-color: #004675;
  content:"\f085";
  }
  
  .block_blog_tags .header .title h2:before,
  .block_tags .header .title h2:before {
  background-color: #ff9f00;
  content:"\f02c";
  }
  
  .block_private_files .header .title h2:before {
  background-color: #82cadd;
  content:"\f114";
  }
  
  .block_block_mentees .header .title h2:before {
  background-color: #3d3d3d;
  content:"\f0c0";
  }
  
  .block_messages .header .title h2:before {
  background-color: #ffce00;
  content:"\f0e0";
  }
  
  .block_community .header .title h2:before {
  background-color: #ffce00;
  content:"\f0ac";
  }
  
  .block_login .header .title h2:before {
  background-color: #3d3d3d;
  content:"\f007";
  }
  
  .block_recent_activity .header .title h2:before {
  background-color: #cee3ed;
  content:"\f017";
  }
  
  .block_search_forums .header .title h2:before {
  background-color: #ffce00;
  content:"\f0e6";
  }
  
  .block_myprofile .header .title h2:before {
  background-color: #f42941;
  content:"\f007";
  }
  
  .block_adminblock .header .title h2:before {
  background-color: #E0F52A;
  content:"\f055";
  }
  
  .block_feedback .header .title h2:before {
  background-color: #ffce00;
  content:"\f087";
  }
  
  .block_flickr .header .title h2:before {
  background-color: #ff3096;
  content:"\f03e";
  }
  
  .block_youtube .header .title h2:before {
  background-color: #f42941;
  content:"\f145";
  }
  
  .block_course_badges .header .title h2:before {
  background-color: #29a294;
  content:"\f091";
  }
  
  .block_twitter_search .header .title h2:before {
  background-color: #008ecd;
  content:"\f099";
  }
  
  .block_heritage .header .title h2:before {
  background-color: #3e647e;
  content:"\f02d";
  }
  
  .block_lrc .header .title h2:before {
  background-color: #3e647e;
  content:"\f02d";
  }
  
  
   /*Social Wall*/
  
   .format-socialwall .course-content ul.topics li.section {
   border-bottom: 0px solid #ccc;
   margin-top: 0;
   }
  
  /*.mform {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  }*/
  .format-socialwall #section-2 .content {
  background-color: #f7f7f7;
  padding: 10px;
  margin: 0px;
  border: 3px solid #d4d4d4;
  border-radius: 4px;
  margin-top:15px;
  margin-bottom: 15px;
  -moz-box-shadow: 0px 0px 25px #ccc;
  -webkit-box-shadow: 0 0 25px #ccc;
  box-shadow: 0px 0px 25px #ccc;
  }
  .tl-post {
  margin: 30px 0px 50px 0px;
  padding:15px;
  }
  .tl-posttext {
  background-color: #fff;
  padding: 10px 10px 20px 10px;
  border-radius: 10px 10px 0px 0px;
  //border: 1px solid #ccc;
  margin-top: 10px;
  }
  
  ul.section.tl-postattachment {
  background-color: #fff;
  padding: 5px 5px 5px 50px;
  //border-left: 1px solid #ccc;
  //border-right: 1px solid #ccc;
  margin:0px;
  }
  .tl-text {
  margin-left: 40px;
  padding: 0 5px;
  border: 2px solid #efefef;
  padding: 10px;
  -moz-box-shadow: 0px 0px 25px #e7e7e7;
  -webkit-box-shadow: 0 0 25px #e7e7e7;
  box-shadow: 0px 0px 25px #e7e7e7;
  border-radius: 4px 4px 4px 4px;
  }
  /*.tl-text {
  margin-left: 40px;
  //border: none;
  border: 1px solid #efefef;
  background-color: #f7f7f7;
  padding:7px;
  border-radius: 10px 10px 10px 10px;
  }*/
  
  .tl-comments {
  background-color: #f7f7f7;
  padding:15px;
  margin:0px;
  }
  
  .tl-comment {
  padding-left:25px;
  padding-top: 0px;
  padding-bottom: 0px;
  }
  
  .tl-post-actionarea {
  //border: 1px solid #ccc;
  padding: 4px 4px 10px 4px;
  //background: #F0F3F7;
  //border-radius: 0px 0px 5px 5px;
  }
  .tl-timeago, .tl-counts {
  font-size: 12px;
  color: #666;
  line-height: 15px;
  padding-bottom: 5px;
  }
  .like {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
  background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
  background: -moz-linear-gradient(top, #3e779d, #65a9d7);
  background: -ms-linear-gradient(top, #3e779d, #65a9d7);
  background: -o-linear-gradient(top, #3e779d, #65a9d7);
  padding: 5px 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 14px;
  font-family: Georgia, serif;
  text-decoration: none;
  vertical-align: middle;
  }
  
  .like:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
  
  .like:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }
  
  .likenomore {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
  background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
  background: -moz-linear-gradient(top, #3e779d, #65a9d7);
  background: -ms-linear-gradient(top, #3e779d, #65a9d7);
  background: -o-linear-gradient(top, #3e779d, #65a9d7);
  padding: 5px 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 14px;
  font-family: Georgia, serif;
  text-decoration: none;
  vertical-align: middle;
  }
  .likenomore:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
  .likenomore:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }
  
  form.tl-commentform {
  padding-top: 10px;
  }
  
  #postform .fitem .felement #id_submitbutton {
  margin:0px;
  }
  </code></pre>
  
  <p>Please help me out in this</p>