Commit f2a496a3 authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

Merge branch 'develop' into 'master'

Addding content box and profile box to css

See merge request !16
parents 8b3401b8 244f1a76
......@@ -127,10 +127,7 @@ body {
.reveal pre {
font-size: 0.8em; /* Make the commands bigger */
//box-shadow: 3px 4px 10px rgba(0,0,0,0.8);
border-width: 1px;
border-style: solid;
border-color: #D3D3D3;
box-shadow: 3px 4px 10px rgba(0,0,0,0.8);
width: 100%;
position: relative;
left: 0%;
......@@ -217,3 +214,151 @@ body {
color: #333;
text-decoration: none;
}
.content-box {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.content-box .content {
overflow: hidden;
background-color: white;
padding: 10px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: 5px 5px 5px 3px grey;
}
.content-box .box-title {
height: 30px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 5px 5px 5px 3px grey,#c1c1c1 3px 3px 3px 3px inset;
font-weight:bold;
color: white;
background-color: #505050;
display:block;
padding: 5px 0px 15px 20px;
border-bottom:none;
}
.content-box ul, p {
margin: 0px;
}
.content-box .red {
background-color: #ee2e27ff;
box-shadow: 5px 5px 5px 3px gray, #ee7171 3px 3px 3px 3px inset;
}
.content-box .blue {
background: #00aae5ff;
box-shadow: 5px 5px 5px 3px grey, #8cc6ed 3px 3px 3px 3px inset;
}
.content-box .yellow {
background: #e5ae00;
box-shadow: 5px 5px 5px 3px grey, #f5ce46 3px 3px 3px 3px inset;
}
.content-box .green {
background: #00cc34;
box-shadow: 5px 5px 5px 3px grey, #88ff87 3px 3px 3px 3px inset;
}
.box-container {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
align-items: stretch;
flex-direction: column;
}
sup {
font-size: 0.83em;
vertical-align: super;
line-height: 0;
}
.profile-container {
padding: 0px;
display: inline-block;
text-align: center;
width:300px;
height:300px;
overflow: hidden;
}
.profile-container li{
list-style-type: none;
}
.profile-container ul{
padding:0px;
}
.profile-container img{
width:60%;
height:60%;
padding: 0px!important;
margin: 0px 0px -5px 0px!important;
border:2px solid gray!important;
border-radius: 50%;
}
.profile-container li:first-child{
font-size: 25px;
font-weight:bold;
}
.profile-container li:last-child{
font-weight:lighter;
font-size: 20px;
line-height: 1;
}
table {
border-collapse: separate;
border-spacing: 0;
}
table tr td {
border-right: 1px solid rgb(167, 167, 167);
border-bottom: 1px solid rgb(167, 167, 167);
padding-left: 10pt;
padding-right: 10pt;
}
table tr th {
border-right: 1px solid rgb(48, 48, 48);
border-bottom: 1px solid rgb(58, 58, 58);
padding-left: 15pt;
padding-right: 15pt;
padding-top: 2pt;
padding-bottom: 2pt;
color: #fff
}
table tr th:first-child,
table tr td:first-child {
border-left: 1px solid rgb(112, 112, 112);
}
table tr th{
background: rgb(148, 148, 148);
border-top: 1px solid rgb(112, 112, 112);
text-align: left;
}
/* top-left border-radius */
table tr:first-child th:first-child {
border-top-left-radius: 10px;
}
/* top-right border-radius */
table tr:first-child th:last-child {
border-top-right-radius: 10px;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment