Style Css

body {
margin : 0;
min-width : 1100px;
}
header {
height : 60px;
background : #eee;
border-bottom : #ccc;
}
header .logo {
display : inline-block;
line-height : 60px;
margin-left : 30px;
font-size : 20px;
}
header .name-input {
display : inline-block;
margin-left : 30px;
}
header .name-input #input {
height : 30px;
border-radius : 5px;
border : #000 solid 1px;
padding : 5px;
}
header .name-input #submit {
display : inline-block;
background : #eee;
border-radius : 5px;
margin-left : 10px;
height : 30px;
border : #000 solid 1px;
line-height : 30px;
padding : 0 10px;
}
header .name-input #submit:hover {
cursor : pointer;
background : #ccc;
}
#input_error {
display : inline-block;
color : #f00;
line-height : 60px;
margin-left : 20px;
font-weight : bold;
}
.hidden {
display : none;
}
.container {
margin : 0 20px 20px;
}
#name {
margin : 5px 0;
font-size : 22px;
}
.profilepic {
display : inline-block;
width : 30%;
padding : 20px;
background : #eee;
min-height : 200px;
text-align : center;
}
.profilepic img {
max-width : 100%;
max-height : 300px;
}
.about {
display : inline-block;
vertical-align : top;
min-width : 20%;
margin-left : 30px;
padding : 20px;
background : #eee;
min-height : 200px;
}
.lookups {
display : inline-block;
vertical-align : top;
min-width : 25%;
margin-left : 30px;
padding : 20px;
background : #eee;
min-height : 200px;
}
#lookups {
float : left;
}
#own_lookups {
float : right;
margin-left : 10px;
}
#lookups td, #own_lookups td {
font-size : 13px;
}
.mini {
padding : 20px;
background : #eee;
min-height : 100px;
margin-top : 20px;
}
.full {
padding : 20px;
background : #eee;
min-height : 100px;
margin-top : 20px;
}
.loader {
margin : 10px auto 0;
width : 50px;
height : auto;
text-align : center;
}
form {
display : inline-block;
margin : 0;
}
h2 {
display : inline-block;
margin : 5px 10px;
}
.code {
font-family : monospace;
padding : 10px !important ;
white-space : pre-wrap;
background-color : #333;
color : #fff;
font-size : 12px;
}
pre .str, code .str {
color : #65B042;
}
pre .kwd, code .kwd {
color : #E28964;
}
pre .com, code .com {
color : #AEAEAE;
font-style : italic;
}
pre .typ, code .typ {
color : #89bdff;
}
pre .lit, code .lit {
color : #3387CC;
}
pre .pun, code .pun {
color : #fff;
}
pre .pln, code .pln {
color : #fff;
}
pre .tag, code .tag {
color : #89bdff;
}
pre .atn, code .atn {
color : #bdb76b;
}
pre .atv, code .atv {
color : #65B042;
}
pre .dec, code .dec {
color : #3387CC;
}
pre.prettyprint, code.prettyprint {
background-color : #000;
border-radius : 8px;
}
ol.linenums {
margin-top : 0;
margin-bottom : 0;
color : #AEAEAE;
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style-type : none;
}
@media print {
pre .str, code .str {
color : #060;
}
pre .kwd, code .kwd {
color : #006;
font-weight : bold;
}
pre .com, code .com {
color : #600;
font-style : italic;
}
pre .typ, code .typ {
color : #404;
font-weight : bold;
}
pre .lit, code .lit {
color : #044;
}
pre .pun, code .pun {
color : #440;
}
pre .pln, code .pln {
color : #000;
}
pre .tag, code .tag {
color : #006;
font-weight : bold;
}
pre .atn, code .atn {
color : #404;
}
pre .atv, code .atv {
color : #060;
}
}