@import url(https://fonts.googleapis.com/css?family=Raleway);

body {
  /*min-width: 350px; */
  /*max-width: 1280px;*/
  font-family: raleway;
  background-color: #f4f4f8;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  min-height: 100vh;
  transition: all 0.3s;
  position: relative; }

a, button {
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  transition: all 0.3s; 
}

#main-container {
  padding: 5% 5% 1% 5%;
  border-radius: 15px;
}

#search {
  padding-left: 40px;
  font-size: 18px;
  border-color: #1F87A1;
  border-width: 1px;
  border-radius:12px;
  background: url('https://wiki.ismail.info/web-icon.png') no-repeat;
  background-size: 20px 20px;
  background-position: 10px
}

#footer {
  padding-bottom:20px;
}

.wiki-item {
  margin: 5px 0 10px 0px;
  padding: 0 2% 2% 2%;
  border-style: dotted;
  border-color: #979999;
  border-width: 1px;
  border-radius: 7px;
  
}
#qlength {
  padding-bottom:10px;
}

.wiki-item h4 {
  font-size: 1.3em;
}

.wiki-item a {
  font-size: 1.3em;
  
  /* http://stackoverflow.com/questions/11387481/text-overflow-ellipsis-doesnt-appear-to-be-working  */
  /*text-overflow start*/
  display: block; 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*text-overflow end*/
  
}

.highlight {
  border-width:1px;
  border-style:dotted;
  border-radius:7px;
  border-color:#553;
}