CSS _css样式

news/2025/2/21 10:46:54/文章来源:https://www.cnblogs.com/onestopweb/p/18724921
base.css
@charset "utf-8";
/*公共样式*/
body { background-color: rgba(238, 238, 238, 0.2); }
a { color: #1aa094;}
a:hover { color: #333;}
.g-c {  zoom: 1;}
.g-c:after {  content: '\20'; display: block; height: 0; clear: both; visibility: hidden;}
.g-l {  float: left;}
.g-r { float: right;}
.lb-del{ text-decoration: line-through;}/*公共样式*/
.t-container { max-width: 1380px; min-width: 320px; margin: 0 auto 80px auto;}
.t-cont { max-width: 960px; min-width: 320px; margin: 0 auto 95px auto;}
.ui-logo{ border-bottom:1px solid #eee;}
.ui-logo a{ width:100%; line-height: 60px;  display: block; color:#1aa094;  text-align: center; font-size: 36px;}
.ui-logo a:hover{ background-color:#1aa094; color: #fff; }/*地图样式*/
.m-map { height: 50px; line-height: 50px; background-color: #eee; z-index: 1001; color: #333; }
.m-map .lb-menu { padding-left:20px;}
.m-map .lb-save { padding-right:20px;}
.m-map ul {  float: left; margin-left: 10px;}
.m-map li {  float: left; margin-left: 6px;}/*搜索样式*/
.m-search{ margin-top: 15px; margin-right: 10px;}
.m-btn{ width: 100%; display: block; margin-bottom: 15px; height: 40px;}
.lb-btn{ width: 25%; display: block; float: left;}/*列表样式*/
.ui-tithead{ background-color: #eee; font-weight: bold;}
.ui-tabhead{ margin: 0; background-color: #eee;}
.ui-tabhead th{ width: 56px;}
.ui-item:hover .ui-tithead{ background-color:#FAFAD2;}
.ui-item:hover .ui-tabhead{  background-color:#FAFAD2;}.ui-title{ background-color: #fff; font-size: 14px;}
.ui-title img{ float: right; border-radius: 10px; height: 20px; width: 20px; display: inline-block; z-index: 9999; margin-top: 11px;}
.ui-item:nth-child(2n-1) .ui-title{ background-color:#f9f9f9;}
.ui-item:nth-child(2n-1) .ui-table{ background-color:#f9f9f9;}
.ui-item:hover .ui-title{ background-color:#FAFAD2;}
.ui-item:hover .ui-table{  background-color:#FAFAD2;}
.ui-content{ padding: 0;}
.ui-table{ margin: 0;}
.ui-table th{ width: 56px;}/*分页样式*/
.m-page{ text-align: center;}/*内容主体样式*/
.m-body{ margin-bottom: 15px;}.ui-view{}
.ui-view dl:hover dt{ color: #c00;}
.ui-view img{ margin: 2px;}
.ui-view dl dt{ width: 80px; line-height: 2; display: inline-block; text-align: right; font-weight: bold; color: #000000;}
.ui-view dl dd{ padding-left: 30px;}/*链接样式*/
.m-path a{ margin-bottom: 15px;}/*底部样式*/
.m-foot{ height: 35px; line-height: 35px; min-width: 320px; position: fixed; bottom: 0; font-size: 14px; background-color: #1aa094; border-radius: 0 2px 2px 0; max-width: 1380px;}
.m-foot p{ text-align: center; color:#fff;}
.m-foot p a{ color: #fff;}
.m-foot p a:hover{ color: #333;}
login.css
@charset "utf-8";
/*login 样式*/
body { background-color: rgba(238, 238, 238, 0.2); }
.t-login { box-shadow: 0px 0px 15px #ccc; width: 260px; margin-top: 200px; margin: 0 auto; background: #fff; padding: 60px 80px; position: fixed; top: 50%; left: 50%; margin-top: -210px; margin-left: -205px; }
.t-login h2 { font-size: 28px; font-weight: 100; color: #333; text-align: center; margin-bottom: 50px }
.lb-forget{ float: right; color: #666;  margin-top: 10px;}
.lb-forget:hover{ color:#1aa094;}
.layui-form-item{  position: relative; }
.layui-form-item .input-icon{ position: absolute; left: 5px; top: 10px; color: #999; }
.layui-form-item .layui-input{ padding-left: 24px; }
.layui-btn{ width: 100%;}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/886796.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用crewai创建属于你自己的AI团队

crewai介绍 CrewAI 是一个用于协调自主 AI 代理的前沿框架。 CrewAI 允许你创建 AI 团队,其中每个代理都有特定的角色、工具和目标,协同工作以完成复杂任务。 把它想象成组建你的梦之队——每个成员(代理)都带来独特的技能和专业知识,无缝协作以实现你的目标。 最近使用了…

解决 element-ui table表格内容上下垂直居中的解决方法

没处理的时候是不是看着很丑只需要在需要处理的 el-table-column 标签中添加 className 然后设置样式为 vertical-align: top; 完整代码 : 然后增加对应的样式<style>.el-table .my-store-management-cell {vertical-align: top;} </style>然后就可以了

老年人19

老年人项目大概情况效果展示

Vulnhub-kioptix2014靶机getshell及提权

靶机搭建 点击扫描虚拟机然后扫描文件夹即可信息收集 扫描ip nmap扫描得到目标靶机ip nmap -sn 192.168.108.0/24故 攻击机:192.168.108.130 目标靶机:192.168.108.140扫端口和服务信息 扫描开放端口信息 nmap -p 1-65535 192.168.108.140可用信息 22/tcp closed ssh …

自然资源数据促进数字化治理能力提升

在数字化时代,自然资源数据作为国家治理体系和治理能力现代化的重要支撑,其开发利用对于推动经济社会高质量发展具有重要意义。本文将从测绘地理信息与遥感专业的角度,探讨如何推动自然资源数据要素的开发利用,以促进数字化治理能力的提升。 一、自然资源数据要素的重要性自…

老年人11

编写日常评估表的servlet层代码

git学习 -2025/2/17

git 基础操作指令 git add / git commit -m "注释" /git statusgit log[option]参数版本回退添加文件至忽略列表分支操作远程仓库 添加远程仓库 git remote add <远端名称> <仓库路径> 查看远程仓库 git remote 推送到远程仓库 命令:git push [-f] [--s…

老年人5

编写老年人信息登记表的service层的代码

ASP.NET Core 6 基础入门系列(15) 项目在IIS下部署的两种进程托管模型

系列目录 【已更新最新开发文章,点击查看详细】  ASP.NET Core 6 基础入门系列(14) 项目发布与IIS部署 ASP.NET Core 6 基础入门系列(13) Web 服务器介绍 ASP.NET Core 6 基础入门系列(12) 项目的多种启动方式及问题 ASP.NET Core 6 基础入门系列(11) 项目结构详解之项目…

ASP.NET Core 6 基础入门系列(14) 项目发布与IIS部署

系列目录 【已更新最新开发文章,点击查看详细】ASP.NET Core 6 基础入门系列(13) Web 服务器介绍 ASP.NET Core 6 基础入门系列(12) 项目的多种启动方式及问题 ASP.NET Core 6 基础入门系列(11) 项目结构详解之项目入口Program.cs ASP.NET Core 6 基础入门系列(10) 项目结…

ASP.NET Core 6 基础入门系列(1) ASP.NET Core 6.0 简介

系列目录 【已更新最新开发文章,点击查看详细】预备知识1: C#5、C#6、C#7、C#8、C#9、C#10 预备知识2: .NET 对比 .NET Framework 预备知识3: ASP.NET Core 概述 预备知识4: ASP.NET Core 与 ASP.NET 宏观对比 预备知识5: ASP.NET 请求处理机制 预备知识6: AS…

老年人1

用servlet构建一个javaweb项目并配置好环境