/** opera://op-resources/css/tools.css **/ @charset "utf-8"; /* This file holds CSS that brings Opera 12 style to Opera 14 internal pages * * Copyright (C) 2013 Opera Software ASA.All rights reserved. * This file is an original work developed by Opera Software ASA */ /* Styles for internal tool pages such as Downloads and History. * Basic markup:

Content

*/ html,body{background-color: rgb(237, 237, 237); font: menu; height: 100%; margin: 0; padding: 0} #wallpaper-canvas,#scroll-container{height: 100%; left: 0; overflow: auto; position:absolute; top: 0; width: 100%} #wallpaper{background-image: none; background-size: cover; height: 100%; left: 0; overflow: auto; position: absolute; top: 0; width: 100%} #tool-container{bottom: 0; left: 0; margin: 0 auto; min-height: 500px; min-width: 700px; max-width: 900px; padding: 0 20px; position: absolute; right: 0; top: 0} #sidebar{-webkit-border-end: none; background-color: rgba(255, 255, 255, 0.8); background-origin: content-box; background-repeat: no-repeat; border-radius: 12px 0 0 12px; border: 1px solid rgb(198, 198, 198); -webkit-border-end: none; box-sizing: border-box; color: rgb(73, 73, 73); margin-top: 30px; padding: 20px; position: fixed; width: 230px} html[dir='rtl'] #sidebar{border-radius: 0 12px 12px 0} /* Sidebar icon must be given a background image */ #sidebar-icon{display: block; width: 52px; height: 48px; background-repeat: no-repeat} #sidebar h1{font-size: 18px} #sidebar .search { -webkit-appearance: none; /* Make it possible to use border-radius */ -webkit-padding-start: 24px; /* TODO(steincb): Update when given a 2x filter icon */ background-image: -webkit-image-set( url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABz0lEQVQ4EaWSv0sDMRTH73LX++XZVlDrT3BzaIdCiy5d6uosTrr5Rwhu4uzmILiKOOvu3F+00A6KP6aqCLbqeZfLXe7OREiIoiCY5b28vO8n771ETpJE+s8C/xFTrSoCqtWq4TjOejqdXUppWhZH4dvLYNDCGB93Oh1XzGW+zFqgYoTC3czYWA4heBeE4b2uGfOmacy9Dgcvw+Fwp9vtvjMhs7wCevP4RC739Hh/2mw2z1hCuVxenZyaWYMQbpLYAYszy2dgWfYy9LwrUUyTGo3Gues617adLslkMSGzHCABkEU46LMD0aIg6MsA6Pl8fkSMU58Doih0FABmvifQvaoo01GMw16v530/5wDf8xqKkloslUorYhLdm6a1EOO4SQYei2fU569QKBRssvZSupHFAb5MEvwgy+q0aZkLmmF5HnRd//3tqFar3YoQDqDBSqUy6vv+hqppZGBAl5IYS4ncAqo6qWl6Jgh8JUT+IYG0GeQLgAfJtOnAaM+07GKxOGtY9japjvwtZBDISb1ev6D5fAZMTC0RJfTTsJ7b7XYfB/4+gm4qlgAkL7JF7vjU/ggQYcwn/+GGPMRRiGAmjqJnBv+xBSb6i/1zBb/BPgDPWeB7e2CpqwAAAABJRU5ErkJggg==') 1x); background-position: 5px 50%; background-repeat: no-repeat; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.3); display: block; min-height: 22px; width: 100%; } html[dir='rtl'] #sidebar .search { background-position: right 5px top 50%; } #sidebar .search:focus { outline: none; } #sidebar-menu { color: rgb(112, 112, 112); font-size: 14px; font-weight: 600; line-height: 20px; list-style-type: none; padding: 0; position: relative} #sidebar-menu li{cursor: pointer; padding: 5px 0; position: relative} #sidebar-menu li:hover{color: black} #sidebar-menu .selected{cursor: default; color: black} #sidebar-menu.disabled li{display: none} #sidebar-menu a{text-decoration: none; color: inherit} #sidebar-menu a:hover{color: black} /* Triangle selection indicator*/ #sidebar-menu .selected::after { border-top: 1px solid rgba(0, 0, 0, .2); border-left: 1px solid rgba(0, 0, 0, .2); background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, transparent 60%, transparent 100%); background-clip: content-box; height: 12px; content: ''; display: block; margin-top: -6px; position: absolute; top: 50%; right: -26px;/* #sidebar padding */ width: 12px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 50%} html[dir='rtl'] #sidebar-menu .selected::after{left: -26px; right: auto; -webkit-transform: rotate(135deg)} .sidebar-help a{color: rgb(112, 112, 112); font-size: 14px; font-weight: 600; text-decoration: none} .sidebar-help a:hover{color: black} #content { -webkit-margin-start: 230px; /* #sidebar width */ background: white; border-left: 1px solid rgba(0, 0, 0, 0.25); border-right: 1px solid rgba(0, 0, 0, 0.25); box-sizing: border-box; min-height: 100%; padding: 30px; } a { color: rgb(17, 85, 204); } .trash { background: url("opera://theme/IDR_REMOVE") transparent no-repeat 50% 50%; border: none; border-radius: 2px; cursor: pointer; display: block; height: 14px; position: absolute; right: 10px; top: 10px; width: 14px; } html[dir="rtl"] .trash { right: auto; left: 10px; } .trash:hover { background: url("opera://theme/IDR_REMOVE_HOVERED") transparent no-repeat 50% 50%; } @media all and (max-width: 740px), all and (max-height: 500px) { #sidebar { position: absolute; } } /* Native controls */ .controls-list-end, .controls-list-start { display: -webkit-flex; -webkit-align-items: flex-start; -webkit-flex-flow: row wrap; } .controls-list-flexible { -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-flex-basis: 0; } .controls-list-end { -webkit-flex-flow: row-reverse wrap; } .native-control-wrap { display: -webkit-flex; } .native-control { display: block; font-size: .9rem; margin: 0; min-width: 4rem; padding: 3px 12px; vertical-align: top; } .native-control img { vertical-align: middle; } .control-with-label, .control-with-label-inline { display: -webkit-flex; -webkit-align-self: center; -webkit-align-items: center; } .control-with-label { margin: .5rem 0; } .control-with-label-inline input, .control-with-label input { margin: 0; } .control-with-label-inline > label, .control-with-label > label, .control-with-label-inline > span, .control-with-label > span { -webkit-flex: 1; -webkit-margin-start: .5rem; } .control-with-label-inline > input:disabled + label, .control-with-label > input:disabled + label, .control-with-label-inline > input:disabled + span, .control-with-label > input:disabled + span { color: rgb(124, 124, 124); } .controls-list-start .native-control-wrap, .controls-list-start .native-control, .controls-list-start .control-with-label-inline { margin: .3rem 0 0 0; -webkit-margin-end: .3rem; } .controls-list-end .native-control-wrap, .controls-list-end .native-control, .controls-list-end .control-with-label-inline { margin: .3rem 0 0 0; -webkit-margin-start: .3rem; } .controls-list-start .native-control-wrap .native-control, .controls-list-end .native-control-wrap .native-control { margin-top: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } .section-header { color: rgb(95, 95 ,95); display: -webkit-flex; font-size: 1.17rem; font-weight: normal; line-height: 2rem; margin: 12px 0; } .section-header::after { background-image: linear-gradient(rgb(190, 190, 190), transparent 1px); background-position: left 55%; background-repeat: no-repeat; background-size: 100% 1px; content: ''; -webkit-flex: auto; -webkit-margin-start: 10px; } /*for backward compatibility*/ [hidden] { display: none !important; }