一个值得借鉴的QSS样式

简介: *{     font-size:13px;     color:white;     font-family:"宋体";   }   CallWidget QLineEdit#telEdt  {     font-size:24px;   }   QMainWindow,QDi...

*{  
  font-size:13px;  
  color:white;  
  font-family:"宋体";  
}  
CallWidget QLineEdit#telEdt 
{  
  font-size:24px;  
}  
QMainWindow,QDialog{  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #1B2534, stop: 0.4 #010101,  
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);  
}  
QWidget{  
    background:#121922;  
}  
QLabel{  
   background:transparent;  
}  
DailForm QLineEdit#phoneLineEdt{  
  font-size:36px;  
  font-weight: bold;  
}  
QPushButton,QToolButton{  
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,  
                                 stop: 1.0 #27405A);  
    border-style: outset;  
    border-width: 1px;  
    border-radius: 5px;  
    border-color: #11223F;  
    padding: 1px;  
}  
QPushButton::hover,QToolButton::hover{  
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #758385, stop: 0.5 #122C39,  
                                 stop: 1.0 #0E7788);  
    border-color: #11505C;  
}  
QPushButton::pressed,QToolButton::pressed{  
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #969B9C, stop: 0.5 #16354B,  
                                 stop: 1.0 #244F76);  
    border-color: #11505C;  
}  
QPushButton::disabled,QToolButton::disabled{  
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #282B2C, stop: 0.5 #09121A,  
                                 stop: 1.0 #111D29);  
    border-color: #0A1320;  
    color:#6A6864;  
}  
QDialog QPushButton,QDialog QToolButton{  
  min-width:30px;  
  min-height:23px;  
}  
QToolButton[objectName="minimizeToolBtn"] {  
    background: transparent;  
    border:none;  
    image:url(qss/minimize.png)  
}  
QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {  
    image:url(qss/minimize_hover.png)  
}  
QToolButton[objectName="maximizeToolBtn"] {  
    background: transparent;  
    border:none;  
    image:url(qss/maximize.png)  
}  
QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {  
    image:url(qss/maximize_hover.png)  
}  
QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {  
    background: transparent;  
    border:none;  
    image:url(qss/close.png)  
}  
QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{  
    image:url(qss/close_hover.png)  
}  
QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{  
    image:url(qss/close_hover.png)  
}  
QToolButton[objectName="titleSetUpToolBtn"]{  
    background: transparent;  
    border:none;  
    image:url(qss/setup.png)  
}  
DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,  
         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,  
         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,  
         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {  
    font-size:36px;  
    border-radius: 10px;  
}  
DailForm QToolButton#delToolBtn{  
    border-radius: 10px;  
}  
QFrame{  
    border-color:#32435E;  
    border-width:1px;  
    border-radius: 3px;  
}  
QLineEdit,QTextEdit {  
    border: 1px solid #32435E;  
    border-radius: 3px;  
    /* padding: 0 8px; */ 
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #080B10,  
                                 stop: 1.0 #212C3F);  
    selection-background-color: #0A246A;  
}  
QLineEdit::hover{  
  border-color:#5D8B9E;  
}  
QLineEdit[echoMode="3"] {  
     lineedit-password-character: 9679;  
}  
#QLineEdit:read-only {  
     background: #543F7C;  
}  
QTabWidget::pane { /* The tab widget frame */ 
     border: 0px solid #32435E;  
     position: absolute;  
     left: -0.1em;  
}  
QTabWidget#MainTabWidget::tab-bar {  
     left: -3px; /* move to the right by 5px */ 
}  
QTabWidget#MainTabWidget QTabBar::tab {  
     height: 14ex;  
     width: 14ex;  
}  
QTabBar::tab {  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #292F31, stop: 1 #0C131E);  
}  
QTabBar::tab:selected{  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #113845,  stop: 1.0 #15A8FF);  
}  
QTabBar::tab:hover {  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #113845,  stop: 1.0 #0E6F80);  
}  
#QTabBar::tab:selected {  
     border-color: #32435E;  
     border-right-color: #32435E; /* same as pane color */ 
}  
#QTabBar::tab:!selected {  
     margin-left: 2px; /* make non-selected tabs look smaller */ 
}  
#QTabBar:tab:first:selected {  
    margin-top: 0;  
}  
QTabBar:tab:last:selected {  
    margin-right: 0;  
}  
QTabBar:tab:only-one {  
     margin: 0;  
}  
QListWidget{  
    border: 1px solid #32435E;  
    background:#050609;  
}  
QListWidget::item:selected {  
     /*border: 0px solid #33CCFF;*/ 
     border:none;  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);  
     padding:0px;  
     margin:0px;  
}  
#QListWidget::item:selected:!active {  
     border-width: 0px ;  
}  
#QListWidget::item:selected:active {  
     border-width: 1px;  
}  
 
