Blame | Last modification | View Log | RSS feed
/** Style for all pages **/
#standards {
width:100%;
margin-left: auto;
margin-right: auto;
background: #eee;
padding: auto;
display:block;
height: auto;
}
#what_is_an_OID,#table_faq, #table_search_in_basic_search, #management, #management_mobile, #reg_in_regexp, #disclaimer, #oid_validate_mobile{
width:100%;
margin-left: auto;
margin-right: auto;
background: #eee;
float:left;
padding: auto;
display:block;
height: auto;
}
#allocated_in_index, #repository_in_index, #explanations_in_index, #submit_xml_in_index{
width:100%;
margin-left: auto;
margin-right: auto;
background: #eee;
float:left;
padding: auto;
display:none;
height: auto;
}
#table_display_in_index, #extraction{
width:100%;
margin-left: auto;
margin-right: auto;
background: #eee;
float:left;
padding: 0.5%;
display:block;
height: auto;
}
#table_draw_in_index, #table_add_in_index, #warning_in_index, #disclaimer_in_index, #number_oid_in_index, #table_answers_in_faq , #name-forms {
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
background: #eee;
float:left;
padding: 0.5%;
display:block;
}
#introduction{
width:98%;
margin-left: auto;
margin-right: auto;
background: #eee;
float:left;
padding-left: 2%;
display:block;
}
#manage_in_management{
width:99%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
background: #eee;
float:left;
padding: 0.5%;
display:block;
}
#errors, #errors_mobile {
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
margin-bottom:2%;
background: #eee;
float:left;
padding: auto;
display:block;
height:auto;
}
#count_in_management, #country_in_management, #search_replace_in_management, #admin_in_management, #execute_in_management, #accounts_in_management,
#submit_xml_in_management, #display_example_in_management, #explanations_in_management, #registrant_chart_in_management {
width:98%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
background: #eee;
float:left;
padding: 1%;
display:none;
}
#main_actions_in_index{
width:100%;
margin-left: auto;
margin-right: auto;
height: auto;
max-width:750px;
min-width:300px;
}
.rounded {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.styled-select {
background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 105% 0;
height: 23px;
overflow: hidden;
width: 100%;
background-color: #6e6e6e;
margin-top:10px;
color:white;
border: none;
}
.styled-select select {
background: transparent;
border: none;
font-size: 12px;
height: 23px;
padding: 0px;
width: 100%;
}
#menu{
width: 98%;
margin-right:2%;
margin-top:2%;
}
#menu ul {
float: right;
padding: 0;
margin:0;
list-style: none;
line-height: 35px;
text-align: left;
}
#menu li {
margin:auto;
padding:0;
background-color:black;
position:relative;
}
#menu li a {
display: block;
background: #6e6e6e;
color: #fff;
text-decoration: none;
width: 150px;
padding: 0px 15px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 20px;
}
#menu li img {
display: block;
background: #6e6e6e;
width: 20px;
padding: 0px 15px 0px;
}
#menu li a:hover {
background: #ff7e43;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#header img {
display: inline;
float: left;
}
#header_url_and_menu {
width:100%;
}
#header_url {
float:left;
}
#header_menu_right {
float:inline;
margin-left:32%;
position:absolute;
}
#country-oid-general, #country-oid-title{
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
background: #eee;
float:left;
padding: 0.5%;
display:block;
}
#country-oid-check-list, #country-oid-template, #country-oid-RAS{
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
background: #eee;
float:left;
padding: 0.5%;
display:none;
}
/** end style for all pages **/
/**Screen version**/
@media (min-width: 768px) {
#header_mobile, #remote_button, #navigation{display:none;}
#global_container{display:block;}
#main_actions_in_index{display:block;}
#section_menu_in_management{display:block;}
#manage_in_management{display:block;}
#errors_mobile, #management_mobile{display:none;}
#errors , #management{display:block;}
#oid_validate_mobile{display:none;}
#country-oid-title{display:block;}
#country-oid-general{display:block;}
body{
font-family: arial,sans-serif;
}
/***Page header***/
#global_container {
width: 800px;
height: auto;
margin: 0px auto 0px;
padding: 0px;
position: relative;
}
#header {
width: 760px;
height: 110px;
background-color: #5f5f5f;
margin-top: 22px;
padding: 20px;
position: relative;
margin: 0px auto 0px;
}
#header h1 {
position: relative;
font-weight: bold;
color: #fff;
font-size: 20px;
display: inline;
float: left;
margin: -10px 0px 0px 10px;
}
#bg_menu {
width: 779px;
height: 41px;
background-color: #5f5f5f;
padding: 0px 21px 0px 0px;
margin-bottom: 14px;
position: relative;
z-index: 1200;
}
#header_menu {
font-weight: bold;
font-family: Arial;
}
#header_menu, #header_menu ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
line-height: 35px;
text-align: left;
}
html > body #header_menu li {
border-right: 1px solid transparent;
}
#header_menu li {
float: left;
border-right: 1px solid #fff;
}
#header_menu a {
display: block;
background: #6e6e6e;
color: #fff;
text-decoration: none;
width: auto;
padding: 0px 15px 0px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#header_menu img {
display: block;
background: #6e6e6e;
color: #fff;
margin-left:0px;
}
#header_menu a:hover {
background: #ff7e43;
}
#header_menu img:hover {
background: #ff7e43;
}
/*** Vertical menu ***/
.vertical_menu {
width:190px;
margin-left:73.5%;
height:297px;
background-color:#6e6e6e;
text-align: left;
border: 3px solid #7f7f7f;
}
.vertical_menu ul {
margin: 0;
padding: 0;
width:180px;
list-style-type: none;
}
.vertical_menu ul li a {
text-decoration: none;
color: #fff;
padding: 10.5px 11px;
background-color: #6e6e6e;
display:block;
font-size: 17px;
}
.vertical_menu ul li a:hover, .vertical_menu ul li .current {
background-color: #ff7e43;
}
/*** banner ***/
#wrapper_carousel{
position: relative;
width: 60%;
height: 300px;
margin-bottom: 15px;
float:left;
margin-left:7px;
}
/***************************/
a img {
border: none;
}
#content h1 {
font-weight: bold;
font-size: 20px;
}
#search {
position: absolute;
left: 700px;
}
#google_translate {
display: inline;
float: right;
}
#global_content {
width: 760px;
height: auto;
background-color: #5f5f5f;
padding: 20px;
position: relative;
margin: 0px auto 0px;
margin-top:20px;
}
#error400,#error403-404, #error500 {
width:750px;
border: 3px solid #7f7f7f;
margin-left: auto;
margin-right: auto;
background: #eee;
float:center;
padding: 3px;
display:block;
height: auto;
}
div.clear{clear:both;}
.page_title{
font-weight:bold;
font-size:18px;
color:#FF5500;
}
.section_title , .action_title{
font-size:16px;
color:#FF5500;
}
#global_in_index{
width:101%;
}
/*** FAQ ***/
#question{
margin-left:30px;
padding:10px;
display:block;
width:95%;
}
/*** Management page menu ***/
#menu_manage {
font-weight: bold;
font-family: Arial;
}
#menu_manage, #menu_manage ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 35px;
text-align: left;
}
html > body #menu_manage li {
border-right: 1px solid transparent;
}
#menu_manage li {
float: left;
border-right: 1px solid #fff;
}
#menu_manage a {
display: block;
background: #6e6e6e;
color: #fff;
text-decoration: none;
width: auto;
padding: 0px 8px 0px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#menu_manage a:hover {
background: #ff7e43;
}
#section_menu_in_management {
width: 758px;
height: 41px;
background-color: #5f5f5f;
padding: 0px 21px 0px 0px;
margin-top:20px;
margin-bottom: 14px;
position: relative;
z-index: 1200;
}
}
/* end of Screen media query */
/* mobile styles */
@media (max-width: 767px) {
#mobile_version{display:block;}
#global_container{display:none;}
#global_in_index{display:none;}
#header_mobile, #remote_button, #navigation{display:block;}
#main_actions_in_index{display:none;}
#section_menu_in_management{display:none;}
#manage_in_management{display:none;}
#errors_mobile, #management_mobile{display:block;}
#errors , #management{display:none;}
#oid_validate_mobile{display:block;}
#country-oid-title{display:none;}
#country-oid-general{display:none;}
input[type=text]{
width:50%;
}
/* wrapper styles */
.wrapper {
position: absolute;
min-height: 100vh;
}
.wrapper_in_management{
position: absolute;
min-height: 150vh;
}
.sidebar {
position: absolute;
top: 0;
width: 50vw;
min-height: 100vh;
}
.wrapper {
transform: translateX(0) translateZ(0);
transition: transform .2s;
will-change: transform;
}
.wrapper_in_management{
transform: translateX(0) translateZ(0);
transition: transform .2s;
will-change: transform;
}
/* Button deco */
[class^="nav-button"] {
display: block;
z-index: 1;
height: 3rem; width: 3.5rem;
background-color: transparent;
background-image: linear-gradient(to right, #d38922, #d38922),
linear-gradient(to right, #d38922, #d38922),
linear-gradient(to right, #d38922, #d38922);
background-position: center top, center, center bottom;
background-repeat: no-repeat;
background-size: 3.5rem .6rem;
padding: 0;
outline: 0;
border: 0;
cursor: pointer;
}
/* here's goes the push left effect */
body:target .wrapper {
transform: translateX(50vw);
}
body:target .wrapper_in_management {
transform: translateX(50vw);
}
.nav-button-close,
body:target .nav-button-open {
display: none;
}
.nav-button-open,
body:target .nav-button-close {
display: block;
}
* {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
color: #fff;
font-size: 1.3em;
font-family: arial, sans-serif;
}
#navigation a {
color: #fff;
}
.wrapper {
background-color:#5f5f5f;
color: #333;
width:100%;
}
.wrapper_in_management{
background-color:#5f5f5f;
color: #333;
width:100%;
}
.sidebar {
padding-top: 1em;
background: #333;
color: #ddd;
}
nav a {
display: block;
padding: .7em;
margin-bottom: 2px;
text-decoration: none;
background: rgba(255,255,255, 0.1);
}
aside nav a:hover{
background-color:#d38922;
}
.vertical_menu {
width:30%;
height:300px;
background-color:#6e6e6e;
text-align: left;
}
.vertical_menu ul {
margin: 0;
padding: 0;
width:28;
list-style-type: none;
}
.vertical_menu ul li a {
text-decoration: none;
color: #fff;
padding: 10.5px 11px;
background-color: #6e6e6e;
display:block;
font-size: 17px;
}
.vertical_menu ul li a:hover, .vertical_menu ul li .current {
background-color: #ff7e43;
}
#header_mobile{
width:100%;
}
#left_bouton{
margin-left:0px;
width:50%;
}
#right_title{
width:50%;
margin-left:60%;
margin-top:0px;
}
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:13px;
font-weight:bold;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
width:100%;
height:100px;
text-align:center;
vertical-align:center;
padding-top:10px;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.myButton:active {
position:relative;
top:1px;
}
.section_title , .action_title{
font-size:12px;
color:#FF5500;
font-weight:bold;
}
html,body {
overflow-x: hidden;
}
#question{
display:block;
width:95%%;
}
.page_title{
font-weight:bold;
font-size:14px;
color:#FF5500;
}
}
/* end of mobile media query */
/*Dynamic web page*/
.note
{
font-size : 11px;
}
span.background_orange
{
background-color:orange;
}
.color_orange
{
color: #ff5500;
}
.color_red
{
color: #ff0000;
}
/* End dynamic web page*/