User:Stable Zouave/global.css

background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; /*Next: Stuff from CoC wiki, find out what changes just font.*/ font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; top: 8px; box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(221,54,10); /* Overall- Ends at same spot, but goes out further to left. Find fitting text shadow and color combination. Then font. To do- Find out what weight does, if google font overrides selected font, line height, top, box-shadow. See if there's a way to isolate text in the slider side and the bottom- try using this thing in nm right or bottom? Yes, seems like the way.*/ } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; } .nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(177, 181, 181,0.8), rgba(177, 181, 181,0.8), transparent); } .nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(189, 215, 236, 1), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(159, 209, 254, 1), rgba(159, 209, 254, 1), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(177, 181, 181,0.8), rgba(177, 181, 181,0.8), transparent); } .nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(159, 209, 254, 1), rgba(159, 209, 254, 1), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(177, 181, 181,0.8), rgba(177, 181, 181,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(217, 221, 221,0.8), rgba(217, 221, 221,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba( 0, 110, 179, 1), rgba( 0, 110, 179, 1), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(217, 221, 221,0.8), rgba(217, 221, 221,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(159, 209, 254, 1), rgba(159, 209, 254, 1), transparent); }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {