Difference between revisions of "Team:Slovenia/libraries/custom-css"
Zigapusnik (Talk | contribs) |
Zigapusnik (Talk | contribs) |
||
| (45 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; | ||
| − | |||
} | } | ||
| Line 57: | Line 60: | ||
width:80%; | width:80%; | ||
align:center; | align:center; | ||
| − | |||
} | } | ||
| Line 143: | Line 145: | ||
height: 100%; | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
| − | padding-top: | + | padding-top: 8px; |
| + | padding-left:16px; | ||
| + | background-color: #333333; | ||
| + | color:white; | ||
} | } | ||
| Line 161: | Line 166: | ||
} | } | ||
| − | .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; | ||
} | } | ||
| Line 335: | 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 */
- 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;
}
