rosetta folder was added

2 years ago · ccf75a54ac
parent 9b369ac043
commit ccf75a54ac
2 changed files with 67 additions and 0 deletions
--- a/rosettastone/index.html
+++ b/rosettastone/index.html
@ -0,0 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" href="stylesheet.css">
 </head>
 <body>
 <div class="wrap">
   <div class="search">
      <input type="text" class="searchTerm" placeholder="input">
      <button type="submit" class="searchButton">
        <i class="fa fa-search"></i>
     </button>
   </div>
 </div>
 </body>
 </html>
--- a/rosettastone/stylesheet.css
+++ b/rosettastone/stylesheet.css
@ -0,0 +1,48 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
 body{
  background: #f2f2f2;
  font-family: 'Open Sans', sans-serif;
 }
 .search {
  width: 100%;
  position: relative;
  display: flex;
 }
 .searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
 }
 .searchTerm:focus{
  color: #00B4CC;
 }
 .searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
 }
 /*Resize the wrap to see the search bar change!*/
 .wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }