Zigapusnik (Talk | contribs) |
Zigapusnik (Talk | contribs) |
||
(119 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | li , p, td, th, tr{ | ||
+ | color: rgba(0, 0, 0, 0.8); | ||
+ | } | ||
+ | body { | ||
+ | overflow: auto; | ||
+ | } | ||
/* 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 { | ||
− | |||
− | |||
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 38: | Line 43: | ||
z-index: 1; | z-index: 1; | ||
background-color: #1b1c1d; | background-color: #1b1c1d; | ||
− | width: | + | 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; | ||
− | |||
} | } | ||
Line 52: | 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: | + | padding: 110px 0 7em; |
} | } | ||
Line 62: | 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 73: | Line 81: | ||
#example .main.container { | #example .main.container { | ||
/*margin-right: 387px !important;*/ | /*margin-right: 387px !important;*/ | ||
− | + | position: relative; | |
+ | margin-left: auto; margin-right: auto; | ||
} | } | ||
Line 132: | Line 141: | ||
/* pravokotnik na levi - sirina, ozadje.. */ | /* pravokotnik na levi - sirina, ozadje.. */ | ||
#example .full.height > .banana { | #example .full.height > .banana { | ||
− | width: | + | width: 20%; |
+ | position:fixed; | ||
+ | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
− | padding-top: | + | padding-top: 8px; |
+ | padding-left:16px; | ||
+ | background-color: #333333; | ||
+ | color:white; | ||
} | } | ||
Line 143: | 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: | + | padding-top: 60px !important; |
− | + | } | |
− | + | .ui.vertical.sticky.text.menu > a { | |
+ | color:white; | ||
} | } | ||
/* end of menus */ | /* end of menus */ | ||
− | + | span.section { | |
− | margin-top: - | + | margin-top: -130px; /* Size of fixed header */ |
− | padding-bottom: | + | padding-bottom: 130px; |
display: block; | display: block; | ||
} | } | ||
Line 175: | Line 193: | ||
color: black; | color: black; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* glavniot naslov neka ima edna crvena boja */ | /* glavniot naslov neka ima edna crvena boja */ | ||
#context h1 { | #context h1 { | ||
− | color: # | + | color: #c10c00; |
} | } | ||
/* ostanatite naslovi neka bidat vo druga crvena */ | /* ostanatite naslovi neka bidat vo druga crvena */ | ||
#context h2 { | #context h2 { | ||
− | color: # | + | color: #c10c00; |
} | } | ||
Line 320: | Line 320: | ||
caption-side: bottom; | caption-side: bottom; | ||
background: #fff; | background: #fff; | ||
− | padding: 0 | + | 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 */
- example .main.container .introduction p,
- example .main.container .example p,
- example .main.container p {
color: rgba(0, 0, 0, 0.8);
}
- example .main.container .examples h2,
- example .main.container h2,
- example .main.container .tab > h2 {
position: relative; margin: 5rem 0 3rem;
}
- example .main.container .examples > .rail + h2,
- example .main.container > .rail + h2,
- example .main.container > .tab > .rail + h2,
- example .main.container0 .examples h2:first-child,
- example .main.container h2:first-child,
- example .main.container > .tab > h2:first-child {
margin-top: 0;
}
- 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;
}
- 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;
}
- 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; }
- example .main.container {
padding: 110px 0 7em;
}
/* Defaults */ /*#example .masthead > .container,*/
- 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;*/ /*}*/
- 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 */
- content {
width: 100%; background-color: transparent; margin-left: 0; padding-left: 0;
}
- contentSub, #firstHeading, #column-one, #footer {
display: none;
}
- firstHeading, #content {
margin-top: 0 !important; padding-top: 0 !important;
}
- bodyContent {
margin-left: 0; padding-left: 0;
}
body {
/*padding-top: 14px;*/ background-color: #FCFCFC;
}
/* transparenten pravokotnik na levi in del za besedilo */
- example:not(.site) > .pusher > .full.height {
background-color: transparent;
}
/* pravokotnik na levi - sirina, ozadje.. */
- 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 */
- projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {
display: none;
}
- 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 */
- context h1 {
color: #c10c00;
}
/* ostanatite naslovi neka bidat vo druga crvena */
- context h2 {
color: #c10c00;
}
/* naslovot na bibliografijata neka e vo treta boja */
- 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;
}*/
- calendarHead:hover {
background-color: white; color: #DB2828; cursor: pointer; cursor: hand;
}
- right, #left, #tdays, #tmonth {
text-align:center; background-color: #AFAFAF; color:white; font-weight: bold;
}
- 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;
}
- context h3 {
color: #c10c00;
}
h5 {
font-size:1.071rem;
}
.ui.table td, .ui.table thead th {
padding-top: .4em; padding-bottom: .4em;
}