integration/css/common.css
brancheditorjs
changeset 15 56937307d7f4
parent 8 523828fb7c78
child 16 7536b92a7775
equal deleted inserted replaced
14:2754a76e2787 15:56937307d7f4
    39 	url("fonts/OpenSans-Semibold.ttf") format("truetype"),
    39 	url("fonts/OpenSans-Semibold.ttf") format("truetype"),
    40 	url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
    40 	url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
    41 }
    41 }
    42 @font-face {
    42 @font-face {
    43 	font-family: 'OpenSans';
    43 	font-family: 'OpenSans';
    44 	font-weight: 600px;
    44 	font-weight: 600;
    45 	font-style: italic;
    45 	font-style: italic;
    46 	src:url("fonts/OpenSans-SemiboldItalic.eot?") format("eot"),
    46 	src:url("fonts/OpenSans-SemiboldItalic.eot?") format("eot"),
    47 	url("fonts/OpenSans-SemiboldItalic.woff") format("woff"),
    47 	url("fonts/OpenSans-SemiboldItalic.woff") format("woff"),
    48 	url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"),
    48 	url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"),
    49 	url("fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg");
    49 	url("fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg");
   142 	padding-top: 12px;
   142 	padding-top: 12px;
   143 	position: absolute;
   143 	position: absolute;
   144 	top: 0;
   144 	top: 0;
   145 	z-index: 10;
   145 	z-index: 10;
   146 }
   146 }
   147 .popin img.pointer{
   147 .pointer{
   148 	position: absolute;
   148 	position: absolute;
   149 	top: 0;
   149 	top: 0;
   150 }
   150 }
   151 .popin .popin-content{
   151 .popin-content{
   152 	padding: 8px;
   152 	padding: 8px;
   153 	border: 1px solid #867a97;
   153 	border: 1px solid #867a97;
   154 	background: url(../img/bg-jaune.png);
   154 	background: url(../img/bg-jaune.png);
   155 }
   155 }
   156 .popin input[type=text],
   156 .popin-content input[type=text],
   157 .popin input[type=password], 
   157 .popin-content input[type=password], 
   158 .popin textarea{
   158 .popin-content textarea{
   159 	padding: 0 6px;
   159 	padding: 0 6px;
   160 	height: 20px;
   160 	height: 20px;
   161 	line-height: 20px;
   161 	line-height: 20px;
   162 	font-size: 12px;
   162 	font-size: 12px;
   163 	border: 1px solid #867a97;
   163 	border: 1px solid #867a97;
   182 	right: 0;
   182 	right: 0;
   183 }
   183 }
   184 .user.popin img.pointer{
   184 .user.popin img.pointer{
   185 	right: 36px;
   185 	right: 36px;
   186 }
   186 }
   187 .user.popin.signup input[type=submit],
   187 .button {
   188 .user.popin.login input[type=submit],
       
   189 .user.popin.login a.signup-button ,
       
   190 .popin.segmentation input[type=submit],
       
   191 .popin.segment-section a.reprendre-segment{
       
   192 	margin-top: 2px;
   188 	margin-top: 2px;
   193 	display: block;
   189 	display: block;
   194 	font-size: 12px;
   190 	font-size: 12px;
   195 	border: 0;
   191 	border: none;
       
   192 	padding: 0;
   196 	width: 150px;
   193 	width: 150px;
   197 	padding: 1px 0;
       
   198 	background-color: #30036D;
   194 	background-color: #30036D;
   199 	color: #FFF;
   195 	color: #FFF;
   200 	text-align: center;
   196 	text-align: center;
   201 	-webkit-border-radius: 4px;
   197 	-webkit-border-radius: 4px;
   202   	-moz-border-radius: 4px;
   198   	-moz-border-radius: 4px;
   203   	border-radius: 4px;
   199   	border-radius: 4px;
   204   	float: right;
       
   205   	cursor: pointer;
   200   	cursor: pointer;
   206 }
   201   	height: 22px;
   207 .user.popin.signup form input[type=submit]:hover,
   202   	line-height: 22px;
   208 .user.popin.login form input[type=submit]:hover,
   203 }
   209 .user.popin.login a.signup-button:hover,
   204 
   210 .popin.segmentation input[type=submit]:hover,
   205 .button:hover{
   211 .popin.segment-section a.reprendre-segment:hover{
       
   212 	background-color: #FF00FC
   206 	background-color: #FF00FC
   213 }
   207 }
   214 .user.popin.signup .popin-content h2,
   208 .user h2 {
   215 .user.popin.login .popin-content h2{
       
   216 	color: #de2500;
   209 	color: #de2500;
   217 	font-size: 14px;
   210 	font-size: 14px;
   218 	margin-bottom: 12px;
   211 	margin-bottom: 12px;
   219 }
   212 }
   220 .user.popin.signup .popin-content label,
   213 .user label{
   221 .user.popin.login .popin-content label{
       
   222 	width: 84px;
   214 	width: 84px;
   223 	font-size: 12px;
   215 	font-size: 12px;
   224 	display: inline-block;
   216 	display: inline-block;
   225 	float: left;
   217 	float: left;
   226 	line-height: 12px;
   218 	line-height: 12px;
   227 }
   219 }
   228 .user.popin.signup .popin-content form p,
   220 .user p {
   229 .user.popin.login .popin-content form p{
       
   230 	display: block;
   221 	display: block;
   231 	line-height: 18px;
   222 	line-height: 18px;
   232 	margin-bottom: 8px;
   223 	margin-bottom: 8px;
   233 	overflow: hidden;
   224 	overflow: hidden;
   234 }
   225 }
   235 .user.popin.signup input[type=text],
   226 .user input[type=text],
   236 .user.popin.signup input[type=password],
   227 .user input[type=password] {
   237 .user.popin.login input[type=text],
       
   238 .user.popin.login input[type=password]{
       
   239 	float: left;
   228 	float: left;
   240 	position: relative;
   229 	position: relative;
   241 	width: 110px;
   230 	width: 110px;
   242 	padding: 0 5px;
   231 	padding: 0 5px;
   243 	height: 18px;
   232 	height: 18px;
   244 	display: inline-block;
   233 	display: inline-block;
   245 }
   234 }
       
   235 .user .button {
       
   236     float: right;
       
   237 }
   246 /* popin - user - info */
   238 /* popin - user - info */
   247 .user.popin.info .popin-content{
   239 .user .popin-content{
   248 	min-width: 150px;
   240 	min-width: 150px;
   249 	text-align: right;
   241 	text-align: right;
   250 }
   242 }
   251 .user.popin.info .popin-content h2{
   243 .user h2{
   252 	color: #7628df;
   244 	color: #7628df;
   253 	font-size: 18px;
   245 	font-size: 18px;
   254 	font-weight: 600;
   246 	font-weight: 600;
   255 	margin-bottom: 2px;
   247 	margin-bottom: 2px;
   256 }
   248 }
   257 .user.popin.info .popin-content h3{
   249 .user h3{
   258 	color: #30036d;
   250 	color: #30036d;
   259 	font-size: 14px;
   251 	font-size: 14px;
   260 	margin-bottom: 10px;
   252 	margin-bottom: 10px;
   261 }
   253 }
   262 .user.popin.info .popin-content a.nb-hashcut{
   254 .user .nb-hashcut{
   263 	color: #de2500;
   255 	color: #de2500;
   264 	font-size: 14px;
   256 	font-size: 14px;
   265 	text-decoration: underline;
   257 	text-decoration: underline;
   266 	display: block;
   258 	display: block;
   267 	margin-bottom: 12px;
   259 	margin-bottom: 12px;
   268 }
   260 }
   269 .user.popin.info .popin-content a.nb-hashcut:hover{
   261 .user .nb-hashcut:hover{
   270 	text-decoration: none;
   262 	text-decoration: none;
   271 }
       
   272 .user.popin.info .popin-content a.change-account{
       
   273 	text-align: center;
       
   274 	height: 20px;
       
   275 	width: 150px;
       
   276 	line-height: 20px;
       
   277 	color: #FFF;
       
   278 	font-size: 12px;
       
   279 	background-color: #30036d;
       
   280 	-moz-border-radius: 2px;
       
   281 	-webkit-border-radius: 2px;
       
   282 	border-radius: 2px;
       
   283 	display: block;
       
   284 }
   263 }
   285 .user.popin.info .popin-content a.change-account:hover{
   264 .user.popin.info .popin-content a.change-account:hover{
   286 	background-color: #FF00FC;
   265 	background-color: #FF00FC;
   287 }
   266 }
   288 /* popin - user - signup */
   267 /* popin - user - signup */
   289 .user.popin.login .popin-content a.signup-button{
   268 .signup-button{
   290 	background-color: #de2500;
   269 	background-color: #de2500;
   291 }
   270 }
   292 .user.popin.signup .popin-content{
   271 .user .popin-content{
   293 	min-width: 205px;
   272 	min-width: 205px;
   294 }
   273 }
   295 /* footer */
   274 /* footer */
   296 .footer{
   275 .footer{
   297 	border-top: 1px solid black;
   276 	border-top: 1px solid black;