rich

  <!DOCTYPE html><html>

  <head>
      <!-- KVAR ATT GÖRA
  flaggor?
  hjälp?
  möjligt att kryssa ner login-popup
  -->
    <meta charset="UTF-8"></meta>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"></link>

    <link href="LaddUpp.css" rel="stylesheet"></link>

    <link href="LaddUpp" type="text/css" rel="stylesheet"></link>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
    <script src="js/main.js"></script><script src="js/modal.js"></script>

    <title>
      Laddaupp
    </title>
  </head>

    <body>
      <nav class="navbar navbar-default navbar-lg navbar-fixed-top">
        <ul class="nav navbar-nav navbar-left">
          <div style="float: left">
            <a href="#fakelink">
            <img class="resize" src="http://i.imgur.com/P3mrSdW.png">
            </a>
          </div>
          <li class="active">
            <a href="#fakelink">uppladdade CVn</a>
          </li>
          <form class="searchfield navbar-form navbar-right">
            <div class="form-group">
              <input type="text" placeholder="Sök efter CV" class="form-control">
            </div>
            <button class="btn btn-default" type="submit">sök</button>
          </form>
          <div> </div>
        </ul>
      </nav>

      <div id="content" class="col-md-4 col-centered "><img class="logga" src="http://i.imgur.com/P3mrSdW.png"></img>

        <br></br>
        <div id="startchoices" class="login-form">

      <div class="form-group">


<label for="exampleInputFile">
      Ladda upp en fil
  <br></br>
      <div class="btn btn-primary brn-block choose_file">
        <span>Choose File</span>
        <input name="Select File" type="file" />
      </div>

    <br></br>
    <a class="btn btn-primary btn-block" href="#" type="button">Ladda upp CV</a>
        </div>
      <!-- Sign in Modal -->
    <div id="signin" class="modal fade" tabindex="-1"><div class="modal-body"><div class="col-md-4 col-centered"><div id="signinpopup" class="login-form"><div class="form-group"><input id="inputEmail3" class="form-control login-field" type="email" placeholder="Email-adress"></input></div><div class="form-group"><input id="inputPassword3" class="form-control login-field" type="password" placeholder="Lösenord"></input></div><div class="form-group"><button id="loggain" class="btn btn-primary btn-lg btn-block" type="button">
      Logga In
    </button></div></div></div></div></div></body></html>


---------------------------------------------------------

.resize {
width: 70px;
height: auto;
margin: 10px 10px;
margin-left: 110px;
}
.navbar-form {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
padding-right: 19px;
padding-left: 19px;

}
element {
}
html {
    background: url("http://25.media.tumblr.com/a408ad9af259cf827ed4599d60bcb0a9/tumblr_myebwtELvb1st5lhmo1_1280.jpg") no-repeat fixed center center / cover transparent;
}
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
}
* {
    -moz-box-sizing: border-box;
}


element {
}
body {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.72222;
    color: rgb(52, 73, 94);
    background-color: transparent;
}

element {
}
#content {
    margin-top: 7%;
}
.col-centered {
    float: none;
    margin: 0px auto;
}

.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
* {
    -moz-box-sizing: border-box;
}

element {
}
.logga {
    width: 50%;
    height: auto;
    margin-left: 25%;
}
img {
    vertical-align: middle;
}
img {
    border: 0px none;
}
* {
    -moz-box-sizing: border-box;
}


element {
}
#startchoices {
    background-color: rgb(237, 239, 241);
    padding: 24px 23px 5px;
    position: relative;
    border-radius: 15px 15px 15px 15px;
}
.navbar-static-top, .navbar-fixed-top, #startchoices {
    box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.46);
}
.login-form {
    }

* {
    -moz-box-sizing: border-box;
}


element {
}
.btn-block {
    white-space: normal;
}
.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(167, 219, 216);
}
.btn {
    border: medium none;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 15px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
  }
.btn {

margin-bottom: 0px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

a {
  text-decoration: none;
  }

  a {

    }

a {
      background: none repeat scroll 0px 0px transparent;
}

* {
    -moz-box-sizing: border-box;
}

element.style {
}

.choose_file{
    color: rgb(255, 255, 255);
    background-color: rgb(167, 219, 216);
    position:relative;
    display:inline-block;
    border-radius:4px 4px 4px 4px;
    border:medium none;
    width:250px;
    padding: 10px 15px
    margin-top: 2px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;

}
.choose_file input[type="file"]{
    -webkit-appearance:none;
    position:absolute;
    top:0; left:0;
    opacity:0;
    width: 250px;
    height: 40px;

}