Difference between revisions of "Team:Newcastle/Notebook/LabBookV1"
| Line 504: | Line 504: | ||
</html> | </html> | ||
| − | <style type= | + | <style type='text/css'> |
body1 { | body1 { | ||
font: 300 100%/0.8em 'Lato', sans-serif; | font: 300 100%/0.8em 'Lato', sans-serif; | ||
| Line 694: | Line 694: | ||
</html> | </html> | ||
| − | <style type= | + | <style type='text/css'> |
@charset "utf-8"; | @charset "utf-8"; | ||
| Line 992: | Line 992: | ||
</html> | </html> | ||
| − | <style type= | + | <style type='text/css'> |
body2 { | body2 { | ||
font: 300 100%/0.8em 'Lato', sans-serif; | font: 300 100%/0.8em 'Lato', sans-serif; | ||
Revision as of 22:54, 6 July 2017
<style type='text/css'>
body1 {
font: 300 100%/0.8em 'Lato', sans-serif;
padding: 2px;
margin: 2px;
color: #505050;
line-height: normal;
display:inline-block
float: left;
left; 1px;
}
} p {
margin: 4px;
} .categoryheading31 {
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color: #374e81; color: #f9f9f9; font-size: 16px; font-weight: 700; padding: 8px 0; text-align: center; margin: 0px;
} } .leftcolumn {
width: 174px;
margin-right: 174px;
padding: 8px;
float: left;
display: inline-block;
background-color: transparent;
display:inline-block
/*--min-height: 500px*/
} .lefttop1 {
display: inline-block; width: inherit; margin-right: 174px; margin-top: 10px; float: left; width: 700px; background-color: #f9f9f9; border: 2px solid #374e81; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display:inline-block
}
</style>
<style type='text/css'>
@charset "utf-8"; /* CSS Document */
/* ---------- GENERAL ---------- */
body { background: #f9f9f9; color: #0e171c; font: 200 100%/1.5em 'Lato', sans-serif; margin: 0; }
a { text-decoration: none; }
h2 { font-size: 1.2em; line-height: 1.25em; margin: .25em 0; }
h3 { font-size: 0.9em; line-height: 1em; margin: .33em 0; }
table { border-collapse: collapse; border-spacing: 0; }
.container { height: 400px;
left:1000px;
margin: -380px 0 0 -285px; position: absolute;
top: 50%;
width: 650px; }
/* ---------- CALENDAR ---------- */
.calendar {
text-align: center;
position:relative; margin:auto; border-radius:12px !important;
}
.calendar header { position: relative; }
.calendar thead {
font-weight: 600;
text-transform: uppercase;
font-size: 0.9em; text-align: center;
}
.calendar tbody { color: #7c8a95; }
.calendar tbody td:hover { border: 2px solid #374e81; }
.calendar td { border: 2px solid transparent; border-radius: 50%; display: inline-block; height: 4em; line-height: 4em; text-align: center; width: 4em; }
.calendar .other-month, .calendar .other-month { color: #cbd1d2; }
.calendar .other-month:hover{ border: 2px solid #cbd1d2;
color: #cbd1d2;
}
.current-day { background: #374e81; color: #f9f9f9; }
.event { cursor: pointer; position: relative; }
.event:after { background: #e90000; border-radius: 50%; bottom: .5em; display: block; content: ; height: .5em; left: 50%; margin: -.25em 0 0 -.25em; position: absolute; width: .5em; }
.event.current-day:after { background: #f9f9f9; }
.btn-prev, .btn-next { border: 2px solid #cbd1d2; border-radius: 50%; color: #cbd1d2; height: 2em; font-size: .6em; line-height: 2em; margin: -1em; position: absolute; top: 50%; width: 2em; }
.btn-prev:hover, .btn-next:hover { background: #cbd1d2; color: #f9f9f9; }
.btn-prev { left: 6em; }
.btn-next { right: 6em; }
/*--------------------------
- MENU Tabs
*/
.menu__tabs { list-style: none; overflow:hidden; } .menu__tabs li { float:left; margin-right:5px;
font: 300 100%/0.6em 'Lato', sans-serif;
font-size: 1em;
margin-bottom:-1px;
font-weight:bold !important;
} .menu__tabs a { padding: 0.7em;
font-weight:bold !important;
background: #374e81; display: inline-block; color: #FFF; text-decoration: none; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
} .menu__tabs a:hover { background: #e90000; } .menu__tabs a.active { color: #374e81; background: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .menu__tabs a.active i {color: #80cbb7;} .menu__tabs a i { margin-right: 3px; color: #aaaaaa; }
/*--------------------------
- MENU WRAPPER
*/
.menu { margin-left:6vw;
margin-top:10vh;
width: 35%; min-width: 400px; position: relative; } @media screen and( max-width:768px;){ .menu { margin-left:4vw;
margin-top:130px;
width: 30%; min-width: 400px; position: relative;
} } .menu__wrapper { padding: 2em; position: relative; z-index: 400; background: #FFF; min-height: 360px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .menu--shadow { position: absolute; z-index: 300; bottom: -5px; height: 25px; width: 100%; } .menu--shadow:after, .menu--shadow:before { content: ; display: block; width: 50%; height: 25px; position: absolute; left: 0; background: rgba(0,0,0,0.2); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); -webkit-transform: scale(0.8) rotate(-4deg); -ms-transform: scale(0.8) rotate(-4deg); -o-transform: scale(0.8) rotate(-4deg); transform: scale(0.8) rotate(-4deg); } .menu--shadow:after { right: 0; left: auto; -webkit-transform: scale(0.8) rotate(4deg); -ms-transform: scale(0.8) rotate(4deg); -o-transform: scale(0.8) rotate(4deg); transform: scale(0.8) rotate(4deg); } .menu__wrapper .menu__item { line-height: 1.3; color: #76716f; display: none; } .menu__wrapper .menu__item.item-active { display: block; }
/*--------------------------
- Calender Stuff End
*/
</style>
Month
Summary
<style type='text/css'> body2 { font: 300 100%/0.8em 'Lato', sans-serif;
height: 538px; left:1000px;
margin: -300px 0 0 -285px; position: absolute; top: 50%; width: 700px;
color: #505050;
padding-top: 580px;
line-height: normal;
} p {
margin: 4px;
} .categoryheading3 {
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color: #374e81; color: #f9f9f9; font-size: 16px; font-weight: 700; padding: 8px 0; text-align: center; margin: 0px;
} .lefttop {
display: inline-block; width: inherit; margin: 0 500px 2em 0; float: left; width: 700px; background-color: #f9f9f9; border: 2px solid #374e81; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
} </style>
