doc: Update online CSS
Copied from the CSS served by http://doc.qt.io/ Change-Id: Id37447e0f6de4a08a2632df862ae36f73d284814 Reviewed-by: Topi Reiniö <topi.reinio@qt.io> Reviewed-by: Paul Wicking <paul.wicking@qt.io>
This commit is contained in:
Tor Arne Vestbø
parent
3a9776689c
commit
3d8846b4b9
@ -1,6 +1,7 @@
|
||||
# HTML Header with qt.io branding and online links
|
||||
|
||||
HTML.stylesheets = template/style/online.css \
|
||||
template/style/cookie-confirm.css \
|
||||
template/style/gsc.css \
|
||||
template/style/list_arrow.png \
|
||||
template/style/list_expand.png \
|
||||
@ -14,6 +15,7 @@ HTML.stylesheets = template/style/online.css \
|
||||
|
||||
#for including files into the qch file. Relative to the outputdir of a QDoc build.
|
||||
qhp.extraFiles += style/online.css \
|
||||
style/cookie-confirm.css \
|
||||
style/gsc.css \
|
||||
style/list_arrow.png \
|
||||
style/list_expand.png \
|
||||
|
||||
219
doc/global/template/style/cookie-confirm.css
Normal file
219
doc/global/template/style/cookie-confirm.css
Normal file
@ -0,0 +1,219 @@
|
||||
body div#cookie-confirmation,
|
||||
body div#cookie-confirmation.can-use-gradients {
|
||||
background:#222840 !important;
|
||||
position:fixed !important;
|
||||
box-shadow:0 0 10px #222840 !important;
|
||||
border-bottom:none;
|
||||
top:auto;
|
||||
bottom:0;
|
||||
}
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner {
|
||||
padding:0 30px !important;
|
||||
overflow:hidden;
|
||||
display:-ms-flexbox;
|
||||
display:flex;
|
||||
-ms-flex-direction:row;
|
||||
flex-direction:row;
|
||||
-ms-flex-align:center;
|
||||
align-items:center;
|
||||
height:60px;
|
||||
}
|
||||
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner p,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner p {
|
||||
text-shadow:none !important;
|
||||
font-family:"Titillium Web" !important;
|
||||
font-size:inherit !important;
|
||||
line-height:inherit !important;
|
||||
float:left;
|
||||
margin:0!important;
|
||||
}
|
||||
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner p a,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner p a {
|
||||
font-family:inherit !important;
|
||||
color:#41cd52 !important;
|
||||
font-size:inherit !important;
|
||||
}
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area {
|
||||
display:-ms-flexbox;
|
||||
display:flex;
|
||||
float:left;
|
||||
margin-left:50px;
|
||||
}
|
||||
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button {
|
||||
text-shadow:none !important;
|
||||
border-radius:0;
|
||||
border:0 !important;
|
||||
box-shadow:none;
|
||||
line-height:32px !important;
|
||||
height:32px !important;
|
||||
font-size:16px !important;
|
||||
font-weight:400 !important;
|
||||
color:#fff !important;
|
||||
font-family:"Titillium Web" !important;
|
||||
display:inline-block;
|
||||
padding:0 15px !important;
|
||||
position:relative;
|
||||
background:#41cd52 !important;
|
||||
transition:all .2s ease-in-out;
|
||||
}
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:hover,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:hover{
|
||||
background:#17a81a !important;
|
||||
}
|
||||
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after,
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before {
|
||||
content:'';
|
||||
width:20px;
|
||||
height:20px;
|
||||
background:#222840;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before {
|
||||
-ms-transform:rotate(45deg);
|
||||
transform:rotate(45deg);
|
||||
top:-12px;
|
||||
left:-13px;
|
||||
}
|
||||
body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after,
|
||||
body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after {
|
||||
-ms-transform:rotate(-135deg);
|
||||
transform:rotate(-135deg);
|
||||
top:auto;
|
||||
right:-13px;
|
||||
bottom:-12px;
|
||||
}
|
||||
|
||||
/*! CSS Used from: Embedded */
|
||||
div#cookie-confirmation{
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:auto;
|
||||
background-color:#2d2d2d;
|
||||
border-bottom:1px solid gray;
|
||||
border-bottom:1px solid rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow:0 1px 2px rgba(0,0,0,0.2);
|
||||
font-size:14px !important;
|
||||
line-height:18px !important;
|
||||
font-family:helvetica neue,helvetica,arial,sans !important;
|
||||
color:#fff !important;
|
||||
text-shadow:0 1px 0 rgba(0,0,0,0.7) !important;
|
||||
text-align:left !important;
|
||||
z-index:100000000 !important;
|
||||
}
|
||||
div#cookie-confirmation.can-use-gradients{
|
||||
background-color:rgba(0,0,0,0);
|
||||
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.9)), color-stop(100%, rgba(0,0,0,0.75)));
|
||||
background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75));
|
||||
background-image:-moz-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75));
|
||||
background-image:-o-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75));
|
||||
background-image:linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75));
|
||||
background-image:linear-gradient(to bottom, rgba(0,0,0,0.9),rgba(0,0,0,0.75));
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner{
|
||||
padding:12px 18px 18px;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a{
|
||||
font-family:helvetica neue,helvetica,arial,sans !important;
|
||||
color:#add8e6 !important;
|
||||
font-size:14px !important;
|
||||
text-decoration:none !important;
|
||||
background:none !important;
|
||||
border:none !important;
|
||||
font-weight:normal !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a:hover{
|
||||
text-decoration:underline !important;
|
||||
background:none !important;
|
||||
border:none !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner div#cookie-confirmation-buttons-area{
|
||||
text-align:center !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button{
|
||||
font-family:helvetica neue,helvetica,arial,sans!important;
|
||||
font-size:14px !important;
|
||||
font-weight:normal !important;
|
||||
margin-right:16px !important;
|
||||
padding:4px 12px !important;
|
||||
background-color:green !important;
|
||||
border:1px solid gray !important;
|
||||
border:1px solid rgba(0,0,0,0.5) !important;
|
||||
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.2)));
|
||||
background-image:-webkit-linear-gradient(top, transparent,rgba(0,0,0,0.2));
|
||||
background-image:-moz-linear-gradient(top, transparent,rgba(0,0,0,0.2));
|
||||
background-image:-o-linear-gradient(top, transparent,rgba(0,0,0,0.2));
|
||||
background-image:linear-gradient(top, transparent,rgba(0,0,0,0.2));
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
-ms-border-radius:4px;
|
||||
-o-border-radius:4px;
|
||||
border-radius:4px;
|
||||
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
|
||||
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
|
||||
box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
|
||||
line-height:14px !important;
|
||||
color:#fff !important;
|
||||
text-shadow:0 1px 0 rgba(0,0,0,0.5) !important;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button:hover{
|
||||
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.3)));
|
||||
background-image:-webkit-linear-gradient(top, transparent,rgba(0,0,0,0.3));
|
||||
background-image:-moz-linear-gradient(top, transparent,rgba(0,0,0,0.3));
|
||||
background-image:-o-linear-gradient(top, transparent,rgba(0,0,0,0.3));
|
||||
background-image:linear-gradient(top, transparent,rgba(0,0,0,0.3));
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button:active{
|
||||
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0.3)));
|
||||
background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3));
|
||||
background-image:-moz-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3));
|
||||
background-image:-o-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3));
|
||||
background-image:linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3));
|
||||
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner p{
|
||||
line-height:18px !important;
|
||||
font-family:helvetica neue,helvetica,arial,sans !important;
|
||||
font-weight:normal !important;
|
||||
font-size:14px !important;
|
||||
margin:0 0 16px !important;
|
||||
padding:0 !important;
|
||||
color:#fff !important;
|
||||
text-align:left !important;
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
div#cookie-confirmation {
|
||||
font-size:12px !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner {
|
||||
padding:8px 14px 14px !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a {
|
||||
font-size:12px !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button {
|
||||
font-size:12px !important;
|
||||
}
|
||||
div#cookie-confirmation div#cookie-confirmation-inner p {
|
||||
font-size:12px !important;
|
||||
margin-bottom:12px !important;
|
||||
line-height:15px !important;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user