Differential D22739 Diff 62542 content/plasma-desktop/portal-new.css

Changeset View

Standalone View

View Options

content/plasma-desktop/portal-new.css

  • This file was added.
1​#plasma-last-release {
2​ display: flex;
3​ align-items: center;
4​ justify-content: center;
5​ background-image: url(wallpaper.jpg);
6​ height: 450px;
7​ background-position: center center;
8​ background-size: cover;
9​ color: white;
10​}
11​
12​.breeze-window {
13​ max-width: 400px;
14​ width: 90%;
15​ margin-left: auto;
16​ margin-right: auto;
17​}
18​
19​.breeze-window .kwin-shadow {
20​ box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
21​ border-radius: 5px;
22​}
23​
24​.breeze-window .headerbar {
25​ background-image: linear-gradient(to bottom, #545f67, #475057);
26​ color: white;
27​ text-align: center;
28​ padding: 10px;
29​ height: 30px;
30​ line-height: 12px;
31​ width: 100%;
32​ border-top-right-radius: 5px;
33​ border-top-left-radius: 5px;
34​ position: relative;
35​}
36​
37​.breeze-window .headerbar img {
38​ width: 22px;
39​ height: 22px;
40​ padding: 0;
41​ margin: 0;
42​ position: absolute;
43​ top: 4px;
44​ border-width: 0;
45​}
46​
47​.breeze-window img.window-close {
48​ right: 4px;
49​}
50​
51​.breeze-window img.window-maximize {
52​ right: 30px;
53​ top: 7px;
54​ width: 16px;
55​ height: 16px;
56​}
57​
58​.breeze-window img.window-minimize {
59​ top: 7px;
60​ width: 16px;
61​ height: 16px;
62​ right: 52px;
63​}
64​
65​.breeze-window .view {
66​ padding: 10px;
67​ color: #000;
68​ width: 100%;
69​ background-color: #eff0f1;
70​ border-bottom-right-radius: 5px;
71​ border-bottom-left-radius: 5px;
72​ text-align: center;
73​}
74​
75​.breeze-window h2 {
76​ font-size: 20px;
77​ margin-top: 10px;
78​}
79​
80​.breeze-button:active {
81​ background-image: linear-gradient(to bottom, #96d2ed, #87bed7);
82​}
83​
84​.breeze-button:hover {
85​ box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2);
86​ border: solid 1px rgba(147, 206, 233, 0.6);
87​}
88​
89​.breeze-button:hover::after {
90​ color: #3daefd;
91​}
92​
93​.breeze-button {
94​ color: #232627;
95​ box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
96​ background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb);
97​ position: relative;
98​ display: inline-block;
99​ padding: 5px 10px;
100​ border-radius: 2px;
101​ border: solid 1px rgba(0,0,0,.1);
102​ transition: background-image .2s;
103​}
104​
105​.breeze-button::after {
106​ color: #232627;
107​}
108​
109​/* Feature tabs */
110​
111​.tab-content-feature {
112​ max-width: 1000px;
113​ margin-left: auto;
114​ margin-right: auto;
115​}
116​
117​.nav-features .nav-link {
118​ border-top: 3px solid rgba(77,77,77, 0.8);
119​ margin-left: 1px;
120​ margin-right: 1px;
121​}
122​
123​.nav-features .nav-link.active {
124​ border-top: 3px solid rgba(61,174,233, 0.8);
125​}
126​
127​.laptop-with-overlay {
128​ position: relative;
129​}
130​
131​.laptop {
132​ position: relative;
133​}
134​
135​.laptop-overlay {
136​ position: absolute;
137​ top: 0;
138​ left: 0;
139​ margin-top: 3%;
140​ margin-left: 8%;
141​ height: 92%;
142​ width: 84%;
143​}
144​
145​a, a:visited, a:focus, a:active, a:hover{
146​ outline:0 none !important;
147​}
148​
149​main section {
150​ margin-bottom: 0;
151​ margin-top: 0;
152​ padding: 20px;
153​}
154​
155​main h1 {
156​ font-size: 36px;
157​}
158​
159​main h2 {
160​ font-size: 30px;
161​}
162​
163​/* Gradient */
164​#simple-by-default {
165​ background: rgba(61,174,233,0.1);
166​}
167​
168​#powerful-when-needed {
169​ background: rgba(218,68,83, 0.07);
170​}
171​
172​#plasma-configuration {
173​ background: rgba(39,174,96, 0.1);
174​}