@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } body { overflow-x: hidden; } .nazevwebu { padding: 10px 16px; float: left; vertical-align: middle; width: 50%; } .userdiv{ text-align: right; width: 50%; float: right; vertical-align: middle; padding: 10px 16px; } ul.user { list-style: none; } ul.user li { display: inline; font-size: 18px; } ul.user li+li:before { padding: 8px; color: black; content: '\007C'; } ul.user li a { color: #0275d8; text-decoration: underline; color: black; } ul.user li a:hover { color: #01447e; text-decoration: none; } .profile-pic { position: relative; display: inline-block; width:100%; } .profile-pic:hover .edit { display: block; } .edit { padding-top: 7px; padding-right: 7px; position: absolute; right: 0; top: 0; display: none; } .edit a { color: black; } .img-fluid{ object-fit: cover; /* Do not scale the image */ width: 100%; max-height: 25em; overflow: auto; } .glyphicon-edit{ font-size: 2em; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .onas{ position: relative; display: block; text-align: center; padding:2em; width:60%; margin-left: auto; margin-right: auto; font-size:1.2em; } .onas:hover .edit { display: block; } h2{ text-align: center; padding-top:2em; } textarea{ width:100%; }