Difference between revisions of "Team:Slovenia/libraries/custom-css"

 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
li , p, td, th, tr{
 
li , p, td, th, tr{
 
color: rgba(0, 0, 0, 0.8);
 
color: rgba(0, 0, 0, 0.8);
 +
}
 +
body {
 +
overflow: auto;
 
}
 
}
 
/* from docs.css */
 
/* from docs.css */
Line 8: Line 11:
 
     color: rgba(0, 0, 0, 0.8);
 
     color: rgba(0, 0, 0, 0.8);
 
}
 
}
 +
  
 
#example .main.container .examples h2,
 
#example .main.container .examples h2,
Line 45: Line 49:
 
     -ms-flex: 0 0 auto;
 
     -ms-flex: 0 0 auto;
 
     flex: 0 0 auto;
 
     flex: 0 0 auto;
−
    padding-left: 25px;
 
 
}
 
}
  
Line 142: Line 145:
 
height: 100%;
 
height: 100%;
 
     background-color: transparent;
 
     background-color: transparent;
−
     padding-top: 12px;
+
     padding-top: 8px;
 +
padding-left:16px;
 +
background-color: #333333;
 +
color:white;
 
}
 
}
  
Line 158: Line 164:
 
     padding-bottom: 12px;
 
     padding-bottom: 12px;
 
     margin-top: 0 !important;
 
     margin-top: 0 !important;
−
min-width: 700px !important;
 
 
}
 
}
  
−
.ui.vertical.sticky.menu {
+
.ui.vertical.sticky.text.menu {
 
     font-size: 1rem;
 
     font-size: 1rem;
 
     background-color: transparent;
 
     background-color: transparent;
−
     padding-top: 40px !important;
+
     padding-top: 60px !important;
−
    margin-left: 10px;  
+
}
 +
.ui.vertical.sticky.text.menu > a {
 +
color:white;
 
}
 
}
  
Line 334: Line 341:
  
 
h5 {
 
h5 {
−
     font-size:1.071rem
+
     font-size:1.071rem;
 +
}
 +
 
 +
.ui.table td, .ui.table thead th {
 +
    padding-top: .4em;
 +
    padding-bottom: .4em;
 
}
 
}

Latest revision as of 15:31, 19 October 2016

li , p, td, th, tr{ color: rgba(0, 0, 0, 0.8); } body { overflow: auto; } /* from docs.css */

  1. example .main.container .introduction p,
  2. example .main.container .example p,
  3. example .main.container p {
   color: rgba(0, 0, 0, 0.8);

}


  1. example .main.container .examples h2,
  2. example .main.container h2,
  3. example .main.container .tab > h2 {
   position: relative;
   margin: 5rem 0 3rem;

}

  1. example .main.container .examples > .rail + h2,
  2. example .main.container > .rail + h2,
  3. example .main.container > .tab > .rail + h2,
  4. example .main.container0 .examples h2:first-child,
  5. example .main.container h2:first-child,
  6. example .main.container > .tab > h2:first-child {
   margin-top: 0;

}

  1. example > .pusher > .full.height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;

}

  1. example .full.height > .banana {
   position: relative;
   z-index: 1;
   background-color: #1b1c1d;
   width: 20%;

height:100%; 

   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;

}

  1. example .article {
   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 0;

margin-left:20%; width:80%; align:center; }

  1. example .main.container {
   padding: 110px 0 7em;

}

/* Defaults */ /*#example .masthead > .container,*/

  1. example .main.container {

/*#example .fixed.menu > .container {*/ 

   /*margin-left: 3em !important;
   margin-right: 3em !important;*/
   width: auto !important;
   max-width: 960px !important;

}

/*#example .masthead > .container {*/ /*margin-right: 387px !important;*/ /*}*/

  1. example .main.container {
   /*margin-right: 387px !important;*/

position: relative; margin-left: auto; margin-right: auto; }

/* Remove Fixed Sidebar */ @media only screen and (max-width: 1144px) { 

   /* Hide Fixed Sidebar */
   #example .full.height > .banana {
       display: none;
   }

}

/* Remove Rail */ @media only screen and (max-width: 992px) { 

   /* Fluid Containers */
   #example .masthead > .container,
   #example .main.container,
   #example .fixed.menu > .container {
       margin-left: 1em !important;
       margin-right: 1em !important;
       max-width: none !important;
   }

}

/* end of docs*/

