1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- ;#header{
- position: fixed;
- .language-selector{
- display: flex;
- position: fixed;
- width: 100px;
- left: 50%;
- margin-left: -100px;
- li{
- margin-right: 20px;
- }
- }
- .navigation{
- li{
- position: fixed;
- text-align: center;
- &:first-child{
- display: none;
- }
- &:nth-child(2){
- bottom: 0;
- width: 50%;
- }
- &:nth-child(3){
- top: 0;
- width: 50%;
- }
- &:nth-child(4){
- bottom: 0;
- width: 50%;
- right: 0;
- }
- &:nth-child(5){
- transform: rotate(90deg);
- // right: 50%;
- top: 50%;
- width: 100%;
- right: -50%;
- margin-right: 22px;
- }
- &:nth-child(6){
- transform: rotate(-90deg);
- top: 50%;
- width: 100%;
- left: -50%;
- margin-left: 22px;
- }
- &:nth-child(7){
- top: 0;
- right: 0;
- width: 50%;
- }
- a{
- position: relative;
- margin: auto;
- }
- }
- }
- }
|