realms-wiki/realms/static/css/style.css

123 lines
2.2 KiB
CSS
Raw Normal View History

2013-10-03 21:13:10 +03:00
body {
padding-top: 43px;
2013-10-03 21:13:10 +03:00
background-color:#eee;
2013-10-03 17:58:07 +03:00
}
.navbar {
min-height: inherit;
}
.navbar .container a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-nav>li>a:hover {
padding-top: 10px;
padding-bottom: 10px;
}
2013-10-03 17:58:07 +03:00
#main-body {
background-color: #fff;
padding: 20px;
margin: 0 -20px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
padding-top: 10px;
2013-10-01 07:10:10 +03:00
}
2013-10-02 04:50:48 +03:00
.checkbox-cell {
width: 4em;
padding: 0.3em;
}
2013-10-01 07:10:10 +03:00
#app-wrap {
top: 60px;
left: 10px;
bottom: 0;
right: 10px;
position: fixed;
}
#app-controls {
margin:0;
}
#preview {
position: absolute;
margin-left: 5px;
padding: 20px;
left: 50%;
bottom: 10px;
right: 10px;
2013-10-03 17:58:07 +03:00
top: 50px;
2013-10-01 07:10:10 +03:00
overflow: auto;
background: rgba(255,255,255,0.9);
2013-10-02 04:50:48 +03:00
border: 1px solid #EEE;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
2013-10-01 07:10:10 +03:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
2013-10-03 21:13:10 +03:00
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
2013-10-01 07:10:10 +03:00
}
#editor {
position: absolute;
margin-right: 5px;
2013-10-03 17:58:07 +03:00
top: 50px;
2013-10-01 07:10:10 +03:00
left: 10px;
bottom: 10px;
right: 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
2013-10-03 21:13:10 +03:00
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
2013-10-03 17:58:07 +03:00
}
2013-10-15 23:32:17 +03:00
#page-action-bar {
position: relative;
z-index: 100;
float: right;
}
2013-10-03 17:58:07 +03:00
.user-avatar a img {
width: 24px;
height: 24px;
2013-10-03 17:58:07 +03:00
-webkit-box-shadow: 0 1px 3px #1e1e1e;
-moz-box-shadow: 0 1px 3px #1e1e1e;
box-shadow: 0 1px 3px #1e1e1e;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.navbar-nav .user-avatar a {
2013-10-03 17:58:07 +03:00
}
.navbar-nav>li.user-avatar a {
padding-top: 9px;
padding-bottom: 9px;
2013-10-01 07:10:10 +03:00
}