/* override default */

  1. content {
   width: 100%;
   background-color: transparent;
   margin-left: 0;
   padding-left: 0;

}

  1. contentSub, #firstHeading, #column-one, #footer {
   display: none;

}

  1. firstHeading, #content {
   margin-top: 0 !important;
   padding-top: 0 !important;

}

  1. bodyContent {
   margin-left: 0;
   padding-left: 0;

}

body { 

   /*padding-top: 14px;*/
   background-color: #FCFCFC;

}

/* transparenten pravokotnik na levi in del za besedilo */

  1. example:not(.site) > .pusher > .full.height {
   background-color: transparent;

}

/* pravokotnik na levi - sirina, ozadje.. */

  1. example .full.height > .banana {
   width: 20%;

position:fixed; height: 100%; 

   background-color: transparent;
   padding-top: 8px;

padding-left:16px; background-color: #333333; color:white; }

/* menus */

  1. projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {
   display: none;

}

  1. menucomb {

right:0px; position:fixed; width:80%; 

   background-color: #FCFCFC;
   padding-top: 12px !important;
   padding-bottom: 12px;
   margin-top: 0 !important;

}

.ui.vertical.sticky.text.menu { 

   font-size: 1rem;
   background-color: transparent;
   padding-top: 60px !important;

} .ui.vertical.sticky.text.menu > a { color:white; }

/* end of menus */

span.section { 

 margin-top: -130px;        /* Size of fixed header */
 padding-bottom: 130px; 
 display: block;

}

/* tabelite neka bidat na sredina */ .ui.table { 

   margin: auto;
   width: 100%;

}

/*црна боја на менито */ .home:link, .home:visited, .home:active, .home:hover { 

   color: black;

}

/* glavniot naslov neka ima edna crvena boja */

  1. context h1 {
   color: #c10c00;

}

/* ostanatite naslovi neka bidat vo druga crvena */

  1. context h2 {
   color: #c10c00;

}

/* naslovot na bibliografijata neka e vo treta boja */

  1. ref-title {
   color: #860000

}

caption, figcaption { 

   caption-side: bottom;
   text-align: center

}

figure { 

   display: block;

}

/* bibliography*/ x-ref sup > a, x-ref sup > a:visited, x-ref sup > a:hover, x-ref sup > a:active { 

   color: grey;

}

.reference > a { 

   color: black;

}

/* end of bibliography */

/* enumeration of tables and figures */ ref > a, ref > a:visited, ref > a:active, ref > a:hover { 

   color: black;

}

/* team images */ .teamimg { 

   overflow: hidden;

}

.hiddentext { 

   position: absolute;
   max-width: 80%;

}

.image_div { 

   position: relative;
   overflow: hidden;
   width: 50%;
   float: left;

}

.right img { 

   position: relative;
   margin-left: -100%;

}

/* end of team images */

/* logo row */ footer .column > a { 

   margin: auto;
   display: inline-block !important;

}

/* Calendar */ /*#calendarTable { 

       position:relative;
       width: auto;

}*/

  1. calendarHead:hover {
   background-color: white;
   color: #DB2828;
   cursor: pointer;
   cursor: hand;

}

  1. right, #left, #tdays, #tmonth {
   text-align:center;
   background-color: #AFAFAF;
   color:white;
   font-weight: bold;

}

  1. calendarHead {
   text-align:center;
   font-weight: bold;
   color: white;
   background-color: #AFAFAF;

} .week > td, .weekHighLight > td { 

   margin: 0 auto;
   background-color: white; /* #AFAFAF; */
   text-align: right;
   vertical-align: top;

} .weak { 

   color:  #DB2828;

} .week:hover > td, #right:hover, #left:hover, .weekHighLight > td { 

   background-color: #DB2828;
   color: white;
   cursor: pointer;
   cursor: hand;

}

/* Images and resizing stuff */ figure { 

  background-color: #fff;
  padding: 5px;
  font-size: .875em;
  display: table;

}

figure img { 

   display: block;
   width: 100%;

}

figcaption { 

   display: table-caption;
   caption-side: bottom;
   background: #fff;

font-size:11px; line-height:1.6em; 

   /* padding: 0 1px 1px; */

}​

.ui.justified.container, p, .ui.segment { 

 -webkit-hyphens: none !important;
 -ms-hyphens: none !important;
 hyphens: none !important;

}

h3, h4 { 

   font-size:1.28rem;
   padding-bottom: 8px;

}

  1. context h3 {
   color: #c10c00;

}

h5 { 

   font-size:1.071rem;

}

.ui.table td, .ui.table thead th { 

   padding-top: .4em;
   padding-bottom: .4em;

}