Main Page/styles.css: Difference between revisions

No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 79: Line 79:
     }
     }
     .left-child {
     .left-child {
         border-right: 1px solid black;
         border-left: 1px solid black;
         max-width:390px;
         max-width:390px;
     }
     }
Line 107: Line 107:
     margin: 5px; /* Space between items */
     margin: 5px; /* Space between items */
     text-decoration: none;
     text-decoration: none;
     transition: all 0.15s ease-in;
     transition: all 0.2s ease-in;
     box-shadow: 5px 5px 2px rgba(150, 150, 150, 0.6);
     box-shadow: 5px 5px 2px rgba(150, 150, 150, 0.6);
    border-width:5px;
    border-style: solid;
}
}
.container p * a:hover{
.container p * a:hover{
height: 72px;
height: 72px;
box-shadow: 7px 7px 6px rgba(150, 150, 150, 0.6);
box-shadow: 7px 7px 6px rgba(150, 150, 150, 0.6);
border-width:12px;
}
}
.container p * a.external{
.container p * a.external{
Line 119: Line 122:
.container p .en a{
.container p .en a{
background-color: #012169; /* 80% transparent blue */
background-color: #012169; /* 80% transparent blue */
     border: 5px solid #c8102e; /* 5px 80% transparent red */
     border-color: #c8102e; /* 5px 80% transparent red */
     color: white;
     color: white;
}
}
Line 127: Line 130:
.container p .zh a{
.container p .zh a{
background-color: #ee1c25; /* 80% transparent blue */
background-color: #ee1c25; /* 80% transparent blue */
     border: 5px solid #ee1c25; /* 5px 80% transparent red */
     border-color: #ee1c25; /* 5px 80% transparent red */
     color: #ffff00;
     color: #ffff00;
}
}
Line 135: Line 138:
.container p .ja a{
.container p .ja a{
background-color: white; /* 80% transparent blue */
background-color: white; /* 80% transparent blue */
     border: 5px solid white; /* 5px 80% transparent red */
     border-color: white; /* 5px 80% transparent red */
     color: #bd0029;
     color: #bd0029;
}
}
.container p .ja a.external:visited{
.container p .ja a.external:visited{
color: #bd0029;
color: #bd0029;
}
.container p .ko a{
background-color: white; /* 80% transparent blue */
    border-color: #000000; /* 5px 80% transparent red */
    color: #CD2E3A;
}
.container p .ko a span{
    color: #0047A0;
}
.container p .ko a.external:visited{
color: #CD2E3A;
}
}