QComboBox {  
     border: 1px solid #32435E;  
     border-radius: 3px;  
     padding: 1px 18px 1px 3px;  
     min-width: 6em;  
}  
QComboBox::hover{  
  border-color:#5D8B9E;  
}  
QComboBox:editable {  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #080B10,  
                                 stop: 1.0 #212C3F);  
}  
QComboBox:!editable, QComboBox::drop-down:editable {  
      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #080B10,  
                                 stop: 1.0 #212C3F);  
}  
/* QComboBox gets the "on" state when the popup is open */ 
QComboBox:!editable:on, QComboBox::drop-down:editable:on {  
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #080B10,  
                                 stop: 1.0 #212C3F);;  
}  
QComboBox:on { /* shift the text when the popup opens */ 
     padding-top: 3px;  
     padding-left: 4px;  
}  
QComboBox::drop-down {  
     subcontrol-origin: padding;  
     subcontrol-position: top right;  
     width: 15px;  
     border-left-width: 1px;  
     border-left-color: 32435E;  
     border-left-style: solid; /* just a single line */ 
     border-top-right-radius: 3px; /* same radius as the QComboBox */ 
     border-bottom-right-radius: 3px;  
}  
QComboBox::down-arrow {  
     image: url(qss/downarrow.png);  
}  
QComboBox::down-arrow:on { /* shift the arrow when popup is open */ 
     top: 1px;  
     left: 1px;  
}  
QComboBox QAbstractItemView {  
     border: 2px solid #32435E;  
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #506B79,  
                                 stop: 1.0 #0D95A6);  
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
                                 stop: 0 #1B2534, stop: 0.4 #010101,  
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);  


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/xuhongtao123459/archive/2010/09/10/5875614.aspx

相关文章
|
前端开发 JavaScript API
Axure实战22:使用Axure和CSS实现渐变色背景
Axure实战22:使用Axure和CSS实现渐变色背景
698 0
Axure实战22:使用Axure和CSS实现渐变色背景
|
7月前
|
前端开发 UED
【专栏:CSS基础篇】CSS背景与边框:设计网页外观
【4月更文挑战第30天】CSS中的背景和边框是网页设计的关键元素,能增强视觉层次和用户体验。背景可通过`background-color`设置颜色,`background-image`添加图像,`background-position`和`background-size`调整位置和大小。边框用`border-style`定义样式,`border-width`设定宽度,`border-radius`创建圆角。理解并巧妙运用这些属性,结合媒体查询实现响应式设计,将使网页更具吸引力和功能性。不断学习和创新是提升设计能力的关键。
102 0
|
7月前
|
前端开发
【CSS进阶】巧用伪元素before和after制作绚丽效果(上)
【CSS进阶】巧用伪元素before和after制作绚丽效果
71 0
|
7月前
|
Web App开发 XML 前端开发
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
79 0
|
7月前
|
前端开发
前端知识笔记(三十一)———css实现水波纹效果(水球图)
前端知识笔记(三十一)———css实现水波纹效果(水球图)
289 0
|
前端开发 C++
Qt界面美化之自定义qss样式表
Qt界面美化之自定义qss样式表
|
前端开发 容器
从植物大战僵尸谈谈CSS定位布局
从植物大战僵尸谈谈CSS定位布局
174 0
CSS3第五课 平角在渐变的基础上
CSS3第五课 平角在渐变的基础上
109 0
CSS3第五课 平角在渐变的基础上
|
前端开发 JavaScript
CSS实战笔记(十一) 自适应三栏布局
CSS实战笔记(十一) 自适应三栏布局
84 0
|
前端开发
CSS如何实现毛玻璃效果
写在前面 之前在逛一些网站的时候,就经常看见一些图片背景模糊的效果,这样的效果可以使得用户将更多的注意力放在清晰的地方上,可以不经意间引导用户。 我就很好奇,这样的一种效果是怎么实现的。恰好这几天周末,顺便弥补一下我拙劣的css知识。 通过查找一些资料,我发现这样的效果大致可以使用两种方法来实现: