185
muokkausta
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(11 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
Rivi 2: | Rivi 2: | ||
.page-ITS_Factory_Developer_Wiki #contentSub { display: none } | .page-ITS_Factory_Developer_Wiki #contentSub { display: none } | ||
.page-Main_Page #contentSub { display: none } | .page-Main_Page #contentSub { display: none } | ||
@media screen { | .mainItem {flex: 0 0 30.333333%;margin: 10px;border:1px solid #b1c903;padding:0 1em 1em 1em;background-color:#f6f6f6;box-sizing: border-box;border-radius: 5px;box-shadow: 1px 1px 4px 0px rgb(10 10 10 / 20%);} | ||
.mainItem { | |||
.resourceItem {flex: 0 0 22%;margin: 10px;border:1px solid #b1c903;padding:0 1em 1em 1em;background-color:#f6f6f6;box-sizing: border-box;border-radius: 5px;box-shadow: 1px 1px 4px 0px rgb(10 10 10 / 20%);} | |||
.mw-page-container{min-width:300px} | |||
.mw-body{border: 1px solid #b1c903;} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom,rgba(177,201,3,0) 0,#b1c903 100%); | |||
} | |||
.vector-menu-tabs li { | |||
background-image: linear-gradient(to top,#b1c903 0,#e8f8f0 1px,#ffffff 100%); | |||
} | |||
.vector-menu-tabs li a { | |||
color: #04750f; | |||
} | |||
a:visited { | |||
color: #004d1e; | |||
} | |||
a { | |||
color: #06ad46; | |||
} | |||
.vector-menu-portal .vector-menu-content li a:visited { | |||
color: #004d1e; | |||
} | |||
.vector-menu-portal .vector-menu-content li a { | |||
color: #06ad46; | |||
} | |||
@media only screen and (max-width: 1000px) { | |||
.mainItem { | |||
flex: 0 0 45%; | |||
margin: 5px; | |||
padding: 0px 4px 3px 5px; | |||
} | |||
.resourceItem { | |||
flex: 0 0 45%; | |||
margin: 5px; | |||
padding: 0px 4px 3px 5px; | |||
} | |||
.resourceItem img{ | |||
display: block; | |||
margin: auto; | |||
} | |||
.mw-body{ | |||
padding: 0.5em; | |||
} | |||
} | |||
@media only screen and (max-width: 850px) { | |||
.mainItem { | |||
font-size:13px !important; | |||
} | |||
.resourceItem { | |||
font-size:13px !important; | |||
} | |||
.resourceItem img{ | |||
width: 80px; | |||
height: 80px; | |||
} | |||
h2{ | |||
font-size: 16px !important; | |||
} | |||
img{ | |||
width: 30px; | |||
height: 30px; | |||
} | |||
} | |||
@media only screen and (max-width: 600px) { | |||
.mainItem { | |||
flex: 0 0 100%; | |||
} | |||
} | } |