From 4b109c46d9affa80e38aeb7c59765f29575fc62c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20M=C3=BCller?= Date: Sun, 11 May 2014 10:09:52 +0200 Subject: [PATCH] #254:Tooltip --- app/webroot/css/dreamjob.css | 216 ++++++++++++++++++----------------- 1 file changed, 109 insertions(+), 107 deletions(-) diff --git a/app/webroot/css/dreamjob.css b/app/webroot/css/dreamjob.css index f0666f2..8f2eaa0 100755 --- a/app/webroot/css/dreamjob.css +++ b/app/webroot/css/dreamjob.css @@ -28,6 +28,8 @@ textarea { color:black; border-radius: 2px; padding:2px; + position: absolute; + z-index: 9999; } /* * Default @@ -43,20 +45,20 @@ textarea { position:relative; } .box > h1{ - color:grey; + color:grey; } h4{ - border-bottom:1px solid grey; + border-bottom:1px solid grey; margin-top:30px; } .box img{ - max-width:100%; + max-width:100%; } .form-group{ - padding:15px 0; + padding:15px 0; } legend{ - margin-top:50px; + margin-top:50px; } /* * Logo @@ -84,14 +86,14 @@ legend{ width: 100%; min-height: 400px; background: url('../img/loading.gif') - 50% 50% - no-repeat; + 50% 50% + no-repeat; } body.loading .loadingModel { display: block; } body.loading #container{ - display:none; + display:none; } /* * Navbar @@ -224,7 +226,7 @@ body.loading #container{ margin: 0px; padding-top: 20px; padding-right:162px; - //width:960px; + //width:960px; } #container{ min-height: 400px; @@ -281,9 +283,9 @@ body.loading #container{ margin-top: 20px; } .buttonrow{ - text-align:right; - margin-top:25px; - padding:0px 15px; + text-align:right; + margin-top:25px; + padding:0px 15px; } /* * Opening @@ -292,7 +294,7 @@ body.loading #container{ margin: 30px auto; width: 900px; padding-bottom:20px; - border-bottom:1px solid grey; + border-bottom:1px solid grey; } .openingitem h3{ margin: 0px; @@ -355,8 +357,8 @@ body.loading #container{ width: 150px; } .openingitem .right .btn-group-vertical > .btn{ - width:150px; - overflow-x:hidden; + width:150px; + overflow-x:hidden; } .openingitem.empty { display: block; @@ -366,72 +368,72 @@ body.loading #container{ /* * Startseite */ - .start-search-box{ - text-align:center; - } +.start-search-box{ + text-align:center; +} .start-search-box .img{ - float:left; - margin-right:20px; - position:relative; - text-align:center; - } - .start-search-box .img .btn{ - color: #FFFFFF; + float:left; + margin-right:20px; + position:relative; + text-align:center; +} +.start-search-box .img .btn{ + color: #FFFFFF; float: none; bottom: 40px; position: absolute; left: 150px; - } - .start-search-box .bluebox, .start-search-box .redbox.bluebox{ - display:inline-block; - text-align:left; - font-size:26px; - line-height:2; - width:465px; - height:282px; - background-color:#357EBD; - padding:50px 70px; - color:white; - } - .start-search-box .redbox{ - display:inline-block; - width:465px; - height:282px; - background-color:#9d1c16; - padding-top:20px; - } - .start-search-box .redbox h1{ - color:white; - } - .start-search-box .redbox .searchform{ - display:inline-block; - margin:auto; - } - .start-search-box .redbox .searchform .input-group,.start-search-box .redbox .searchform .btn.btn-primary{ - width:350px; - } - .start-search-box .redbox .searchform .btn.btn-default{ - background-color:#fea501; - border-color:#fea501; - } - .start-search-box .redbox .searchform .btn.btn-default .glyphicon{ - line-height:1.42857; - color:white; - } - .start-search-box .redbox .searchform .btn.btn-primary{ - background-color:#7e0000; - border-color:#7e0000; - } +} +.start-search-box .bluebox, .start-search-box .redbox.bluebox{ + display:inline-block; + text-align:left; + font-size:26px; + line-height:2; + width:465px; + height:282px; + background-color:#357EBD; + padding:50px 70px; + color:white; +} +.start-search-box .redbox{ + display:inline-block; + width:465px; + height:282px; + background-color:#9d1c16; + padding-top:20px; +} +.start-search-box .redbox h1{ + color:white; +} +.start-search-box .redbox .searchform{ + display:inline-block; + margin:auto; +} +.start-search-box .redbox .searchform .input-group,.start-search-box .redbox .searchform .btn.btn-primary{ + width:350px; +} +.start-search-box .redbox .searchform .btn.btn-default{ + background-color:#fea501; + border-color:#fea501; +} +.start-search-box .redbox .searchform .btn.btn-default .glyphicon{ + line-height:1.42857; + color:white; +} +.start-search-box .redbox .searchform .btn.btn-primary{ + background-color:#7e0000; + border-color:#7e0000; +} /* * Messages */ .msg legend{ - margin:0px 0px 5px 0px; - font-size:14px; + margin:0px 0px 5px 0px; + font-size:14px; } .msg .text{ - font-weight:bold; - font-size:16px; + font-weight:bold; + font-size:16px; } .cv{ width:100%; @@ -450,73 +452,73 @@ body.loading #container{ font-style:normal; } .cv tr span.label{ - width:10%; - font-style:normal; + width:10%; + font-style:normal; font-size:14px; color:black; display:inline-block; } .cv .date { - display:inline-block; - width:90%; + display:inline-block; + width:90%; } .cv .date > select { - width:30%; - display:inline-block; + width:30%; + display:inline-block; } .hide-input input.form-control{ - background-color:rgba(255,255,255,0); - border-color:rgba(255,255,255,0); - color:black; - box-shadow:none; + background-color:rgba(255,255,255,0); + border-color:rgba(255,255,255,0); + color:black; + box-shadow:none; } .modal-body,.modal-title{ - color:black; + color:black; } .infofield{ color:black; } .table > thead > tr > th { - color:black; + color:black; } .tableForm tbody tr.new .btn-del{ - display:none; + display:none; } .imgsubtitle.edit{ - background:rgba(0,0,0,0.8); - color:white; - width:200px; - float:none; - height:20px; - margin-top:-20px; - position:absolute; + background:rgba(0,0,0,0.8); + color:white; + width:200px; + float:none; + height:20px; + margin-top:-20px; + position:absolute; } .imgsubtitle.edit a{ - color:white; + color:white; } fieldset.search{ - text-align:center; + text-align:center; } fieldset.search .form-group{ - text-align:left; - width:250px; - display:block; - margin-right:30px; - float:left; + text-align:left; + width:250px; + display:block; + margin-right:30px; + float:left; } fieldset.search .submit.form-group{ - padding-top:40px; - -} -fieldset.search .submit.form-group .btn{ - width:250px; -} -fieldset.search .form-group label{ - margin: 0px 20px; - font-weight:700; - height:25px; + padding-top:40px; + +} +fieldset.search .submit.form-group .btn{ + width:250px; +} +fieldset.search .form-group label{ + margin: 0px 20px; + font-weight:700; + height:25px; }