WebSVN – oidinfo_new_design – /trunk/style.css.old

/** 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*/
Subversion Repositories oidinfo_new_design

oidinfo_new_design/trunk/style.css.old – Rev 2
