Difference between revisions of "Team:Dundee/style.css"

Line 2: Line 2:
 
<style type="text/css">
 
<style type="text/css">
  
−
header {
+
 
−
  height:0px;
+
−
    border:none;
+
−
    width:100%;
+
−
    margin:0 auto;
+
−
    padding:0;
+
−
    background-color:transparent;
+
−
}
+
 
/* hiding the top section*/
 
/* hiding the top section*/
 
#top-section{
 
#top-section{
Line 96: Line 89:
 
html, body {
 
html, body {
 
overflow-x:hidden;
 
overflow-x:hidden;
−
        font-family: 'cambria';
+
    font-family: 'cambria';
−
        margin: auto;
+
    margin: auto;
−
        padding: 0px;
+
    padding: 0px;
 
}
 
}
 
.container {
 
.container {
Line 411: Line 404:
 
}
 
}
  
−
/***** MODAL PROPERTIES *****/
+
 
−
.modal-content {
+
−
    -webkit-box-shadow: none;
+
−
    box-shadow: none;
+
−
    background:transparent;
+
−
    border:none;
+
−
    outline:none;
+
−
}
+
−
.modal-content iframe {
+
−
    border:none;
+
−
    padding:0;
+
−
    margin:0;
+
−
}
+
−
.close {
+
−
    font-size: 50px;
+
−
    margin:-20px 0 0 0;
+
−
}
+
−
/***** MEDIA QUERIES *****/
+
−
@media only screen and (max-width: 641px) {
+
−
    /***** MODAL PROPERTIES *****/
+
−
    .modal-body {
+
−
        height:100px;
+
−
        padding:0;
+
−
        margin: 0;
+
−
    }
+
−
    .modal-content {
+
−
        padding:0;
+
−
        margin: 0;
+
−
    }
+
−
    .modal-dialog {
+
−
        position: relative;
+
−
        width: auto;
+
−
        margin: 15px;
+
−
    }
+
−
    .close {
+
−
        margin:-12px 0 0 0;
+
−
    }
+
−
}
+
−
@media only screen and (min-width: 768px) {
+
−
    /***** MODAL PROPERTIES *****/
+
−
    .close {
+
−
        font-size: 80px;
+
−
        margin:30px -43px -20px 100px;
+
−
    }
+
−
}
+
  
 
@media only screen and (max-width: 768px) {
 
@media only screen and (max-width: 768px) {
Line 463: Line 412:
 
float: right;
 
float: right;
 
}
 
}
 +
}
 +
 +
.border, .border-week, .border-day {
 +
 
}
 
}
  
Line 469: Line 422:
 
border: 2px solid black;
 
border: 2px solid black;
 
background-color: gray;
 
background-color: gray;
 +
 
}
 
}
  
 +
.border-week {
 +
margin-top: 20px;
 +
border: 2px solid black;
 +
background-color: transparent;
 +
margin-bottom: 0px;
 +
}
 +
.border-day {
 +
width: 97%;
 +
float: right;
 +
border: 2px solid black;
 +
background-color: gray;
 +
margin-bottom: 0px;
 +
margin-top: 5px;
 +
}
 
.box-btn {
 
.box-btn {
−
        margin: 0px;
+
    margin: 15px;
 
float: right;
 
float: right;
 +
clear: both;
 
}
 
}
 
.box-title {
 
.box-title {
 
font-size: 30px;
 
font-size: 30px;
 
     width: 85%;
 
     width: 85%;
−
margin: 15px;
+
margin: 0px 15px 0px 15px;
 
display: inline-block;
 
display: inline-block;
 +
}
 +
.week-content {
 +
margin-left: 10px;
 +
    padding-left: 5px;
 +
    padding-right: 50px;
 +
padding-bottom: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 10px;
 
}
 
}
 
.box-content {
 
.box-content {
 
margin-left: 10px;
 
margin-left: 10px;
 
     padding-left: 5px;
 
     padding-left: 5px;
−
     padding-right: 5px;
+
     padding-right: 0px;
−
padding-top: 0px;
+
padding-bottom: 0px;
−
margin-right: 10px;
+
margin-right: 20px;
 +
margin-bottom: 0px;
 
text-align:left;
 
text-align:left;
 
     clear: right;
 
     clear: right;
 
}
 
}
 
.labtitle {
 
.labtitle {
−
font-size:40px;
+
margin:0px;
−
text-align:left;
+
font-size:35px;
−
        padding:30px;
+
text-align:center;
 +
    padding-left:5px;
 +
    display: inline-block;
 
}
 
}
 
.ribbon {
 
.ribbon {
 
background-color: transparent;
 
background-color: transparent;
−
        padding: 0, 15px, 0, 15px;
+
    padding: 0, 15px, 0, 15px;
 
}
 
}
−
.row1, .row2, .row3, .row4, .row5, .row6 {
+
.rows {
 
padding-top: 50px;
 
padding-top: 50px;
 
padding-bottom:50px;
 
padding-bottom:50px;
 
padding-left:50px;
 
padding-left:50px;
−
padding-right:30px;
+
padding-right:50px;
 +
background-color: transparent;
 +
}
 +
.row1, .row2, .row3, .row4, .row5, .row6 {
 +
padding-top: 50px;
 +
padding-bottom:50px;
 +
padding-left:20px;
 +
padding-right:20px;
 
background-color: transparent;
 
background-color: transparent;
 
}
 
}
 
.row1 {
 
.row1 {
 
background-color: ;
 
background-color: ;
 +
}
 +
.dropdown-menu {
 +
left:0;
 +
}
 +
.btn .btn-info .col-sm-1 .box-btn {
 +
    clear: both;
 
}
 
}
  
 +
/** MODAL THEMES **/
 +
.modal-backdrop {
 +
background-color: #636363;
 +
}
 +
.modal-body, .modal-title {
 +
color: black;
 +
}
 +
/** LABJOURNAL THEME **/
 +
.journal-summary-heading {
 +
color: #66FF33;
 +
font-size: 20px;
 +
}
 +
.journal-content {
 +
color: #d3d5d6;
 +
}
 +
.journal-protocol, .journal-protocol:hover {
 +
color: #66FF33;
 +
text-decoration: none;
 +
}
 +
.box-btn.glyphicon {
 +
font-size: 2em;
 +
-webkit-transition:0.3s;
 +
-moz-transition:0.3s;
 +
-o-transition:0.3s;
 +
transition:0.3s;
 +
 +
}
 +
 +
.box-btn.glyphicon:hover {
 +
color: green;
 +
}
  
 
</html>
 
</html>

Revision as of 13:47, 13 July 2015