/* */
body
{
background-color: #E7E7E4 !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
width: 100% !important;
min-width: 320px !important;
max-width: 2400px !important;
}
a.bar_link
{
color: #BFBFBF;
}
ul
{
list-style-type: none;
}
a
{
text-decoration: none;
}
button
{
padding: 0px;
border: none;
background: none;
}
/* */
@media (min-width:768px)
{
#body_margin_left
{
width: 13px;
}
#body_margin_right
{
width: 13px;
}
}
@media (max-width:768px)
{
#body_margin_left
{
width: 11px;
}
#body_margin_right
{
width: 11px;
}
}
@media (max-width:400px)
{
#body_margin_left
{
width: 7px;
}
#body_margin_right
{
width: 7px;
}
}
#body_margin_left
{
position: fixed;
top: 0px;
left: 0px;
background-color: #E7E7E4;
border-right: 1px solid #B7B7B7;
height: 100%;
z-index: 100;
}
#body_margin_right
{
position: fixed;
top: 0px;
right: 0px;
background-color: #E7E7E4;
border-left: 1px solid #B7B7B7;
height: 100%;
z-index: 100;
}
/* */
/* */
#loader
{
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
#acre
{
height: 38px;
width: 38px;
border: 1px solid #000000;
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 50%;
}
#acre1
{
height: 23px;
width: 60px;
border: 1px solid #000000;
border-top-color: #FF3700;
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 50%;
animation: spin1 2s infinite linear;
}
@keyframes spin1
{
100%{
transform: rotate(360deg);
}
}
#acre2
{
height: 33px;
width: 70px;
border: 1px solid #000000;
border-top-color: #FF3700;
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 50%;
animation: spin2 0.3s infinite linear;
}
@keyframes spin2
{
100%{
transform: rotate(360deg);
}
}
/* */
/* */
#page
{
display: none;
}
/* */
@media (min-width:768px)
{
#backdrop
{
left: 13px;
right: 13px;
}
}
@media (max-width:768px)
{
#backdrop
{
left: 11px;
right: 11px;
}
}
@media (max-width:400px)
{
#backdrop
{
left: 7px;
right: 7px;
}
}
#backdrop
{
display: none;
position: fixed;
top: 0;
bottom: 0;
z-index: 15;
background-color: #000000;
opacity: 0.5;
}
/* */
/* */
@media (min-width:768px)
{
#language
{
border-radius: 15px;
width: 460px;
margin-left: -230px;
}
#button_hide_language
{
top: 20px;
right: 30px;
}
.title_language
{
margin-left: 45px;
}
#list_language
{
margin-left: 55px;
}
}
@media (max-width:768px)
{
#language
{
border-radius: 12px;
width: 80%;
margin-left: -40%;
}
#button_hide_language
{
top: 20px;
right: 20px;
}
.title_language
{
margin-left: 30px;
}
#list_language
{
margin-left: 40px;
}
}
@media (max-width:400px)
{
.title_language
{
font-size: 11px;
}
}
#language
{
display: none;
border: 1px solid #404040;
position: fixed;
height: auto;
top: 20vh;
left: 50%;
z-index: 15;
background-color: #1A1A1A;
}
#button_hide_language
{
position: absolute;
color: #8C8C8C;
border-radius: 7px;
border: 1px solid #8C8C8C;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
height: 40px;
width: 33px;
padding-bottom: 5px;
padding-left: 6px;
padding-right: 6px;
font-size: 24px;
}
#button_hide_language:hover
{
color: #FF3700;
border: 1px solid #FF3700;
transition-duration: 150ms;
}
.title_language
{
color: #8C8C8C;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 12px;
margin-top: 32px;
letter-spacing: 0.4px;
}
#list_language
{
margin-top: 18px;
margin-bottom: 36px;
padding: 0px;
font-size: 17px;
}
.li_list_language
{
margin-left: auto;
margin-right: auto;
padding-left: 13px;
padding-right: 13px;
padding-top: 12px;
padding-bottom: 12px;
border-top: 1px solid #404040;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.a_list_language
{
color: #B7B7B7;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: underline;
text-decoration-color: #1A1A1A;
transition-duration: 300ms;
}
.a_list_language:hover
{
color: #B7B7B7;
background-color: #272727;
text-decoration: underline;
text-decoration-color: #FF3700;
}
/* */
/* */
@media (min-width: 1200px)
{
#button_language_top
{
margin-right: 43px;
display: block;
}
}
@media (max-width: 1200px)
{
#button_language_top
{
display: none;
}
}
@media (min-width:768px)
{
#top_bar
{
height: 43px;
font-size: 12px;
}
#url_page_div
{
margin-left: 43px;
}
#url_writetous_div
{
margin-right: 23px;
}
#brand
{
margin-right: 27px;
}
}
@media (max-width:768px)
{
#top_bar
{
height: 43px;
font-size: 12px;
}
#url_page_div
{
margin-left: 21px;
}
#url_writetous_div
{
margin-right: 15px;
}
#brand
{
margin-right: 20px;
}
}
@media (max-width:400px)
{
#top_bar
{
height: 38px;
font-size: 11px;
}
#url_page_div
{
margin-left: 17px;
}
#url_writetous_div
{
margin-right: 11px;
}
#brand
{
margin-right: 15px;
}
.logo_top
{
margin-top: 3px;
width: 29px;
height: 21px;
}
}
#top_bar
{
background-color: #0D0D0D;
height: 43px;
border-bottom: 1px solid #B7B7B7;
color: #BFBFBF;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
}
#url_page_div
{
width: auto;
float: left;
margin-top: 13px;
}
#url_page_a
{
text-decoration: none;
transition-duration: 150ms;
}
#url_page_a:hover
{
text-decoration: underline;
}
#button_language_top
{
color: #BFBFBF;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 12px;
width: auto;
float: right;
margin-top: 13px;
letter-spacing: -0.2px;
text-decoration: none;
transition-duration: 150ms;
}
#button_language_top:hover
{
text-decoration: underline;
}
.flag
{
margin-top: -1px;
margin-right: 5px;
}
#url_writetous_div
{
width: auto;
float: right;
margin-top: 13px;
}
#url_writetous_a
{
text-decoration: none;
transition-duration: 150ms;
}
#url_writetous_a:hover
{
text-decoration: underline;
}
#brand
{
float: right;
margin-top: 10px;
}
.logo_top
{
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(107%) contrast(105%);
}
/* */
/* */
@media (min-width: 1400px)
{
.postscript
{
display: block;
}
.postscript_module
{
display: block;
}
}
@media (max-width: 1400px)
{
.postscript
{
display: none;
}
.postscript_module
{
display: none;
}
}
@media (min-width: 1200px)
{
.max_bookmarks
{
display: block;
}
.min_bookmarks
{
display: none;
}
}
@media (max-width: 1200px)
{
.max_bookmarks
{
display: none;
}
.min_bookmarks
{
display: block;
}
}
@media (min-width: 768px)
{
#nav_bar_top
{
height: 107px;
}
#name_brand_top
{
font-size: 44px;
margin-top: 36px;
margin-left: 43px;
}
#name_brand_bottom
{
font-size: 36px;
margin-top: 8px;
margin-left: 33px;
}
.img_show_min_bookmarks_top
{
width: 33px;
height: 38px;
margin: 5px;
}
.img_show_min_bookmarks_bottom
{
width: 26px;
height: 30px;
margin: 4px;
}
.img_hide_min_bookmarks
{
width: 19px;
height: 30px;
margin: 4px;
}
#button_show_min_bookmarks_top
{
margin-top: 39px;
margin-right: 40px;
border-radius: 6px;
}
#button_show_min_bookmarks_bottom
{
margin-top: 12px;
margin-right: 31px;
border-radius: 5px;
}
}
@media (max-width:768px)
{
#nav_bar_top
{
height: 87px;
}
#name_brand_top
{
font-size: 34px;
margin-top: 28px;
margin-left: 19px;
}
#name_brand_bottom
{
font-size: 32px;
margin-top: 13px;
margin-left: 19px;
}
.img_show_min_bookmarks_top
{
width: 26px;
height: 30px;
margin: 4px;
}
.img_show_min_bookmarks_bottom
{
width: 25px;
height: 29px;
margin: 4px;
}
.img_hide_min_bookmarks
{
width: 17px;
height: 29px;
margin: 4px;
}
#button_show_min_bookmarks_top
{
margin-top: 34px;
margin-right: 18px;
border-radius: 5px;
}
#button_show_min_bookmarks_bottom
{
margin-top: 15px;
margin-right: 18px;
border-radius: 5px;
}
}
@media (max-width:400px)
{
#nav_bar_top
{
height: 87px;
}
#name_brand_top
{
font-size: 29px;
margin-top: 30px;
margin-left: 15px;
}
#name_brand_bottom
{
font-size: 27px;
margin-top: 13px;
margin-left: 15px;
}
.img_show_min_bookmarks_top
{
width: 24px;
height: 27px;
margin: 3px;
}
.img_show_min_bookmarks_bottom
{
width: 23px;
height: 26px;
margin: 3px;
}
.img_hide_min_bookmarks
{
width: 15px;
height: 27px;
margin: 3px;
}
#button_show_min_bookmarks_top
{
margin-top: 34px;
margin-right: 13px;
border-radius: 4px;
}
#button_show_min_bookmarks_bottom
{
margin-top: 15px;
margin-right: 13px;
border-radius: 4px;
}
}
#nav_bar_top
{
background-color: #E7E7E4;
border-bottom: 1px solid #B7B7B7;
}
.postscript_top
{
margin-top: 66px;
}
.postscript_top_module
{
margin-top: 53px;
}
#max_list_top
{
margin-top: 63px;
margin-right: 43px;
font-size: 18px;
}
#nav_bar_bottom
{
position: fixed;
top: 0px;
right: 0px;
left: 0px;
background-color: #E7E7E4;
border-bottom: 1px solid #B7B7B7;
height: 62px;
z-index: 10;
overflow: hidden;
transform: translate(0, -100%);
transition-timing-function: ease-in;
transition: 0.25s;
}
.scroll_navbar_show
{
transform: translate(0, 0) !important;
transition-timing-function: ease-out !important;
transition: 0.25s !important;
}
.postscript_bottom
{
margin-top: 29px;
}
.postscript_bottom_module
{
margin-top: 17px;
}
#max_list_bottom
{
margin-top: 25px;
margin-right: 23px;
font-size: 17px;
}
#min_list
{
margin-top: 30px;
margin-left: 30px;
font-size: 17px;
}
.name_brand
{
width: auto;
float: left;
font-family: 'Roboto', sans-serif;
font-weight: 900;
color: #000000;
letter-spacing: -1px;
}
#a_name_brand_top
{
color: #000000;
text-decoration: none;
}
#a_name_brand_bottom
{
color: #000000;
text-decoration: none;
}
.postscript
{
float: left;
color: #000000;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 14px;
margin-left: 16px;
letter-spacing: -0.8px;
}
.postscript_module
{
float: left;
color: #000000;
font-family: 'Tinos', serif;
font-weight: 700;
font-size: 28px;
margin-left: 16px;
letter-spacing: -0.8px;
}
.bookmarks_right
{
width: auto;
float: right;
}
.bookmarks_left
{
width: auto;
float: left;
}
.li_max_list
{
float: left;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid #B7B7B7;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.li_min_list
{
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
padding-bottom: 12px;
border-top: 1px solid #404040;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-align: center;
}
.list_first
{
border-style: none;
}
.a_max_list
{
color: #000000;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: underline;
text-decoration-color: #E7E7E4;
transition-duration: 300ms;
}
.a_max_list:hover
{
color: #000000;
background-color: #CDCDCB;
text-decoration: underline;
text-decoration-color: #FF3700;
}
.a_min_list
{
color: #B7B7B7;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: underline;
text-decoration-color: #0D0D0D;
transition-duration: 300ms;
}
.a_min_list:hover
{
color: #B7B7B7;
background-color: #1B1B1B;
text-decoration: underline;
text-decoration-color: #B51500;
}
.active_min
{
text-decoration: underline;
text-decoration-color: #CDCDCB;
background-color: #CDCDCB;
}
.active_max
{
text-decoration: underline;
text-decoration-color: #1B1B1B;
background-color: #1B1B1B;
}
.img_show_min_bookmarks_top
{
filter: invert(0%) sepia(100%) saturate(7500%) hue-rotate(338deg) brightness(84%) contrast(108%);
}
.img_show_min_bookmarks_bottom
{
filter: invert(0%) sepia(100%) saturate(7500%) hue-rotate(338deg) brightness(84%) contrast(108%);
}
.img_hide_min_bookmarks
{
filter: invert(82%) sepia(0%) saturate(224%) hue-rotate(177deg) brightness(89%) contrast(94%);
}
#button_show_min_bookmarks_top
{
border: 1px solid #B7B7B7;
background-color: #E7E7E4;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 6px;
padding-right: 6px;
width: auto;
height: auto;
}
#button_show_min_bookmarks_top:hover
{
border: 1px solid #FF3700;
background-color: #CDCDCB;
}
#button_show_min_bookmarks_bottom
{
border: 1px solid #B7B7B7;
background-color: #E7E7E4;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 6px;
padding-right: 6px;
width: auto;
height: auto;
}
#button_show_min_bookmarks_bottom:hover
{
border: 1px solid #FF3700;
background-color: #CDCDCB;
}
#button_hide_min_bookmarks
{
margin-top: 23px;
margin-left: 115px;
border: 1px solid #404040;
border-radius: 6px;
background-color: #0D0D0D;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 6px;
padding-right: 6px;
width: auto;
height: auto;
}
#button_hide_min_bookmarks:hover
{
border: 1px solid #B51500;
background-color: #1B1B1B;
}
#menu
{
position: fixed;
top: 0px;
right: 0px;
background-color: #0D0D0D;
border-left: 1px solid #404040;
height: 100%;
width: 260px;
z-index: 30;
overflow: hidden;
transform: translate(100%, 0);
transition-timing-function: ease-in;
transition: 0.25s;
}
.menu_show
{
transform: translate(0, 0) !important;
transition-timing-function: ease-out !important;
transition: 0.25s !important;
}
.title_menu
{
color: #BFBFBF;
float: left;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 12px;
margin-top: 35px;
margin-left: 35px;
letter-spacing: 0.4px;
}
/* */
/* */
#content
{
padding-top: 4vh;
padding-bottom: 4vh;
background-color: #FEFEFD;
min-height: 700px;
}
/* */
/* */
/* */
@media (min-width:768px)
{
#copyright_sentence
{
margin-left: 53px;
margin-right: 53px;
}
}
@media (max-width:768px)
{
#copyright_sentence
{
margin-left: 29px;
margin-right: 29px;
}
}
#copyright
{
background-color: #0D0D0D;
border-top: 1px solid #404040;
color: #8C8C8C;
font-family: 'Roboto Mono', monospace;
font-weight: 500;
font-size: 11px;
}
#copyright_sentence
{
margin-top: 14px;
padding-bottom: 14px;
}
/* */
/* */
/* */