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

Revision as of 22:39, 14 October 2016 (view source) Zigapusnik (Talk | contribs) ← Older edit		Latest revision as of 15:31, 19 October 2016 (view source) Zigapusnik (Talk | contribs)
(112 intermediate revisions by 2 users not shown)
Line 1:		Line 1:
−		+	li , p, td, th, tr{
−	h1 {	+	color: rgba(0, 0, 0, 0.8);
−	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;	+
−	font-size: 24px;	+
−	font-style: normal;	+
−	font-variant: normal;	+
−	font-weight: 500;	+
−	line-height: 26.4px;	+
	}		}
−	h2, h3 {	+	body {
−	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;	+	overflow: auto;
−	font-size: 14px;	+
−	font-style: normal;	+
−	font-variant: normal;	+
−	font-weight: 500;	+
−	line-height: 15.4px;	+
	}		}
−	p, li, a {
−	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
−	font-size: 12px;
−	font-style: normal;
−	font-variant: normal;
−	font-weight: 100;
−	line-height: 18px;
−	}
−	blockquote {
−	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
−	font-size: 21px;
−	font-style: normal;
−	font-variant: normal;
−	font-weight: 400;
−	line-height: 30px;
−	}
−	pre {
−	font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
−	font-size: 13px;
−	font-style: normal;
−	font-variant: normal;
−	font-weight: 400;
−	line-height: 18.5667px;
−	}
−
	/* from docs.css */		/* from docs.css */
	#example .main.container .introduction p,		#example .main.container .introduction p,
	#example .main.container .example p,		#example .main.container .example p,
	#example .main.container p {		#example .main.container p {
−	font-size: 16px;
−	line-height: 1.5;
	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 80:		Line 43:
	z-index: 1;		z-index: 1;
	background-color: #1b1c1d;		background-color: #1b1c1d;
−	width: 200px;	+	width: 20%;
		+	height:100%;
	-webkit-box-flex: 0;		-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;		-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;		-ms-flex: 0 0 auto;
	flex: 0 0 auto;		flex: 0 0 auto;
−	padding-left: 50px;
	}		}
Line 94:		Line 57:
	flex: 1 1 auto;		flex: 1 1 auto;
	min-width: 0;		min-width: 0;
		+	margin-left:20%;
		+	width:80%;
		+	align:center;
	}		}
	#example .main.container {		#example .main.container {
−	padding: 100px 0 7em;	+	padding: 110px 0 7em;
	}		}
Line 104:		Line 70:
	#example .main.container {		#example .main.container {
	/*#example .fixed.menu > .container {*/		/*#example .fixed.menu > .container {*/
−	margin-left: 3em !important;	+	/*margin-left: 3em !important;
−	margin-right: 3em !important;	+	margin-right: 3em !important;*/
	width: auto !important;		width: auto !important;
	max-width: 960px !important;		max-width: 960px !important;
Line 115:		Line 81:
	#example .main.container {		#example .main.container {
	/*margin-right: 387px !important;*/		/*margin-right: 387px !important;*/
−	margin-right: 20% !important;	+	position: relative;
		+	margin-left: auto; margin-right: auto;
	}		}
Line 174:		Line 141:
	/* pravokotnik na levi - sirina, ozadje.. */		/* pravokotnik na levi - sirina, ozadje.. */
	#example .full.height > .banana {		#example .full.height > .banana {
−	width: 25%;	+	width: 20%;
		+	position:fixed;
		+	height: 100%;
	background-color: transparent;		background-color: transparent;
−	padding-top: 12px;	+	padding-top: 8px;
		+	padding-left:16px;
		+	background-color: #333333;
		+	color:white;
	}		}
Line 185:		Line 157:
	#menucomb {		#menucomb {
		+	right:0px;
		+	position:fixed;
		+	width:80%;
	background-color: #FCFCFC;		background-color: #FCFCFC;
−	padding-top: 12px;	+	padding-top: 12px !important;
	padding-bottom: 12px;		padding-bottom: 12px;
−	margin-top: 0;	+	margin-top: 0 !important;
	}		}
−	.ui.vertical.sticky.menu {	+	.ui.vertical.sticky.text.menu {
	font-size: 1rem;		font-size: 1rem;
	background-color: transparent;		background-color: transparent;
−	padding-top: 80px;	+	padding-top: 60px !important;
−	margin-left: 10px; /*	+	}
−	margin-right: auto;*/	+	.ui.vertical.sticky.text.menu > a {
		+	color:white;
	}		}
	/* end of menus */		/* end of menus */
−	h1 > span, h2 > span, h3 > span, h4 > span  {	+	span.section {
−	margin-top: -122px;        /* Size of fixed header */	+	margin-top: -130px;        /* Size of fixed header */
−	padding-bottom: 122px;	+	padding-bottom: 130px;
	display: block;		display: block;
	}		}
Line 217:		Line 193:
	color: black;		color: black;
	}		}
−
−	/* koga se namaluva ekranot ne sakame da gi skrsime zborovite */
−	/*h1, h2, h3, h4 {*/
−	/*!*white-space: nowrap;*!*/
−	/*padding-top: 120px!important;*/
−	/*margin-top: 0!important;*/
−	/*}*/
−
−	/* скриј го вертикалното мени доколку е екранот премногу мал и не изгледа убаво */
−	/*@media (max-width: 1350px) {*/
−	/*.ui.sticky.container {*/
−	/*display: none;*/
−	/*}*/
−	/*}*/
−
−	/*.menu {
−	white-space: nowrap;
−	}*/
	/* glavniot naslov neka ima edna crvena boja */		/* glavniot naslov neka ima edna crvena boja */
	#context h1 {		#context h1 {
−	color: #8b2545	+	color: #c10c00;
	}		}
	/* ostanatite naslovi neka bidat vo druga crvena */		/* ostanatite naslovi neka bidat vo druga crvena */
	#context h2 {		#context h2 {
−	color: #ab0000	+	color: #c10c00;
	}		}
Line 362:		Line 320:
	caption-side: bottom;		caption-side: bottom;
	background: #fff;		background: #fff;
−	padding: 0 5px 5px;	+	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;
		+	}
		+
		+	#context h3 {
		+	color: #c10c00;
		+	}
		+
		+	h5 {
		+	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;

}