Difference between revisions of "Template:NTNU Trondheim/CSS/content"

Line 38: Line 38:
  
  
.paragraph_img_left  > p,
+
.paragraph_img_left  > *{
.paragraph_img_left  > ul,
+
.paragraph_img_left  > table,
+
.paragraph_img_left  > ol{
+
 
     display: block;
 
     display: block;
 
     justify-content:center;
 
     justify-content:center;
Line 49: Line 46:
 
}
 
}
  
.paragraph_img_right > p,
+
.paragraph_img_right > *{
.paragraph_img_right > ul,
+
.paragraph_img_right > table,
+
.paragraph_img_right > ol{
+
 
     display: block;
 
     display: block;
 
     justify-content:center;
 
     justify-content:center;
Line 76: Line 70:
 
}
 
}
  
.paragraph_no_img > p,
+
.paragraph_no_img > *{
.paragraph_no_img > ul,
+
.paragraph_no_img > table,
+
.paragraph_no_img > ol{
+
 
     justify-content:center;
 
     justify-content:center;
 
     align-items:center;
 
     align-items:center;

Revision as of 22:05, 1 November 2017

.break_header, .break_header > img{

   z-index: 5;
   width: 100%;

}

.break_header{

   position: relative;

}

.paragraph_img_left, .paragraph_img_right, .paragraph_no_img{

   text-align:left;
   display: block;
   clear:both;
   width: 80%;
   margin: 5em auto;

}

.paragraph_img_right > div{

   float: right;
   width: 20%;
   margin-left: 10%;
   text-align: center;

}

.paragraph_img_left > div{

   float: left;
   width: 20%;
   margin-right: 10%;
   text-align: center;

} .paragraph_img_left > div > img, .paragraph_img_right > div > img{

   width: 100%;

}


.paragraph_img_left > *{

   display: block;
   justify-content:center;
   align-items:center;
   width:70%;
   margin: auto 0 auto auto;

}

.paragraph_img_right > *{

   display: block;
   justify-content:center;
   align-items:center;
   width:70%;
   margin-left: 0;

}

.paragraph_img_left > h1, .paragraph_img_right > h1{

   display:flex;
   width:70%;
   margin-bottom: 1em;
   justify-content:center;

}

.paragraph_img_left > h1{

   margin-left: 30%;

}

.paragraph_img_right > h1{

   margin-right: 30%;

}

.paragraph_no_img > *{

   justify-content:center;
   align-items:center;
   width:70%;
   margin: 0 auto;

}

.paragraph_img_left > table, .paragraph_img_right > table, .paragraph_no_img > table{

   border: 1px solid black;

}


.paragraph_no_img > h1{

   width:70%;
   justify-content:center;
   text-align: center;
   margin: 0 auto 1em auto;

}

.image{

   margin: 0 auto;
   font-family: "Arial", sans-serif;
   text-align:center;
   display: block;
   clear:both;

}

.image > img{

   width: 100%;

}

.break_1, .break_2, .break_1 > img, .break_2 > img{

   width: 100%;

}

.slidedown_button{

   cursor: pointer;
   margin: 0 auto;
   width: 10%;

}

.slidedown_button > img{

   width: 100%;

}

.slidedown_button:hover > img{

   content: url("T--NTNU_Trondheim--arrow_down_black.png");

}

.slideup_button{

   cursor: pointer;
   margin: 0 auto;
   width: 10%;

}

.slideup_button > img{

   width: 100%;
   content: url("T--NTNU_Trondheim--arrow_up_grey.png");

}

.slideup_button:hover > img{

   content: url("T--NTNU_Trondheim--arrow_up_black.png");

}

.dropdown_collapse{

   width: 5ch;
   margin: 0 auto;
   text-decoration: underline;
   color: #808080;

}

.dropdown_collapse:hover{

   text-decoration: none;
   cursor: pointer;
   color: #101417;

}

.dropdown_paragraph{

   justify-content:center;
   text-align: center;

}

.dropdown_text{

   display: none;

}

.show_less{

   display: none;

}

.show_more, .show_less{

   color: #808080;

}

.slideup_button:hover .show_less, .slidedown_button:hover .show_more{

   color: #101417;

}